@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

html[data-tutor-proposal] {
  --tutor-bg:#060606;--tutor-panel:#0d0d0c;--tutor-panel-2:#13110f;--tutor-ink:#f3eee8;
  --tutor-muted:#aaa39b;--tutor-line:rgba(255,255,255,.12);--tutor-copper:#d89b69;--tutor-sand:#efc59c;
  color-scheme:dark;background:var(--tutor-bg);
}
html[data-tutor-proposal] body{margin:0;background:radial-gradient(circle at 72% 8%,rgba(216,155,105,.1),transparent 30rem),var(--tutor-bg);color:var(--tutor-ink);font-family:Manrope,sans-serif}
html[data-tutor-proposal] .container{width:min(1440px,calc(100% - 3rem));max-width:none}
html[data-tutor-proposal] .header{position:fixed;inset:0 0 auto;z-index:1000;height:72px;border-bottom:1px solid var(--tutor-line);background:rgba(6,6,6,.86);backdrop-filter:blur(20px) saturate(1.2);box-shadow:none}
html[data-tutor-proposal] .header-inner{height:100%}
html[data-tutor-proposal] .brand-logo-container{gap:.7rem}
html[data-tutor-proposal] .logo-icon{width:28px;height:28px;border:1px solid rgba(216,155,105,.55);border-radius:50%;background:linear-gradient(135deg,#f0c49d,#a95f35 72%)!important;box-shadow:0 0 30px rgba(216,155,105,.12)}
html[data-tutor-proposal] .brand-logo{background:none!important;-webkit-text-fill-color:var(--tutor-ink)!important;color:var(--tutor-ink)!important;font:600 1.1rem Manrope,sans-serif;letter-spacing:-.03em}
html[data-tutor-proposal] .brand-logo:after{content:' / Tutor IA';margin-left:.5rem;color:var(--tutor-ink);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
html[data-tutor-proposal] .nav-links{gap:.2rem}
html[data-tutor-proposal] .nav-link,html[data-tutor-proposal] .user-button{color:#d7d3cf;font:600 .74rem Manrope,sans-serif}
html[data-tutor-proposal] .nav-link{padding:.65rem .75rem;border-radius:999px}
html[data-tutor-proposal] .nav-link:hover{background:rgba(255,255,255,.06);color:#fff}
html[data-tutor-proposal] .dropdown-menu{min-width:280px;padding:.55rem;border:1px solid var(--tutor-line);border-radius:14px;background:rgba(13,13,12,.97);box-shadow:0 24px 70px rgba(0,0,0,.56);backdrop-filter:blur(20px)}
html[data-tutor-proposal] .dropdown-item{border-radius:9px;color:#c8c3bd;font-size:.76rem}
html[data-tutor-proposal] .dropdown-item:hover{background:rgba(216,155,105,.1);color:#fff}
html[data-tutor-proposal] .header-actions .register-button,html[data-tutor-proposal] .header-actions .user-button{border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;background:rgba(255,255,255,.055)!important;color:var(--tutor-ink)!important;box-shadow:none!important}
html[data-tutor-proposal] .mega-lang-button{border-color:var(--tutor-line);background:rgba(255,255,255,.04);color:var(--tutor-ink)}
html[data-tutor-proposal] #mobile-menu-toggle{display:none!important}

.tutor-mobile-nav{display:none;position:relative;margin-left:auto}.tutor-mobile-nav summary{display:grid;place-items:center;width:42px;height:42px;list-style:none;cursor:pointer;border:1px solid var(--tutor-line);border-radius:50%}.tutor-mobile-nav summary::-webkit-details-marker{display:none}.tutor-mobile-panel{position:absolute;top:52px;right:0;display:grid;gap:.28rem;width:min(360px,calc(100vw - 2rem));max-height:calc(100dvh - 88px);overflow:auto;padding:.72rem;border:1px solid var(--tutor-line);border-radius:16px;background:rgba(11,10,9,.99);box-shadow:0 28px 80px #000}.tutor-mobile-section{display:grid;padding:.32rem .26rem .55rem;border-bottom:1px solid var(--tutor-line)}.tutor-mobile-section:last-child{border-bottom:0}.tutor-mobile-heading{padding:.58rem .64rem;border-radius:9px;color:var(--tutor-sand)!important;text-decoration:none;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.tutor-mobile-children{display:grid;margin-inline:.62rem .18rem;padding-inline-start:.72rem;border-inline-start:1px solid rgba(216,155,105,.3)}.tutor-mobile-children a{padding:.58rem .68rem;border-radius:9px;color:#c3bdb7;text-decoration:none;font-size:.8rem;font-weight:650}.tutor-mobile-panel a:hover,.tutor-mobile-panel a:focus-visible{background:rgba(216,155,105,.1);color:#fff}

html[data-tutor-proposal] .hero{min-height:92vh;padding:10rem 0 6rem;overflow:hidden;background:transparent}
html[data-tutor-proposal] .hero-bg-glow{display:none}
html[data-tutor-proposal] .hero-content{display:grid;grid-template-columns:minmax(0,.88fr) minmax(540px,1.12fr);gap:clamp(3rem,6vw,7rem);align-items:center}
html[data-tutor-proposal] .hero-text-column:before{content:'SOCIALARTE / TUTOR IA';display:block;margin-bottom:1.25rem;color:var(--tutor-copper);font-size:.68rem;font-weight:800;letter-spacing:.2em}
html[data-tutor-proposal] .hero-title{margin:0;color:var(--tutor-ink);font:500 clamp(3.7rem,6vw,7rem)/.97 'Playfair Display',serif;letter-spacing:-.055em}
html[data-tutor-proposal] .hero-title .text-gradient{background:none!important;-webkit-text-fill-color:var(--tutor-copper)!important;color:var(--tutor-copper)!important}
html[data-tutor-proposal] .hero-subtitle{max-width:720px;color:var(--tutor-muted);font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.75}
html[data-tutor-proposal] .hero-buttons{margin-top:2rem}
html[data-tutor-proposal] .primary-sm{padding:.92rem 1.3rem!important;border:1px solid rgba(216,155,105,.48);border-radius:999px!important;background:linear-gradient(120deg,#9a5d38,#d89b69)!important;color:#fff;font-size:.84rem!important;font-weight:800;box-shadow:0 16px 45px rgba(154,93,56,.22)}
html[data-tutor-proposal] .hero-image-column{position:relative;padding:clamp(.7rem,1.5vw,1.2rem);border:1px solid var(--tutor-line);border-radius:28px;background:linear-gradient(145deg,rgba(216,155,105,.1),rgba(244,239,232,.025));box-shadow:0 45px 120px rgba(0,0,0,.72)}
html[data-tutor-proposal] .hero-image{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px;filter:saturate(.78) contrast(1.06)}
html[data-tutor-proposal] .hero-image-column:after{content:'REVISIÓN · LUZ · COMPOSICIÓN · COLOR';position:absolute;right:1.6rem;bottom:1.6rem;padding:.72rem .88rem;border:1px solid rgba(239,197,156,.34);border-radius:10px;background:rgba(8,7,6,.78);color:var(--tutor-sand);font-size:.62rem;font-weight:800;letter-spacing:.12em;backdrop-filter:blur(14px)}

.tutor-foundation{padding:clamp(5rem,9vw,9rem) 0;border-block:1px solid var(--tutor-line);background:#0a0908}.tutor-foundation-inner{width:min(1240px,calc(100% - 3rem));margin:auto}.tutor-eyebrow{color:var(--tutor-copper);font-size:.68rem;font-weight:800;letter-spacing:.18em}.tutor-foundation h2{max-width:1000px;margin:1.4rem 0 1.6rem;font:500 clamp(2.7rem,5vw,5.3rem)/1 'Playfair Display',serif;letter-spacing:-.045em}.tutor-foundation>div>p:not(.tutor-eyebrow){max-width:830px;color:var(--tutor-muted);font-size:1.05rem;line-height:1.75}.tutor-proof{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4rem;border-top:1px solid var(--tutor-line);border-left:1px solid var(--tutor-line)}.tutor-proof article{min-height:190px;padding:1.7rem;border-right:1px solid var(--tutor-line);border-bottom:1px solid var(--tutor-line);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent)}.tutor-proof b{display:block;margin-bottom:3.8rem;color:var(--tutor-copper);font:500 2rem 'Playfair Display',serif}.tutor-proof span{color:var(--tutor-ink);font-size:.9rem;font-weight:700;line-height:1.5}

html[data-tutor-proposal] .section{padding:clamp(5rem,9vw,9rem) 0}
html[data-tutor-proposal] .section-header{max-width:920px;margin-inline:auto}
html[data-tutor-proposal] .section-title{color:var(--tutor-ink);font:500 clamp(2.6rem,4.8vw,5rem)/1.02 'Playfair Display',serif;letter-spacing:-.045em}
html[data-tutor-proposal] .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:4rem;border-top:1px solid var(--tutor-line);border-left:1px solid var(--tutor-line)}
html[data-tutor-proposal] .feature-card{min-height:330px;padding:2rem;border:0;border-right:1px solid var(--tutor-line);border-bottom:1px solid var(--tutor-line);border-radius:0;background:linear-gradient(145deg,rgba(255,255,255,.03),transparent)}
html[data-tutor-proposal] .feature-card:hover{transform:none;border-color:var(--tutor-line);background:rgba(216,155,105,.045)}
html[data-tutor-proposal] .feature-icon{margin-bottom:5rem;font-size:1.45rem;filter:grayscale(1)}
html[data-tutor-proposal] .feature-card h3{color:var(--tutor-ink);font-size:1.18rem}
html[data-tutor-proposal] .feature-card p{color:var(--tutor-muted)!important}
html[data-tutor-proposal] .section-header[style*="margin-top: 80px"]{max-width:1120px;margin-top:clamp(6rem,10vw,10rem)!important;padding:clamp(2.4rem,5vw,5rem);border:1px solid rgba(216,155,105,.24);border-radius:28px;background:radial-gradient(circle at top,rgba(216,155,105,.11),transparent 58%),var(--tutor-panel)}
html[data-tutor-proposal] .section-header[style*="margin-top: 80px"]+.section-header{margin-top:2rem!important}
html[data-tutor-proposal] .credit-box{max-width:none;margin:0;padding:2rem;border:1px solid var(--tutor-line)!important;border-radius:18px;background:linear-gradient(145deg,rgba(216,155,105,.08),rgba(255,255,255,.02))!important;box-shadow:none}
html[data-tutor-proposal] footer{border-top:1px solid var(--tutor-line)!important;background:#080706!important}
html[dir=rtl][data-tutor-proposal] .tutor-mobile-panel{left:0;right:auto}

@media(max-width:1180px){html[data-tutor-proposal] .nav-links{display:none}.tutor-mobile-nav{display:block}html[data-tutor-proposal] .hero-content{grid-template-columns:1fr}html[data-tutor-proposal] .hero-image-column{max-width:900px}}
@media(max-width:820px){html[data-tutor-proposal] .container{width:min(100% - 2rem,1440px)}html[data-tutor-proposal] .header .brand-logo{display:block!important;font-size:.92rem}html[data-tutor-proposal] .brand-logo:after{margin-left:.35rem;font-size:.54rem}html[data-tutor-proposal] .header-actions>#auth-logged-out,html[data-tutor-proposal] .header-actions>#auth-logged-in{display:none!important}html[data-tutor-proposal] .hero{min-height:auto;padding:8.5rem 0 4rem}html[data-tutor-proposal] .hero-title{font-size:clamp(3.2rem,15vw,5.6rem)}.tutor-proof,html[data-tutor-proposal] .feature-grid{grid-template-columns:1fr}.tutor-proof article,html[data-tutor-proposal] .feature-card{min-height:220px}.tutor-proof b,html[data-tutor-proposal] .feature-icon{margin-bottom:2.5rem}}
@media(max-width:520px){html[data-tutor-proposal] .header{height:64px}html[data-tutor-proposal] .hero{padding-top:7.5rem}html[data-tutor-proposal] .hero-image-column{padding:.45rem;border-radius:16px}html[data-tutor-proposal] .hero-image{border-radius:11px}.tutor-foundation-inner{width:calc(100% - 2rem)}html[data-tutor-proposal] .section-header[style*="margin-top: 80px"]{padding:2rem 1.1rem}}
@media(prefers-reduced-motion:reduce){html[data-tutor-proposal] *{scroll-behavior:auto!important;transition-duration:.01ms!important}}