/* Estigma | Página de lanzamiento iOS + Android 2026 */
.launch-home { background:#f8f4ed; color:#34231b; font-size:16px; }
.launch-home::before { display:none; }
.launch-home h1,.launch-home h2,.launch-home h3 { font-family:Georgia,'Times New Roman',serif; letter-spacing:-.025em; }
.launch-home main { max-width:none; margin:0; padding:0; }
.launch-home p { margin-top:0; }
.launch-container { max-width:1232px; margin:0 auto; padding:0 28px; position:relative; }
.launch-hero { background:linear-gradient(118deg,#291b16 2%,#34231c 51%,#51372a 100%); color:#fff6e9; position:relative; overflow:hidden; }
.launch-hero:before { content:''; position:absolute; right:0; bottom:0; width:700px; height:700px; background:radial-gradient(circle,rgba(203,164,112,.20),transparent 65%); }
.launch-hero-glow { position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 0% 10%,rgba(175,115,66,.08),transparent 40%); }
.launch-hero-layout { min-height:705px; padding-top:54px; padding-bottom:64px; display:grid; grid-template-columns:1.07fr .93fr; align-items:center; gap:38px; }
.launch-hero-content { position:relative; z-index:4; padding:10px 0 16px; max-width:670px; }
.launch-eyebrow { color:#f0c993; font-weight:750; letter-spacing:.175em; font-size:11px; display:flex; align-items:center; gap:11px; margin:0 0 24px; }
.launch-spark { background:rgba(223,180,114,.18); border:1px solid rgba(223,180,114,.26); border-radius:50%; font-size:12px; width:30px; height:30px; display:grid; place-items:center; }
.launch-hero h1 { font-size:clamp(53px,5.6vw,85px); font-weight:500; line-height:1.065; color:#fff8ed; margin:0 0 26px; letter-spacing:-.05em; }
.launch-hero h1 em,.launch-section h2 em,.launch-download-section h2 em { font-weight:400; font-style:italic; color:#d5aa78; }
.launch-intro { color:#dfd0c0; font-size:18px; line-height:1.8; max-width:560px; margin:0 0 27px; }
.launch-home .store-actions--hero { margin-top:34px; }
.launch-home .store-actions--hero .store-link--apple { background:#fff7e9; }
.launch-home .store-actions--hero .store-link--google { background:transparent; border-color:rgba(255,240,224,.55); color:#fff8ed; }
.launch-store-note { display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin:17px 0 29px; color:#ddc9b3; font-size:12px; }
.launch-store-note>span:first-child { color:#e4bd7f; font-weight:850; }
.note-dot { color:#a9907b; }
.hero-explore { color:#efddc4; border-bottom:1px solid rgba(239,221,196,.65); padding-bottom:5px; font-weight:600; font-size:13px; }
.hero-explore:hover { text-decoration:none; color:#fff; }
.hero-explore span { margin-left:8px; font-size:17px; }
.launch-hero-display { position:relative; min-height:585px; display:flex; align-items:center; justify-content:center; isolation:isolate; }
.hero-outline { border:1px solid rgba(232,196,146,.15); border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); pointer-events:none; }
.hero-outline--one { width:570px; height:570px; }
.hero-outline--two { width:440px; height:440px; border-color:rgba(232,196,146,.18); }
.hero-tau { position:absolute; font-family:Georgia,serif; font-size:330px; color:rgba(205,162,109,.052); z-index:-1; top:-70px; right:-35px; }
.device-frame { background:linear-gradient(128deg,#4e4237,#131210 38%,#5b4935 73%,#0b0b0c); width:296px; padding:9px; border:2px solid #8c7861; border-radius:45px; transform:rotate(5deg); box-shadow:0 44px 82px rgba(0,0,0,.50),0 0 0 10px rgba(232,197,141,.035); }
.device-screen { overflow:hidden; width:100%; aspect-ratio:707/1536; border-radius:35px; background:#fff; }
.device-screen img { width:100%; height:100%; object-fit:contain; display:block; }
.hero-float { display:flex; gap:12px; align-items:center; position:absolute; z-index:2; background:rgba(255,251,244,.96); box-shadow:0 16px 40px rgba(0,0,0,.15); color:#493326; border-radius:16px; padding:14px 17px; font-size:13px; line-height:1.35; }
.hero-float>span { font-size:28px; color:#a87c49; }
.hero-float--top { top:82px; right:-2px; transform:rotate(-6deg); }
.hero-float--bottom { left:-1px; bottom:84px; transform:rotate(-5deg); }
.launch-hero-bottom { height:7px; background:linear-gradient(90deg,#8e6b4c,#e0b981,#6a4c38); }
.launch-promise { background:#efe6d9; border-bottom:1px solid #e3d6c5; }
.promise-grid { display:grid; grid-template-columns:repeat(3,1fr); padding-top:22px; padding-bottom:22px; }
.promise-grid>span { color:#6b5544; text-align:center; font-size:13px; letter-spacing:.035em; border-right:1px solid #d8c8b6; font-weight:600; }
.promise-grid>span:last-child { border-right:0; }
.promise-grid b { font-weight:650; }
.launch-section { padding:107px 0; }
.launch-label { color:#865c37; letter-spacing:.17em; font-size:11px; font-weight:850; text-transform:uppercase; margin:0 0 17px; }
.launch-section-heading { max-width:740px; text-align:center; margin:0 auto 47px; }
.launch-section-heading h2 { font-size:clamp(35px,4.3vw,60px); line-height:1.1; font-weight:500; color:#302018; margin:0 auto 20px; }
.launch-section-heading h2 em { color:#a87d54; }
.launch-section-heading>p:last-child { font-size:17px; line-height:1.75; color:#79685d; max-width:660px; margin:0 auto; }
.launch-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.launch-feature { border:1px solid #eee2d4; border-radius:21px; padding:32px 28px 30px; background:#fffcf8; transition:transform .2s,box-shadow .2s; box-shadow:0 4px 26px rgba(49,32,20,.025); }
.launch-feature:hover { transform:translateY(-4px); box-shadow:0 18px 40px rgba(49,32,20,.07); }
.feature-symbol { width:56px; height:56px; display:grid; place-items:center; color:#8a5e3c; background:#f3e9dc; border-radius:15px; font-size:29px; margin-bottom:23px; }
.feature-eyebrow { font-size:10.5px; letter-spacing:.12em; color:#79583d; font-weight:800; text-transform:uppercase; }
.launch-feature h3 { margin:7px 0 12px; font-size:27px; font-weight:600; color:#3a2920; }
.launch-feature p { margin:0; font-size:14.5px; line-height:1.75; color:#77665b; }
.launch-story { background:#ede2d3; overflow:hidden; }
.story-layout { display:grid; grid-template-columns: .93fr 1.07fr; align-items:center; gap:85px; }
.story-image { position:relative; max-width:420px; width:100%; justify-self:center; }
.story-image:before { content:''; position:absolute; left:-35px; right:-35px; top:25px; bottom:30px; border:1px solid rgba(130,91,53,.18); border-radius:240px 240px 44px 44px; }
.story-image-inner { position:relative; width:285px; margin:0 auto; padding:9px; border-radius:40px; background:#433128; box-shadow:0 25px 60px rgba(64,38,23,.25); transform:rotate(-4deg); }
.story-image-inner img { display:block; width:100%; height:auto; aspect-ratio:738/1600; object-fit:contain; border-radius:31px; }
.story-seal { position:absolute; right:0; bottom:56px; width:128px; height:128px; border-radius:50%; border:1px solid rgba(246,226,190,.32); background:#53362a; color:#f4dfbd; display:grid; align-content:center; text-align:center; line-height:1.0; font-family:Georgia,serif; font-size:27px; box-shadow:0 15px 25px rgba(54,32,21,.16); }
.story-seal i { font-size:16px; margin:4px; }
.story-copy h2 { font-size:clamp(35px,4.1vw,57px); line-height:1.13; color:#31231d; font-weight:500; margin:0 0 21px; }
.story-copy h2 em { color:#a17850; }
.story-copy>p:not(.launch-label) { font-size:16.5px; line-height:1.85; color:#756357; max-width:560px; }
.rhythm-list { margin:28px 0 30px; display:grid; gap:19px; }
.rhythm-list>div { display:flex; gap:15px; align-items:start; }
.rhythm-list>div>span { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border:1px solid #d7c3ac; border-radius:50%; color:#885d3e; font-size:24px; }
.rhythm-list strong { display:block; font-size:15px; color:#413026; }
.rhythm-list p { margin:3px 0 0; color:#776559; font-size:13.5px; line-height:1.5; }
.launch-text-link { color:#614332; font-weight:850; border-bottom:1px solid #9d7454; font-size:14px; padding-bottom:7px; }
.launch-text-link:hover { text-decoration:none; color:#9a6136; }
.launch-text-link span { margin-left:6px; }
.launch-gallery { background:#faf6ef; overflow:hidden; }
.gallery-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:34px; }
.gallery-heading>div:first-child { max-width:710px; }
.gallery-heading h2 { font-size:clamp(34px,4vw,54px); color:#37261c; margin:0 0 14px; font-weight:500; }
.gallery-heading p:last-child { color:#77675b; margin:0; max-width:600px; font-size:16px; }
.launch-gallery-buttons { display:flex; align-items:center; justify-content:flex-end; gap:12px; flex-shrink:0; }
.launch-gallery-status { display:inline-block; min-width:85px; text-align:center; font-size:14px; font-weight:750; font-variant-numeric:tabular-nums; color:#674631; }
.launch-gallery-buttons button { display:grid; place-items:center; width:52px; height:52px; flex:0 0 52px; border:2px solid #60432f; border-radius:50%; color:#fff9ee; background:#553827; box-shadow:0 5px 14px rgba(81,50,29,.18); cursor:pointer; transition:background .2s ease,transform .2s ease,box-shadow .2s ease; }
.launch-gallery-buttons button svg { display:block; width:23px; height:23px; }
.launch-gallery-buttons button:hover:not(:disabled) { background:#7b4b2e; transform:translateY(-2px); box-shadow:0 7px 18px rgba(81,50,29,.24); }
.launch-gallery-buttons button:focus-visible { outline:3px solid #bb7c3a; outline-offset:4px; }
.launch-gallery-buttons button:disabled { background:#eee5da; border-color:#d7c7b6; color:#aa9787; box-shadow:none; cursor:not-allowed; }
.launch-gallery-track { --gallery-gap:18px; display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 2 * var(--gallery-gap))/3); gap:var(--gallery-gap); max-width:1020px; width:100%; margin:0 auto; overflow-x:auto; overscroll-behavior-inline:contain; padding:8px 3px 20px; scroll-snap-type:x mandatory; scroll-padding-inline:3px; scrollbar-color:#b79e85 #f3e9df; }
.launch-gallery-track:focus-visible { outline:3px solid #b17b49; outline-offset:4px; }
.launch-shot { min-width:0; scroll-snap-align:start; border-radius:20px; background:#f0e7dc; padding:8px; border:1px solid #e5d8c8; }
.launch-shot img { width:100%; height:auto; aspect-ratio:738/1600; object-fit:contain; border-radius:13px; display:block; }
.launch-shot-desc { display:flex; flex-direction:column; padding:16px 9px 12px; gap:4px; }
.launch-shot-desc strong { font-family:Georgia,serif; font-size:19px; color:#443125; }
.launch-shot-desc span { color:#877263; font-size:12px; line-height:1.4; }
.launch-video-section { background:#2d201a; color:#efe5d5; position:relative; overflow:hidden; }
.launch-video-section:before { content:''; position:absolute; right:12%; top:0; width:470px; height:470px; background:radial-gradient(circle,rgba(205,163,109,.12),transparent 68%); }
.video-layout { display:grid; grid-template-columns:1fr .65fr; gap:75px; align-items:center; }
.video-copy h2 { color:#f6ecdc; font-size:clamp(38px,4.2vw,62px); font-weight:500; margin:0 0 20px; line-height:1.1; }
.video-copy>p:not(.launch-label) { font-size:17px; line-height:1.85; color:#d0bead; max-width:570px; }
.video-tags { display:flex; flex-wrap:wrap; gap:9px; margin:25px 0 31px; }
.video-tags span { padding:7px 13px; background:rgba(255,255,255,.06); border:1px solid rgba(242,220,187,.18); border-radius:50px; font-size:12px; color:#efdbc4; }
.video-copy .launch-text-link { color:#eac595; border-color:#aa8763; }
.video-device { justify-self:center; max-width:275px; width:100%; background:#efe2d0; padding:8px; border-radius:30px; box-shadow:0 25px 65px rgba(0,0,0,.32); }
.video-device video { display:block; width:100%; aspect-ratio:9/16; object-fit:cover; border-radius:22px; background:#17120f; }
.launch-community { background:#f7f1e8; }
.community-layout { display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:84px; }
.community-layout h2 { font-size:clamp(35px,4vw,55px); color:#32241c; font-weight:500; line-height:1.1; margin:0 0 18px; }
.community-layout p:not(.launch-label) { max-width:590px; color:#736356; font-size:16px; line-height:1.8; }
.community-actions { display:flex; flex-direction:column; gap:12px; }
.community-link { display:flex; align-items:center; gap:14px; background:white; border:1px solid #eadccc; padding:16px 20px; border-radius:14px; color:#4b3525; font-size:13.5px; font-weight:750; }
.community-link:hover { text-decoration:none; background:#f4eadc; }
.community-link span { display:grid; place-items:center; width:35px; height:35px; border-radius:50%; background:#f1e5d6; color:#925e3b; font-size:20px; flex:none; }
.launch-faq { background:#fdfaf5; }
.faq-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; }
.faq-layout h2 { font-size:clamp(34px,3.8vw,52px); color:#36251c; font-weight:500; line-height:1.15; margin:0; }
.faq-items details { border-bottom:1px solid #e2d5c4; padding:15px 0; }
.faq-items summary { display:flex; justify-content:space-between; align-items:center; gap:24px; list-style:none; cursor:pointer; font-weight:800; color:#4b3527; font-size:15px; padding:8px 0; }
.faq-items summary::-webkit-details-marker { display:none; }
.faq-items summary span { font-size:24px; font-weight:400; color:#a27651; transition:transform .2s; }
.faq-items details[open] summary span { transform:rotate(45deg); }
.faq-items details p { color:#79685c; max-width:670px; margin:0 28px 8px 0; font-size:14px; line-height:1.7; }
.launch-download-section { color:#fff7e8; background:linear-gradient(115deg,#3d261d,#573d2d); position:relative; overflow:hidden; padding:95px 0; }
.launch-download-section:before { content:''; width:600px; height:600px; border:1px solid rgba(209,177,130,.15); border-radius:50%; position:absolute; left:-220px; top:-180px; box-shadow:0 0 0 90px rgba(209,177,130,.018),0 0 0 180px rgba(209,177,130,.014); }
.download-layout { display:grid; grid-template-columns:220px 1fr; gap:65px; align-items:center; }
.download-logo { width:210px; height:210px; border-radius:50%; border:1px solid rgba(219,181,130,.33); background:rgba(255,255,255,.045); display:grid; place-items:center; }
.download-logo img { width:142px; height:142px; object-fit:contain; }
.launch-download-section h2 { color:#fff5e6; margin:0 0 18px; font-size:clamp(37px,4.8vw,65px); line-height:1.1; font-weight:500; }
.launch-download-section .launch-label { color:#e8bd83; }
.download-copy>p:not(.launch-label) { font-size:16px; line-height:1.8; color:#ddcdb9; max-width:640px; margin-bottom:28px; }
.launch-home .store-actions--footer .store-link--apple { background:#fdf5e8; }
.launch-home .store-actions--footer .store-link--google { background:transparent; border-color:rgba(245,230,211,.5); color:#fff5e8; }
.download-final-note { display:block; font-family:Georgia,serif; font-style:italic; margin-top:23px; font-size:18px; color:#dcc09c; }
@media(max-width:1120px) {
  .launch-hero-layout { grid-template-columns:1fr .9fr; gap:20px; }
  .hero-float--top { right:-15px; }
  .hero-float--bottom { left:-15px; }
  .device-frame { width:260px; }
  .story-layout { gap:45px; }
  .community-layout { gap:50px; }
}
@media(max-width:900px) {
  .launch-hero-layout { grid-template-columns:1fr; padding-top:55px; padding-bottom:40px; gap:12px; }
  .launch-hero-content { max-width:750px; }
  .launch-hero-display { min-height:600px; }
  .hero-float--top { right:12%; }
  .hero-float--bottom { left:12%; }
  .story-layout,.community-layout,.video-layout,.faq-layout { grid-template-columns:1fr; gap:45px; }
  .story-image { order:2; }
  .story-copy { order:1; }
  .launch-gallery-track { grid-auto-columns:calc((100% - var(--gallery-gap))/2); max-width:680px; }
  .launch-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .launch-section { padding:75px 0; }
  .video-device { max-width:245px; }
  .download-layout { grid-template-columns:160px 1fr; gap:30px; }
  .download-logo { width:155px; height:155px; }
  .download-logo img { width:115px; height:115px; }
}
@media(max-width:620px) {
  .launch-container { padding-left:20px; padding-right:20px; }
  .launch-hero-layout { padding-top:45px; }
  .launch-hero h1 { font-size:clamp(44px,11.4vw,61px); }
  .launch-eyebrow { font-size:10px; letter-spacing:.125em; }
  .launch-intro { font-size:15.5px; }
  .launch-store-note { font-size:11px; }
  .launch-home .store-actions--hero { gap:9px; }
  .launch-hero-display { min-height:535px; }
  .device-frame { width:240px; }
  .hero-outline--one { width:410px; height:410px; }
  .hero-outline--two { width:310px; height:310px; }
  .hero-float { padding:9px 11px; font-size:11px; }
  .hero-float>span { font-size:19px; }
  .hero-float--top { right:-3px; top:95px; }
  .hero-float--bottom { left:-3px; bottom:93px; }
  .promise-grid { grid-template-columns:1fr; padding-top:18px; padding-bottom:18px; gap:11px; }
  .promise-grid>span { border:0; font-size:12px; }
  .launch-section { padding:64px 0; }
  .launch-section-heading h2 { font-size:35px; }
  .launch-section-heading>p:last-child { font-size:15px; }
  .launch-feature-grid { grid-template-columns:1fr; gap:12px; }
  .launch-feature { padding:24px 25px; }
  .feature-symbol { margin-bottom:16px; }
  .launch-feature h3 { font-size:25px; }
  .story-copy h2,.gallery-heading h2,.community-layout h2,.faq-layout h2 { font-size:35px; }
  .story-image:before { left:0; right:0; }
  .story-seal { right:7px; }
  .gallery-heading { flex-direction:column; align-items:start; gap:20px; }
  .launch-gallery-track { grid-auto-columns:100%; max-width:390px; }
  .launch-gallery-buttons { width:100%; justify-content:space-between; }
  .video-layout { gap:35px; }
  .video-copy h2 { font-size:39px; }
  .download-layout { grid-template-columns:1fr; gap:20px; }
  .download-logo { width:110px; height:110px; }
  .download-logo img { width:88px; height:88px; }
  .launch-download-section { padding:68px 0; }
  .launch-download-section h2 { font-size:38px; }
}
@media (prefers-reduced-motion:reduce) { .launch-home *, .launch-home *:before,.launch-home *:after {scroll-behavior:auto !important; animation:none !important; transition:none !important} }