/* ChatSensaciones.org - diseño oscuro cobre responsive */
:root{--black:#050403;--panel:rgba(12,9,7,.92);--line:rgba(204,139,82,.28);--line-soft:rgba(255,218,177,.11);--text:#fff3e5;--muted:#d8b894;--copper:#c47a3f;--gold:#f5c27a;--shadow:0 25px 80px rgba(0,0,0,.65)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(196,122,63,.20),transparent 26rem),radial-gradient(circle at 84% 35%,rgba(214,72,104,.12),transparent 25rem),#030302}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at center,black,transparent 80%)}
.page-shell{width:min(1500px,calc(100% - 18px));margin:0 auto;border:1px solid rgba(245,194,122,.28);border-radius:42px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 30%),rgba(0,0,0,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),var(--shadow)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(4,3,2,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line-soft)}
.navbar{width:min(1360px,calc(100% - 4rem));min-height:220px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand img{width:235px;display:block;filter:drop-shadow(0 0 22px rgba(196,122,63,.32))}
.menu{list-style:none;display:flex;align-items:center;gap:2.4rem;padding:0;margin:0}.menu a{color:var(--gold);text-decoration:none;font-size:1.35rem;font-weight:600;text-shadow:0 0 20px rgba(245,194,122,.20);transition:.25s ease}.menu a:hover{color:#fff;text-shadow:0 0 22px rgba(245,194,122,.65)}.arrow-link{font-size:2rem!important}
.menu-toggle{display:none;border:1px solid var(--line);border-radius:18px;padding:.75rem .9rem;color:var(--gold);background:rgba(255,255,255,.04);cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;margin:5px 0;border-radius:99px;background:var(--gold)}
.panel{border:1px solid var(--line-soft);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.006)),rgba(10,8,6,.86);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(196,122,63,.10),0 28px 75px rgba(0,0,0,.46)}
.hero{width:100%;min-height:720px;padding:clamp(2rem,5vw,5rem);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem}.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:.9rem;font-weight:800}h1,h2,h3,p{margin-top:0}
h1{max-width:760px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,7vw,6.8rem);line-height:.95;letter-spacing:-.05em;margin-bottom:2rem;color:#fff8ef;text-shadow:0 2px 0 #8d5b35,0 0 22px rgba(245,194,122,.30),0 18px 45px rgba(0,0,0,.85)}
h1 span{background:linear-gradient(90deg,#f8efe4,#f4b452 42%,#f08a1b 67%,#ff5b76);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:760px;color:#f1cda8;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.75}.lead strong{color:var(--gold)}
.actions{margin-top:5rem;display:flex;gap:2rem;flex-wrap:wrap}.btn{min-width:310px;display:inline-flex;align-items:center;justify-content:center;gap:.85rem;padding:1.35rem 2rem;border-radius:999px;color:#fff6ea;text-decoration:none;font-size:1.55rem;font-weight:800;border:1px solid rgba(245,194,122,.44);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -8px 20px rgba(0,0,0,.38),0 0 0 1px rgba(0,0,0,.9),0 18px 40px rgba(0,0,0,.45);transition:.22s ease}.btn:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -8px 20px rgba(0,0,0,.35),0 0 35px rgba(245,194,122,.20),0 24px 55px rgba(0,0,0,.6)}
.btn-dark{background:linear-gradient(180deg,#251b14,#070605 70%)}.btn-copper{background:linear-gradient(180deg,#9b4521,#2a0e08 72%)}
.hero-art{margin:0;padding:clamp(1.5rem,4vw,3.3rem);border-radius:36px;border:1px solid rgba(245,194,122,.30);background:radial-gradient(circle at center,rgba(196,122,63,.18),transparent 60%),linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.008));box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 0 70px rgba(196,122,63,.13)}.hero-art img{width:100%;display:block;filter:drop-shadow(0 28px 35px rgba(0,0,0,.58))}
.section{width:min(1360px,calc(100% - 4rem));margin:2rem auto;padding:clamp(2rem,4vw,4.5rem)}.section h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,5vw,4.2rem);color:#fff1df;text-align:center;text-shadow:0 0 24px rgba(245,194,122,.22);margin-bottom:2.5rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.card{padding:2rem;border:1px solid var(--line-soft);border-radius:28px;background:radial-gradient(circle at top,rgba(196,122,63,.14),transparent 60%),rgba(255,255,255,.035)}.card h3{color:var(--gold);font-size:1.45rem}.card p,.section p{color:var(--muted);line-height:1.75;font-size:1.08rem}
.split{display:grid;grid-template-columns:1fr .9fr;gap:3rem;align-items:center}.split h2{text-align:left;margin-bottom:1rem}.link-list,.extra-links{display:grid;gap:1rem}.link-list a,.extra-links a{padding:1rem 1.2rem;border:1px solid rgba(245,194,122,.22);border-radius:18px;color:var(--gold);text-decoration:none;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));transition:.22s ease}.link-list a:hover,.extra-links a:hover{transform:translateX(6px);color:#fff;border-color:rgba(245,194,122,.55)}.center{text-align:center;max-width:760px;margin-inline:auto}.extra-links{margin-top:2.5rem;grid-template-columns:repeat(3,1fr)}.site-footer{padding:2.5rem 1rem 3rem;text-align:center;color:var(--muted);border-top:1px solid var(--line-soft)}
@media(max-width:980px){.page-shell{width:min(100% - 10px,1500px);border-radius:26px}.navbar{min-height:118px;width:min(100% - 2rem,1360px)}.brand img{width:180px}.menu-toggle{display:block}.menu{position:absolute;top:calc(100% + .7rem);left:1rem;right:1rem;display:none;flex-direction:column;align-items:stretch;gap:.5rem;padding:1rem;border:1px solid var(--line);border-radius:24px;background:rgba(5,4,3,.96);box-shadow:var(--shadow)}.menu.is-open{display:flex}.menu a{display:block;padding:.9rem 1rem;text-align:center;font-size:1.05rem}.hero,.split{grid-template-columns:1fr}.hero{min-height:auto;text-align:center}.lead{margin-inline:auto}.actions{justify-content:center;margin-top:3rem}.section{width:min(100% - 2rem,1360px)}.split h2{text-align:center}.cards,.extra-links{grid-template-columns:1fr}}
@media(max-width:520px){.navbar{min-height:96px}.brand img{width:145px}.hero{padding:1.2rem}h1{font-size:3rem}.btn{min-width:100%;font-size:1.1rem}.section{padding:1.3rem;border-radius:24px}}