/*
Theme Name: Chicas en RRII
Version: 3.0
*/

@import url('https://fonts.googleapis.com/css2?family=Anton&family=League+Spartan:wght@400;600;700;900&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--v:#673AB7;--g:#2E8B57;--y:#FAFF00;--f:#FF18E8;--bk:#0d0d0d;--paper:#f0e8d6}
body{font-family:'Lucida Sans','Lucida Grande',sans-serif;background-color:var(--paper);color:var(--bk);overflow-x:hidden;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}
nav{background:var(--bk);padding:.8rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:200;border-bottom:4px solid var(--f)}
.logo{font-family:'Anton',sans-serif;font-size:1.3rem;color:#fff;text-transform:uppercase;letter-spacing:2px;text-decoration:none}
.logo em{color:var(--f);font-style:normal}
.nav-links{list-style:none;display:flex;gap:1.4rem}
.nav-links a{font-family:'League Spartan',sans-serif;font-weight:700;font-size:.78rem;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:1.5px;transition:color .15s}
.nav-links a:hover{color:var(--y)}
.nav-ext{display:flex;gap:.7rem}
.ext{font-family:'League Spartan',sans-serif;font-weight:900;font-size:.68rem;text-decoration:none;text-transform:uppercase;letter-spacing:1px;padding:.35rem .75rem;border:2px solid;transition:all .15s}
.ext.li{color:var(--y);border-color:var(--y)}.ext.li:hover{background:var(--y);color:var(--bk)}
.ext.cu{color:var(--f);border-color:var(--f)}.ext.cu:hover{background:var(--f);color:var(--bk)}
.hero{background:var(--bk);padding:5rem 2rem 4.5rem;position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 93%,98.5% 100%,1.5% 100%,0 93%)}
.hero-inner{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.sticker{display:inline-block;background:var(--y);color:var(--bk);font-family:'League Spartan',sans-serif;font-weight:900;font-size:.68rem;text-transform:uppercase;letter-spacing:2px;padding:.3rem .9rem;transform:rotate(-1.5deg);margin-bottom:1.5rem}
.hero h1{font-family:'Anton',sans-serif;font-size:clamp(3rem,7.5vw,6rem);color:#fff;text-transform:uppercase;line-height:.9;max-width:620px}
.hero h1 .af{color:var(--f)}.hero h1 .ay{color:var(--y)}
.hero-desc{font-family:'Lucida Sans',sans-serif;color:#999;font-size:.92rem;max-width:460px;margin-top:1.2rem;line-height:1.65}
.d1{position:absolute;top:-50px;right:6%;width:240px;height:240px;background:var(--v);opacity:.2;transform:rotate(18deg);clip-path:polygon(4% 0,100% 6%,97% 96%,0 100%)}
.d2{position:absolute;bottom:10px;right:22%;width:90px;height:90px;background:var(--g);opacity:.35;transform:rotate(-10deg)}
.d3{position:absolute;top:25%;right:3%;width:35px;height:130px;background:var(--f);opacity:.25;transform:rotate(6deg)}
.d4{position:absolute;bottom:30%;right:15%;width:60px;height:60px;background:var(--y);opacity:.15;transform:rotate(30deg)}
.sh{display:flex;align-items:baseline;gap:1rem;margin-bottom:2rem}
.sh h2{font-family:'Anton',sans-serif;font-size:2.2rem;text-transform:uppercase;line-height:1;white-space:nowrap}
.sh-bar{flex:1;height:3px;background:currentColor}
.home-main{max-width:1100px;margin:0 auto;padding:3rem 2rem}
.home-cols{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem}

/* ===== LO ÚLTIMO — hover reveal ===== */
.ultimo-list{display:flex;flex-direction:column;gap:.8rem}
.ult-card{display:block;text-decoration:none;color:var(--bk);background:rgba(0,0,0,.05);padding:1.1rem 1.3rem;border-left:4px solid var(--v);transition:background .15s}
.ult-card:nth-child(1){border-left-color:var(--v)}
.ult-card:nth-child(2){border-left-color:var(--f)}
.ult-card:nth-child(3){border-left-color:var(--g)}
.ult-card:nth-child(4){border-left-color:var(--y)}
.ult-card:hover{background:rgba(0,0,0,.09)}
.ult-card h3{font-family:'League Spartan',sans-serif;font-weight:700;font-size:.97rem;line-height:1.35;color:var(--bk)}
.ult-date{font-size:.65rem;color:#888;font-family:'League Spartan',sans-serif;text-transform:uppercase;letter-spacing:1px;margin-top:.35rem;display:block}
.ult-extra{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease}
.ult-card:hover .ult-extra{max-height:220px;opacity:1;margin-top:.8rem}
.ult-extra p{font-size:.82rem;color:#444;line-height:1.65;margin-bottom:.6rem}
.ult-extra .read-more{display:inline-block;font-family:'League Spartan',sans-serif;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--v);border-bottom:1px solid var(--v)}

.tag{display:inline-block;font-family:'League Spartan',sans-serif;font-weight:900;font-size:.62rem;text-transform:uppercase;letter-spacing:1.5px;padding:.18rem .55rem;margin-bottom:.5rem}
.tl{background:var(--g);color:#fff}.tf{background:var(--f);color:var(--bk)}.tv{background:var(--v);color:#fff}.ty{background:var(--y);color:var(--bk)}.ta{background:#c0392b;color:#fff}.tc{background:#1a6a9a;color:#fff}

/* ===== INSTAGRAM EMBED ===== */
.ig-embed{background:#fff;border:2px solid var(--bk);padding:1.1rem}
.ig-embed-head{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}
.ig-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--v),var(--f));flex-shrink:0}
.ig-namebox{flex:1}
.ig-namebox strong{display:block;font-family:'League Spartan',sans-serif;font-weight:700;font-size:.82rem}
.ig-namebox span{font-size:.68rem;color:#888;font-family:'League Spartan',sans-serif}
.ig-follow{font-family:'League Spartan',sans-serif;font-weight:900;font-size:.64rem;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--f);padding:.35rem .8rem;text-decoration:none}
.ig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}
.ig-item{aspect-ratio:1;position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ig-item .label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:.5rem;text-align:center;font-family:'League Spartan',sans-serif;font-weight:700;font-size:.65rem;color:#fff;text-transform:uppercase;letter-spacing:.5px;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s}
.ig-item:hover .label{opacity:1}
.ig-item .icon{font-size:1.4rem;opacity:.4;color:#fff;z-index:1}
.ig-viewall{display:block;text-align:center;font-family:'League Spartan',sans-serif;font-weight:700;font-size:.75rem;color:var(--f);text-decoration:none;text-transform:uppercase;letter-spacing:1px}

.art-sec{max-width:1100px;margin:0 auto;padding:3rem 2rem}
.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.art-card{border:2px solid var(--bk);padding:1.4rem;background:white;position:relative;transition:transform .12s,box-shadow .12s;display:block;text-decoration:none;color:var(--bk)}
.art-card:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--bk)}
.art-card:nth-child(3n+1){border-top:5px solid var(--v)}.art-card:nth-child(3n+2){border-top:5px solid var(--g)}.art-card:nth-child(3n+3){border-top:5px solid var(--f)}
.art-card h3{font-family:'League Spartan',sans-serif;font-weight:700;font-size:.93rem;line-height:1.3;margin:.5rem 0 .45rem}
.art-card p{font-size:.8rem;color:#555;line-height:1.6}
.art-date{font-family:'League Spartan',sans-serif;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#999;margin-top:.75rem}

/* ===== MÁS LEÍDOS + VER TODOS ===== */
.mas-leidos{margin-top:2.6rem;padding-top:2rem;border-top:2px dashed var(--bk)}
.mas-leidos h3{font-family:'Anton',sans-serif;font-size:1.3rem;text-transform:uppercase;margin-bottom:1.1rem;color:var(--f)}
.mas-leidos ol{list-style:none;display:flex;flex-direction:column;gap:.7rem;counter-reset:ml}
.mas-leidos li{display:flex;align-items:baseline;gap:.9rem;counter-increment:ml}
.mas-leidos li::before{content:counter(ml);font-family:'Anton',sans-serif;font-size:1.3rem;color:var(--y);-webkit-text-stroke:1px var(--bk);flex-shrink:0}
.mas-leidos a{font-family:'League Spartan',sans-serif;font-weight:700;font-size:.88rem;color:var(--bk);text-decoration:none}
.mas-leidos a:hover{color:var(--v)}
.ver-todos-wrap{text-align:center;margin-top:2.2rem}
.ver-todos{display:inline-block;background:var(--bk);color:#fff;font-family:'League Spartan',sans-serif;font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:1.5px;padding:.75rem 1.6rem;text-decoration:none;transform:rotate(-1deg);transition:transform .15s}
.ver-todos:hover{transform:rotate(0) translate(-3px,-3px)}

.sobre{background:var(--v);padding:4.5rem 2rem;clip-path:polygon(0 0,100% 3%,100% 100%,0 97%)}
.sobre-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1.6fr;gap:3rem;align-items:center}
.sobre-left .big{font-family:'Anton',sans-serif;font-size:clamp(2.8rem,5.5vw,4.5rem);color:var(--y);text-transform:uppercase;line-height:.88;transform:rotate(-2deg);display:inline-block}
.sobre-left .sub{font-family:'League Spartan',sans-serif;font-size:.72rem;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:2px;margin-top:.8rem}
.sobre-left .tape{display:block;width:55px;height:16px;background:rgba(250,255,0,.45);transform:rotate(-4deg);margin:-.4rem 0 .4rem -5px}
.sobre-right p{color:#fff;font-size:.92rem;line-height:1.7;margin-bottom:.9rem}
.sobre-right strong{color:var(--y)}

.rec-sec{max-width:1100px;margin:0 auto;padding:4rem 2rem 3rem}
.rec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem;margin-top:2rem}
.rbtn{display:block;padding:1.8rem 2rem;text-decoration:none;border:3px solid var(--bk);background:white;position:relative;transition:transform .15s,box-shadow .15s}
.rbtn:nth-child(1){border-color:var(--v);background:var(--v);transform:rotate(-.6deg)}
.rbtn:nth-child(2){border-color:var(--g);background:var(--g);transform:rotate(.4deg)}
.rbtn:nth-child(3){border-left:5px solid var(--v);transform:rotate(-.3deg)}
.rbtn:nth-child(4){border-left:5px solid var(--f);transform:rotate(.5deg)}
.rbtn:hover{transform:translate(-4px,-4px) rotate(0deg);box-shadow:6px 6px 0 var(--bk)}
.rbtn .rt{font-family:'Anton',sans-serif;font-size:1.7rem;text-transform:uppercase;line-height:1;margin-bottom:.4rem}
.rbtn:nth-child(1) .rt,.rbtn:nth-child(2) .rt{color:#fff}
.rbtn .rd{font-family:'League Spartan',sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.rbtn:nth-child(1) .rd,.rbtn:nth-child(2) .rd{color:rgba(255,255,255,.65)}
.rbtn .ra{position:absolute;top:1.4rem;right:1.4rem;font-size:1.4rem}
.rbtn:nth-child(1) .ra{color:var(--y)}.rbtn:nth-child(2) .ra{color:var(--y)}.rbtn:nth-child(3) .ra{color:var(--v)}.rbtn:nth-child(4) .ra{color:var(--f)}

footer{background:var(--bk);color:#fff;padding:2.5rem 2rem;text-align:center;border-top:4px solid var(--v)}
.f-logo{font-family:'Anton',sans-serif;font-size:1.5rem;letter-spacing:2px}
.f-logo em{color:var(--f);font-style:normal}
footer p{font-size:.7rem;color:#555;margin-top:.4rem;font-family:'League Spartan',sans-serif;letter-spacing:1px;text-transform:uppercase}
footer .f-links{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}
footer .f-links a{font-family:'League Spartan',sans-serif;font-weight:700;font-size:.7rem;color:#aaa;text-decoration:none;text-transform:uppercase;letter-spacing:1px}
footer .f-links a:hover{color:var(--y)}

@media(max-width:768px){.home-cols,.sobre-inner{grid-template-columns:1fr}.ig-grid{grid-template-columns:repeat(2,1fr)}.art-grid{grid-template-columns:1fr 1fr}.rec-grid{grid-template-columns:1fr}.nav-ext{display:none}.nav-links{gap:.9rem}}
@media(max-width:480px){.art-grid{grid-template-columns:1fr}}