/*
Theme Name: IA de Novias
Theme URI: https://iadenovias.org/
Author: IA de Novias
Description: Tema tropical anime para IA de Novias.
Version: 1.0.0
Requires at least: 6.0
Text Domain: iadenovias
*/
:root{--bg:#0d0718;--bg2:#160c28;--ink:#fbeff7;--mute:#bfa9c9;--pink:#ff4f9a;--coral:#ff8a5c;--sea:#3ee6d6;--line:rgba(255,255,255,.1);--grad:linear-gradient(110deg,var(--pink),var(--coral) 50%,var(--sea));--r:22px;--serif:'Fraunces',Georgia,serif;--sans:'Outfit',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:300 17px/1.7 var(--sans);overflow-x:hidden}
body.age-lock{overflow:hidden}
a{color:inherit}img{max-width:100%;display:block}
h1,h2{font-family:var(--serif);font-weight:800;line-height:1.08;letter-spacing:-.02em}
h2{font-size:clamp(30px,4.2vw,52px);margin-bottom:18px}
.wrap{max-width:1200px;margin:auto;padding:0 24px}.narrow{max-width:820px}.center{text-align:center}
.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:12px;color:var(--sea);font-weight:600;margin-bottom:12px}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 26px;font:600 15px var(--sans);text-decoration:none;cursor:pointer;border:0;transition:transform .3s,box-shadow .3s}
.btn--glow{background:linear-gradient(110deg,var(--pink),var(--coral),var(--sea),var(--coral),var(--pink));background-size:200%;color:#1a0717;box-shadow:0 10px 40px -10px var(--pink);animation:sh 6s linear infinite}
.btn--glow:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 50px -10px var(--pink)}
.btn--ghost{background:rgba(255,255,255,.06);color:var(--ink);border:1px solid var(--line);backdrop-filter:blur(8px)}
.btn--ghost:hover{background:rgba(255,255,255,.14)}
.btn--lg{padding:17px 34px;font-size:17px}.btn--sm{padding:9px 18px;font-size:14px}.btn--full{width:100%}
@keyframes sh{to{background-position:200%}}
.pulse{animation:sh 6s linear infinite,pl 2s infinite}@keyframes pl{50%{box-shadow:0 0 0 14px rgba(255,79,154,0)}0%{box-shadow:0 0 0 0 rgba(255,79,154,.6)}}
/* header */
.site-header{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s}
.site-header.is-scrolled{background:rgba(13,7,24,.75);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.site-header__inner{max-width:1200px;margin:auto;padding:16px 24px;display:flex;align-items:center;gap:24px}
.site-logo{font:800 22px var(--serif);text-decoration:none}.site-logo em{color:var(--pink)}.site-logo__mark{color:var(--sea)}
.main-navigation{margin-left:auto}.menu{list-style:none;display:flex;gap:26px}.menu a{text-decoration:none;color:var(--mute);font-size:15px}.menu a:hover{color:var(--ink)}
/* hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:120px 0 60px}
.hero__bg{position:absolute;inset:-5%;background-size:cover;background-position:center;filter:saturate(1.2);transform:scale(1.1);animation:kb 25s ease-in-out infinite alternate}
.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 15%,rgba(13,7,24,.55) 55%,rgba(13,7,24,.2)),linear-gradient(0deg,var(--bg),transparent 40%)}
@keyframes kb{to{transform:scale(1.2) translateX(-2%)}}
.hero__glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(var(--pink),transparent 70%);opacity:.25;filter:blur(60px);left:-200px;top:10%}
.hero__inner{position:relative;max-width:1200px;margin:auto;padding:0 24px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;width:100%}
.hero__title{font-size:clamp(42px,6.4vw,84px);margin-bottom:22px}
.hero__lead{font-size:20px;color:var(--mute);max-width:540px;margin-bottom:32px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap}
.hero__stats{list-style:none;display:flex;gap:34px;margin-top:44px;color:var(--mute);font-size:14px}.hero__stats b{display:block;font:800 30px var(--serif);color:var(--ink)}
.hero__cards{position:relative;height:560px}
.hc{position:absolute;width:62%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r);box-shadow:0 30px 80px -20px rgba(0,0,0,.8);border:1px solid var(--line);animation:fl 7s ease-in-out infinite}
.hc--1{left:0;top:40px;transform:rotate(-8deg);z-index:1}.hc--2{right:0;top:0;transform:rotate(7deg);animation-delay:-2s}.hc--3{left:20%;top:120px;z-index:2;animation-delay:-4s}
@keyframes fl{50%{translate:0 -18px}}
/* marquee */
.marquee{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;background:var(--bg2)}
.marquee__track{display:flex;width:max-content;animation:mq 30s linear infinite;font:italic 600 34px var(--serif);color:transparent;-webkit-text-stroke:1px var(--mute)}
.marquee span{padding-right:20px;white-space:nowrap}@keyframes mq{to{transform:translateX(-50%)}}
/* sections */
.sec{padding:120px 0;position:relative}.sec--alt{background:var(--bg2)}
.sec__head{text-align:center;max-width:700px;margin:0 auto 60px}.sec__head p{color:var(--mute)}
.text-block p{color:var(--mute);font-size:19px;margin-bottom:20px}.text-block p:first-of-type::first-letter{font:800 64px/0.8 var(--serif);float:left;margin:8px 10px 0 0;color:var(--pink)}
.models{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.model{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .5s,box-shadow .5s}
.model:hover{transform:translateY(-10px);box-shadow:0 30px 60px -20px rgba(255,79,154,.45)}
.model__img{position:relative;aspect-ratio:3/4;overflow:hidden}.model__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.model:hover .model__img img{transform:scale(1.08)}
.model__online{position:absolute;top:14px;left:14px;background:rgba(13,7,24,.7);backdrop-filter:blur(6px);padding:4px 12px;border-radius:99px;font-size:12px;color:var(--sea)}
.model__body{padding:22px}.model__name{font:800 26px var(--serif)}.model__name span{font:400 16px var(--sans);color:var(--mute)}
.model__scene{color:var(--coral);font-size:13px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px}.model__body p:not([class]){color:var(--mute);font-size:15px;margin-bottom:18px;min-height:76px}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:50px}
.step{padding:34px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg)}.step span{font:800 56px var(--serif);background:var(--grad);-webkit-background-clip:text;color:transparent}
.step__t{font:800 24px var(--serif);margin:6px 0}.step p:last-child{color:var(--mute)}
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bento__i{padding:32px;border-radius:var(--r);border:1px solid var(--line);background:radial-gradient(circle at 100% 0,rgba(62,230,214,.15),transparent 60%),var(--bg2);transition:transform .4s}.bento__i:hover{transform:scale(1.02)}
.bento__i--big{grid-row:span 2;background:radial-gradient(circle at 0 100%,rgba(255,79,154,.35),transparent 60%),var(--bg2);display:flex;flex-direction:column;justify-content:flex-end}
.bento__i--wide{grid-column:span 2}.bento__t{font:800 24px var(--serif);margin-bottom:6px}.bento__i p:last-child{color:var(--mute)}
.quotes{display:grid;gap:20px;margin-top:30px}.wp-block-quote{padding:28px 32px;border-left:3px solid var(--pink);background:var(--bg2);border-radius:0 var(--r) var(--r) 0;font:italic 500 21px var(--serif)}.wp-block-quote cite{display:block;margin-top:10px;font:400 14px var(--sans);color:var(--mute);font-style:normal}
.two{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.two p{color:var(--mute);margin-bottom:18px}
.tilt{border-radius:var(--r);transform:rotate(-3deg);box-shadow:0 40px 80px -20px rgba(62,230,214,.35);transition:transform .6s}.tilt:hover{transform:rotate(0) scale(1.02)}
.table-wrap{overflow-x:auto}.cmp{width:100%;max-width:800px;margin:auto;border-collapse:collapse}.cmp th,.cmp td{padding:18px;border-bottom:1px solid var(--line);text-align:center}.cmp td:first-child{text-align:left}.cmp th:nth-child(2),.cmp td:nth-child(2){color:var(--sea);font-weight:600}
.counters{text-align:center}.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.nums b{font:800 clamp(40px,5vw,64px) var(--serif);background:var(--grad);-webkit-background-clip:text;color:transparent}.nums span{display:block;color:var(--mute)}
.faq__item{border-bottom:1px solid var(--line);padding:22px 0}.faq__item summary{cursor:pointer;font:600 20px var(--serif);list-style:none;display:flex;justify-content:space-between}.faq__item summary::after{content:"+";color:var(--pink);transition:transform .3s}.faq__item[open] summary::after{transform:rotate(45deg)}.faq__item p{color:var(--mute);margin-top:12px}
.final{overflow:hidden;padding:160px 0}.final__bg{position:absolute;inset:0;background-size:cover;background-position:center 30%;opacity:.35;filter:blur(2px)}.final__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(transparent,var(--bg) 75%)}.final .wrap{position:relative}.final p{color:var(--mute);font-size:19px;margin-bottom:30px}
/* legal */
.legal{padding:150px 0 90px}.legal h1{font-size:clamp(36px,5vw,58px);margin-bottom:40px}.legal h2{font-size:22px;margin:28px 0 8px;color:var(--pink)}.legal p{color:var(--mute)}
/* footer */
.site-footer{border-top:1px solid var(--line);padding:60px 0 30px;background:var(--bg2)}.site-footer__inner{max-width:1200px;margin:auto;padding:0 24px;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.site-footer p{color:var(--mute);max-width:380px;margin-top:10px;font-size:15px}.site-info{text-align:center;margin:40px auto 0!important;max-width:none!important;font-size:13px!important}
/* age */
.iadn-age{position:fixed;inset:0;z-index:999;display:none;place-items:center;background:rgba(8,3,15,.82);backdrop-filter:blur(18px);padding:20px}.age-lock .iadn-age{display:grid}
.iadn-age__box{max-width:480px;text-align:center;padding:44px 36px;border-radius:28px;background:var(--bg2);border:1px solid var(--line);box-shadow:0 0 120px -30px var(--pink);animation:pop .5s cubic-bezier(.2,1.4,.4,1)}
@keyframes pop{from{opacity:0;transform:scale(.85)}}
.iadn-age__badge{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font:800 30px var(--serif);background:var(--grad);color:#1a0717}
.iadn-age__title{font:800 28px var(--serif);margin-bottom:10px}.iadn-age__box p{color:var(--mute);font-size:15px}.iadn-age__small{font-size:13px!important;margin-top:12px}.iadn-age__btns{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}
/* reveal */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s var(--d,0ms),transform .9s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}
@media(max-width:960px){.hero__inner,.two{grid-template-columns:1fr}.hero__cards{height:420px;max-width:460px}.models,.steps,.bento{grid-template-columns:1fr 1fr}.nums{grid-template-columns:1fr 1fr}.main-navigation{display:none}.site-header .btn--sm{margin-left:auto}}
@media(max-width:600px){.models,.steps,.bento{grid-template-columns:1fr}.bento__i--wide{grid-column:auto}.sec{padding:80px 0}.hero__stats{gap:20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}