/* ========================================================================== SinRutina · MARCA (Prueba 3) -------------------------------------------------------------------------- Fuente: "Brand Image/Prueba 3/BRAND PROCESS - SIN RUTINA.pdf" Solo actúa cuando la página trae
. Con cualquier otro data-tema este archivo no hace nada. Los COLORES viven en temas.css (bloque PRUEBA 3). Aquí viven: · las tipografías del brand book · el logo y la nube · la forma: menos bordes gruesos y sombras duras (eso era la Prueba 0/1), más aire, etiquetas en monoespaciada y bloques de color planos. TIPOGRAFÍAS (carpeta fuentes/) Veggie → titulares (sr-veggie.woff2) Cream → texto y botones (sr-cream.woff2) Commit Mono → etiquetas tipo "/ESENCIA" del brand book (licencia libre OFL) ⚠️ Veggie y Cream son las versiones DEMO que venían dentro del PDF. Solo traían el abecedario, así que los acentos, la ñ, ¿?, ¡, comas, $ y % se dibujaron aparte para poder revisar el sitio en español. Veggie no trae los números 5-9 (esos caen en Cream). Cuando la diseñadora entregue las fuentes con licencia, se reemplazan los dos .woff2 y listo. ========================================================================== */ @font-face{font-family:"SR Veggie";src:url("fuentes/sr-veggie.woff2") format("woff2");font-display:swap} @font-face{font-family:"SR Cream";src:url("fuentes/sr-cream.woff2") format("woff2");font-display:swap} @font-face{font-family:"Commit Mono";src:url("fuentes/commit-mono-400.woff2") format("woff2");font-weight:400;font-display:swap} @font-face{font-family:"Commit Mono";src:url("fuentes/commit-mono-600.woff2") format("woff2");font-weight:600 900;font-display:swap} #sre-root[data-tema="3"]{ --f-display:"SR Veggie","SR Cream",system-ui,sans-serif; --f-texto:"SR Cream",system-ui,sans-serif; --f-mono:"Commit Mono",ui-monospace,Menlo,monospace; --radius:20px; font-synthesis:none; /* Cream y Veggie tienen un solo peso: nada de negritas falsas */ font-size:17px;line-height:1.6; } /* ---------- 1. Tipografía: texto, titulares y etiquetas ---------- */ #sre-root[data-tema="3"], #sre-root[data-tema="3"] *{font-family:var(--f-texto)!important} #sre-root[data-tema="3"] :is(h1,h2,.sre-conf h4,.sre-display), #sre-root[data-tema="3"] :is(h1,h2,.sre-conf h4,.sre-display) *{ font-family:var(--f-display)!important;font-weight:400;letter-spacing:0;text-transform:uppercase} #sre-root[data-tema="3"] :is(.sre-ey,.sre-eyebrow,.sre-proto,.sre-marquee,.sre-marquee *,.sre-flabel,.sre-mlabel, .sre-field label,.sre-mstat small,.sre-total small,.sre-tag,.sre-mtag,.sre-stat,.sre-city,.sre-counter, .sre-footer h4,.sre-copy,.sre-caldow div,.sre-rev .resp b,.sre-next,.sre-selrow label,.sre-vigencia label, .sre-kpi small,.sre-steplbl,.sre-paylogos,.sre-nav a,.sre-favs,.sre-back), #sre-root[data-tema="3"] :is(.sre-stat,.sre-proto,.sre-counter,.sre-tag,.sre-mtag,.sre-ey,.sre-eyebrow) *{ font-family:var(--f-mono)!important;text-transform:uppercase;letter-spacing:.06em;font-weight:400} #sre-root[data-tema="3"] h3{font-weight:400;letter-spacing:0} #sre-root[data-tema="3"] b,#sre-root[data-tema="3"] strong{font-weight:400} /* Eyebrow editorial del brand book: "/EXPERIENCIAS" */ #sre-root[data-tema="3"] .sre-ey{display:block;font-size:.76rem;color:var(--ink);margin:0 0 18px;opacity:.85} .sre-ey{display:none} /* en otros temas no aparece */ /* ---------- 2. Forma: fuera sombras duras, bordes más finos ---------- */ #sre-root[data-tema="3"] [class*="sre-"]{box-shadow:none!important} #sre-root[data-tema="3"] input[type="time"]{font-family:var(--f-mono)!important;font-size:.74rem;letter-spacing:-.02em} #sre-root[data-tema="3"] input[type="time"]::-webkit-calendar-picker-indicator{margin:0;padding:0;width:12px} #sre-root[data-tema="3"] .sre-slot input.h{flex:2;padding:8px 6px;min-width:0} /* botón de opiniones.html */ #sre-root[data-tema="3"] .btn{box-shadow:none!important;background:var(--orange);color:var(--cream);border:2px solid var(--orange); text-transform:uppercase;letter-spacing:.05em} #sre-root[data-tema="3"] .btn:hover{background:var(--ink);border-color:var(--ink);transform:none} #sre-root[data-tema="3"] .top{background:var(--ink)} /* …pero el renglón de arriba de cada reseña no es esa barra (ficha, opiniones y estudio) */ #sre-root[data-tema="3"] .sre-rev .top{background:none} #sre-root[data-tema="3"] .sre-card:hover, #sre-root[data-tema="3"] .sre-occ:hover{transform:translateY(-4px)} /* ---------- 3. Botones ---------- */ #sre-root[data-tema="3"] .sre-btn{background:var(--orange);color:var(--cream);border:2px solid var(--orange); text-transform:uppercase;letter-spacing:.05em;font-size:.98rem;padding:14px 30px;line-height:1.2} #sre-root[data-tema="3"] .sre-btn:hover{background:var(--ink);border-color:var(--ink);color:var(--cream);transform:none} #sre-root[data-tema="3"] .sre-btn.alt{background:var(--blue);border-color:var(--blue);color:var(--ink)} #sre-root[data-tema="3"] .sre-btn.alt:hover{background:var(--ink);border-color:var(--ink);color:var(--blue)} #sre-root[data-tema="3"] .sre-btn.blue{background:var(--card);border-color:var(--ink);color:var(--ink)} #sre-root[data-tema="3"] .sre-btn.blue:hover{background:var(--ink);color:var(--cream)} #sre-root[data-tema="3"] .sre-btn.ghost{background:transparent;border-color:var(--ink);color:var(--ink)} #sre-root[data-tema="3"] .sre-btn.big{font-size:1.05rem;padding:17px 36px} #sre-root[data-tema="3"] .sre-btn:disabled,#sre-root[data-tema="3"] .sre-btn.off{opacity:.35} /* ---------- 4. Barra superior y logo ---------- */ #sre-root[data-tema="3"] .sre-proto{background:var(--ink);color:var(--cream);font-size:.7rem;border:none;padding:9px 16px} #sre-root[data-tema="3"] .sre-header{background:var(--paper);color:var(--ink);border-bottom:2px solid var(--ink)} .sre-logo .sre-nube{height:1.6em;width:auto;display:inline-block;vertical-align:middle} .sre-logo .sre-wordmark{height:1em;width:auto;display:inline-block;vertical-align:middle} #sre-root[data-tema="3"] .sre-logo{display:inline-flex;align-items:center;gap:10px;font-size:26px;line-height:1;color:var(--orange)} #sre-root[data-tema="3"] .sre-logo:hover .sre-nube{transform:rotate(-8deg)} #sre-root[data-tema="3"] .sre-logo .sre-nube{transition:transform .2s} #sre-root[data-tema="3"] .sre-city{background:var(--blue);border:none;font-size:.72rem;padding:9px 14px} #sre-root[data-tema="3"] .sre-search{background:var(--card);border:2px solid var(--ink)} #sre-root[data-tema="3"] .sre-search button{background:var(--orange);color:var(--cream)} #sre-root[data-tema="3"] .sre-nav{font-size:.74rem;gap:24px} #sre-root[data-tema="3"] .sre-nav a:hover{color:var(--orange)} #sre-root[data-tema="3"] .sre-nav .sre-host-link{background:var(--blue);border:none;padding:10px 16px} #sre-root[data-tema="3"] .sre-nav .sre-host-link:hover{background:var(--ink);color:var(--blue)} #sre-root[data-tema="3"] .sre-favs{background:transparent;border:2px solid var(--ink);font-size:.74rem} /* ---------- 5. Hero: el bloque terracota ---------- */ #sre-root[data-tema="3"] .sre-hero{background:var(--orange);color:var(--cream);padding:96px 0 104px} #sre-root[data-tema="3"] .sre-hero h1{font-size:clamp(3.1rem,10vw,7.6rem);line-height:.9;max-width:900px;color:var(--cream)} #sre-root[data-tema="3"] .sre-hero h1 em{color:var(--blue);font-style:normal} #sre-root[data-tema="3"] .sre-hero .sre-ey, #sre-root[data-tema="3"] .sre-hero .sre-eyebrow{color:var(--cream);background:none;border:none;padding:0;opacity:.9;font-size:.78rem;margin-bottom:22px;display:block} #sre-root[data-tema="3"] .sre-hero p.sre-lead{font-size:1.2rem;max-width:600px;margin:30px 0 40px;line-height:1.55;font-weight:400} #sre-root[data-tema="3"] .sre-hero .sre-mas{font-family:var(--f-mono)!important;text-transform:uppercase;font-size:.82rem; letter-spacing:.05em;line-height:1.7;max-width:520px;margin-top:-14px;margin-bottom:38px;opacity:.95} #sre-root[data-tema="3"] .sre-stats{gap:10px;margin-top:52px} #sre-root[data-tema="3"] .sre-stat{background:transparent;color:var(--cream);border:1.5px solid var(--cream);font-size:.7rem;padding:8px 14px} #sre-root[data-tema="3"] .sre-stat b{color:var(--blue)} /* stickers: círculo vino tipo "MAKE!" del brand book y la nube */ #sre-root[data-tema="3"] .sre-sticker{background:var(--ink);color:var(--blue);border:none;width:150px;height:150px; font-family:var(--f-display)!important;font-size:1.65rem;line-height:.95;text-transform:uppercase;padding:16px;transform:rotate(10deg)} #sre-root[data-tema="3"] .sre-sticker.two{background:transparent;width:170px;height:auto;padding:0;transform:rotate(-8deg);border-radius:0} #sre-root[data-tema="3"] .sre-sticker.two img{width:100%;height:auto;display:block} .sre-sticker img{max-width:100%} /* ---------- 6. Marquesina ---------- */ #sre-root[data-tema="3"] .sre-marquee{background:var(--ink);color:var(--blue);border:none;font-size:.8rem;padding:13px 0;letter-spacing:.1em} /* ---------- 7. Titulares de sección ---------- */ #sre-root[data-tema="3"] h2{font-size:clamp(2.3rem,6vw,4.2rem);line-height:.92;color:var(--orange)} #sre-root[data-tema="3"] h2 .sre-dot{color:var(--ink)} #sre-root[data-tema="3"] .sre-sub{color:var(--muted);font-weight:400;font-size:1.08rem;margin:18px 0 44px} /* Titulares sobre bloques de color: terracota sobre azul (3.46) o sobre vino (2.67) no se leen */ #sre-root[data-tema="3"] :is(.sre-demo,.sre-final,.sre-hostbanner,.sre-preview,.sre-choq,.sre-col.good) :is(h2,h3){color:var(--ink)} #sre-root[data-tema="3"] .sre-offer{background:var(--ink);border:none} #sre-root[data-tema="3"] .sre-offer h2{color:var(--blue)} #sre-root[data-tema="3"] .sre-offer .sre-sub{color:var(--cream)} #sre-root[data-tema="3"] .sre-offer .sre-perk{background:rgba(244,243,238,.06);border:1.5px solid rgba(244,243,238,.5)} #sre-root[data-tema="3"] .sre-perk b{color:var(--blue)} #sre-root[data-tema="3"] .sre-counter{background:var(--blue);color:var(--ink);border:none;transform:rotate(-2deg)} #sre-root[data-tema="3"] .sre-final{border:none} #sre-root[data-tema="3"] .sre-quote{background:var(--blue);border:none;border-radius:28px} #sre-root[data-tema="3"] .sre-quote b{font-family:var(--f-display)!important;text-transform:uppercase;font-size:1.9rem;line-height:.95;color:var(--ink)} #sre-root[data-tema="3"] .sre-nav .sre-back{background:var(--blue);border:none} #sre-root[data-tema="3"] .sre-step-n{background:var(--orange);color:var(--cream);border:none} #sre-root[data-tema="3"] .sre-q summary::after{color:var(--orange)} #sre-root[data-tema="3"] .sre-calc{background:var(--card)} #sre-root[data-tema="3"] .sre-calc-line.tot b{font-size:1.7rem} /* ---------- 8. Filtros y catálogo ---------- */ #sre-root[data-tema="3"] .sre-flabel{color:var(--ink);font-size:.7rem} #sre-root[data-tema="3"] .sre-cat{background:transparent;border:1.5px solid var(--ink);font-size:.9rem;padding:7px 16px} #sre-root[data-tema="3"] .sre-cat:hover{background:var(--blue)} #sre-root[data-tema="3"] .sre-cat.active{background:var(--ink);color:var(--cream)} #sre-root[data-tema="3"] .sre-sortbar{border-top:1.5px solid rgba(var(--ink-rgb),.2)} #sre-root[data-tema="3"] .sre-count span{color:var(--orange)} #sre-root[data-tema="3"] .sre-sortbar select{background:var(--card);border:1.5px solid var(--ink)} #sre-root[data-tema="3"] .sre-card{background:var(--card);border:2px solid var(--ink);border-radius:22px} #sre-root[data-tema="3"] .sre-thumb{border-bottom:2px solid var(--ink)} #sre-root[data-tema="3"] .sre-heart{background:var(--paper);border:1.5px solid var(--ink)} #sre-root[data-tema="3"] .sre-tag{background:var(--ink);color:var(--cream);border:none;font-size:.62rem;padding:5px 12px;transform:none;bottom:0} #sre-root[data-tema="3"] .sre-card-body h3{font-size:1.18rem;line-height:1.3} #sre-root[data-tema="3"] .sre-host-line{color:var(--orange);font-size:.9rem} #sre-root[data-tema="3"] .sre-price{font-size:1.3rem;white-space:nowrap} #sre-root[data-tema="3"] .sre-price small{white-space:nowrap} #sre-root[data-tema="3"] .sre-next{font-size:.6rem;background:transparent;border:1.5px solid var(--green);padding:4px 10px} #sre-root[data-tema="3"] .sre-next.none{background:transparent} /* ---------- 9. Planes (ocasiones) ---------- */ #sre-root[data-tema="3"] .sre-occ{border:none;border-radius:26px;font-size:1.25rem;font-weight:400;min-height:170px} #sre-root[data-tema="3"] .sre-occ:nth-child(odd){transform:rotate(-1deg)} #sre-root[data-tema="3"] .sre-occ:nth-child(even){transform:rotate(1deg)} #sre-root[data-tema="3"] .sre-occ:hover{transform:translateY(-4px) rotate(0)} #sre-root[data-tema="3"] .sre-occ small{font-size:.86rem;opacity:.9} /* ---------- 10. Regalos (bloque terracota) y anfitriones (bloque azul) ---------- */ #sre-root[data-tema="3"] .sre-gift{background:var(--orange);color:var(--cream);border:none;border-radius:32px} #sre-root[data-tema="3"] .sre-gift h2{color:var(--cream)} #sre-root[data-tema="3"] .sre-gift p{font-weight:400} #sre-root[data-tema="3"] .sre-gift .sre-mlabel,#sre-root[data-tema="3"] .sre-gift .sre-ey{color:var(--cream)} #sre-root[data-tema="3"] .sre-amt{background:transparent;color:var(--cream);border:1.5px solid var(--cream);font-weight:400} #sre-root[data-tema="3"] .sre-amt.active{background:var(--ink);border-color:var(--ink);color:var(--blue)} #sre-root[data-tema="3"] .sre-gift .sre-btn{background:var(--ink);border-color:var(--ink);color:var(--blue)} #sre-root[data-tema="3"] .sre-gift .sre-btn:hover{background:var(--blue);border-color:var(--blue);color:var(--ink)} #sre-root[data-tema="3"] .sre-hostbanner{background:var(--blue);color:var(--ink);border:none;border-radius:32px} #sre-root[data-tema="3"] .sre-hostbanner h2{color:var(--ink)} #sre-root[data-tema="3"] .sre-hostbanner p{font-weight:400} #sre-root[data-tema="3"] .sre-hostbanner li::before{color:var(--ink)} #sre-root[data-tema="3"] .sre-hostbanner li{font-weight:400} /* ilustraciones que reemplazan a los emojis 🎁 y 🧑‍🎨 */ .sre-art{display:none} #sre-root[data-tema="3"] .sre-art{display:block;flex:0 0 auto} #sre-root[data-tema="3"] .sre-art + .sre-emoji, #sre-root[data-tema="3"] .sre-emoji:has(+ .sre-art){display:none} #sre-root[data-tema="3"] .sre-art-nube{width:min(260px,60vw);transform:rotate(-7deg)} #sre-root[data-tema="3"] .sre-art-nube img{width:100%;display:block} #sre-root[data-tema="3"] .sre-art-estrellas{width:min(230px,56vw);aspect-ratio:1;border-radius:50%; background:url("marca/patron-estrellas.svg") center/120px;border:2px solid var(--ink);transform:rotate(6deg)} #sre-root[data-tema="3"] .sre-art-label{display:block;text-align:center;margin-top:14px;font-family:var(--f-mono)!important; font-size:.72rem;letter-spacing:.08em;text-transform:uppercase} #sre-root[data-tema="3"] .sre-chip{background:var(--card);border:1.5px solid var(--ink);font-weight:400} #sre-root[data-tema="3"] .sre-chip span{color:var(--orange)} /* ---------- 11. Misión: "Make room for more" con el halo azul ---------- */ #sre-root[data-tema="3"] .sre-mission{border:none;padding:120px 0; background:radial-gradient(closest-side, rgba(179,204,234,.95), rgba(179,204,234,0)) center/min(900px,120vw) 520px no-repeat, var(--card)} #sre-root[data-tema="3"] .sre-mission h2{color:var(--ink);font-size:clamp(2.6rem,8vw,5.6rem)} #sre-root[data-tema="3"] .sre-mission p{font-weight:400;font-size:1.12rem;color:var(--ink)} #sre-root[data-tema="3"] .sre-more{display:inline-block;margin-top:34px;text-align:left;transform:rotate(-5deg); font-size:1.05rem;line-height:1.3;color:var(--ink);text-transform:uppercase;letter-spacing:.04em} #sre-root[data-tema="3"] .sre-more span{display:block} #sre-root[data-tema="3"] .sre-more span:nth-child(2){padding-left:1.4em} #sre-root[data-tema="3"] .sre-more span:nth-child(3){padding-left:2.8em} .sre-more{display:none} /* ---------- 12. Footer vino con el logo en azul ---------- */ #sre-root[data-tema="3"] .sre-footer{background:var(--ink);color:var(--cream);border-top:none;padding-top:72px} #sre-root[data-tema="3"] .sre-footer h4{color:var(--blue);font-size:.72rem;margin-bottom:16px} #sre-root[data-tema="3"] .sre-footer a{color:var(--cream);font-weight:400;opacity:.9} #sre-root[data-tema="3"] .sre-footer a:hover{color:var(--blue);opacity:1} #sre-root[data-tema="3"] .sre-copy{border-top:1px solid rgba(244,243,238,.22);font-size:.66rem;opacity:.85;font-weight:400} .sre-footlogo{display:none} #sre-root[data-tema="3"] .sre-footlogo{display:block;color:var(--blue);margin-bottom:56px} #sre-root[data-tema="3"] .sre-footlogo svg{width:100%;max-width:980px;height:auto;display:block} #sre-root[data-tema="3"] .sre-footlogo small{display:block;margin-top:14px;font-family:var(--f-texto)!important; font-size:clamp(.9rem,2.4vw,1.4rem);letter-spacing:.08em;text-transform:uppercase;color:var(--cream)} /* ---------- 13. Modal de reserva ---------- */ #sre-root[data-tema="3"] .sre-modal-box{background:var(--paper);border:2px solid var(--ink);border-radius:28px} #sre-root[data-tema="3"] .sre-modal-head{border-bottom:2px solid var(--ink)} #sre-root[data-tema="3"] .sre-modal-head h3{font-size:1.75rem;line-height:1.15} #sre-root[data-tema="3"] .sre-mhost{color:inherit;opacity:.9} #sre-root[data-tema="3"] .sre-mhost span{color:inherit} #sre-root[data-tema="3"] .sre-mtag{background:var(--ink);color:var(--cream);border:none} #sre-root[data-tema="3"] .sre-close{background:var(--paper);border:1.5px solid var(--ink);color:var(--ink)} #sre-root[data-tema="3"] .sre-close:hover{background:var(--ink);color:var(--cream)} #sre-root[data-tema="3"] .sre-stepper{background:var(--card);border-bottom:2px solid var(--ink)} #sre-root[data-tema="3"] .sre-stepitem{font-size:.7rem} #sre-root[data-tema="3"] .sre-stepitem.on{background:var(--blue)} #sre-root[data-tema="3"] .sre-stepnum{background:var(--ink);color:var(--cream)} #sre-root[data-tema="3"] .sre-stepitem.on .sre-stepnum{background:var(--orange)} #sre-root[data-tema="3"] .sre-mstat{background:var(--card);border:1.5px solid var(--ink)} #sre-root[data-tema="3"] .sre-mstat small,#sre-root[data-tema="3"] .sre-mlabel, #sre-root[data-tema="3"] .sre-field label,#sre-root[data-tema="3"] .sre-total small{color:var(--ink);font-size:.68rem} #sre-root[data-tema="3"] .sre-mdesc,#sre-root[data-tema="3"] .sre-includes{font-weight:400} #sre-root[data-tema="3"] .sre-includes li::before{color:var(--orange)} #sre-root[data-tema="3"] .sre-calbox,#sre-root[data-tema="3"] .sre-book,#sre-root[data-tema="3"] .sre-resumen, #sre-root[data-tema="3"] .sre-confbox{background:var(--card);border:2px solid var(--ink)} #sre-root[data-tema="3"] .sre-calnav{background:var(--paper);border:1.5px solid var(--ink)} #sre-root[data-tema="3"] .sre-caldow div{color:var(--ink);font-size:.62rem} #sre-root[data-tema="3"] .sre-day{color:rgba(var(--ink-rgb),.28)} #sre-root[data-tema="3"] .sre-day.libre{background:var(--paper);border:1.5px solid var(--ink);color:var(--ink)} #sre-root[data-tema="3"] .sre-day.libre:hover{background:var(--blue)} #sre-root[data-tema="3"] .sre-day.sel{background:var(--ink);color:var(--cream)} #sre-root[data-tema="3"] .sre-day.sel::after{background:var(--blue)} #sre-root[data-tema="3"] .sre-slots .sre-slot{background:var(--card);border:1.5px solid var(--ink)} #sre-root[data-tema="3"] .sre-slots .sre-slot:hover{background:var(--blue)} #sre-root[data-tema="3"] .sre-slots .sre-slot.sel{background:var(--ink);color:var(--cream)} #sre-root[data-tema="3"] .sre-qty{background:var(--paper);border:1.5px solid var(--ink)} #sre-root[data-tema="3"] .sre-qty button{background:var(--blue);color:var(--ink)} #sre-root[data-tema="3"] .sre-qty button:hover{background:var(--ink);color:var(--blue)} #sre-root[data-tema="3"] .sre-total b,#sre-root[data-tema="3"] .sre-rline:last-child b{color:var(--orange);font-size:2rem} #sre-root[data-tema="3"] .sre-selinfo{background:var(--blue);border:none;font-weight:400} #sre-root[data-tema="3"] .sre-selinfo.vacio{background:var(--paper);border:1.5px dashed rgba(var(--ink-rgb),.4)} #sre-root[data-tema="3"] .sre-field input,#sre-root[data-tema="3"] .sre-field select,#sre-root[data-tema="3"] .sre-field textarea{ background:var(--paper);border:1.5px solid var(--ink);font-weight:400;color:var(--ink)} #sre-root[data-tema="3"] .sre-field input:focus{outline:2px solid var(--blue);outline-offset:1px} #sre-root[data-tema="3"] .sre-folio{background:var(--blue);border:none;font-family:var(--f-mono)!important;letter-spacing:.08em} #sre-root[data-tema="3"] .sre-conf h4{font-size:2.6rem;color:var(--orange);line-height:.95} #sre-root[data-tema="3"] .sre-spin{border-color:var(--blue);border-top-color:var(--orange)} #sre-root[data-tema="3"] .sre-pay-ov{background:rgba(255,253,243,.97)} #sre-root[data-tema="3"] .sre-rev{background:var(--card);border:1.5px solid var(--ink)} #sre-root[data-tema="3"] .sre-rev p{font-weight:400} #sre-root[data-tema="3"] .sre-rev .resp{border-left:3px solid var(--orange)} #sre-root[data-tema="3"] .sre-stars{color:var(--orange)} #sre-root[data-tema="3"] .sre-revhead b{font-size:2.4rem;color:var(--orange)} #sre-root[data-tema="3"] .sre-float{border:2px solid var(--ink)} /* ---------- 14. Celular ---------- */ @media(max-width:760px){ #sre-root[data-tema="3"] .sre-hero{padding:64px 0 72px} #sre-root[data-tema="3"] .sre-hero h1{font-size:15vw} #sre-root[data-tema="3"] .sre-logo{font-size:22px} #sre-root[data-tema="3"] .sre-mission{padding:84px 0} #sre-root[data-tema="3"] .sre-occ:nth-child(n){transform:none} } /* ========================================================================== 15. MAPAS (mapa.js) — catálogo, ficha, panel y portal Funciona con cualquier tema; los colores son los de la marca. ========================================================================== */ .sre-mapa{background:#EEF0EA;z-index:0} .sre-mapa .leaflet-tile-pane{filter:saturate(.55) sepia(.18) brightness(1.03) contrast(.96)} .sre-mapa .leaflet-control-attribution{font-size:10px;background:rgba(255,253,243,.85)} .sre-mapa .leaflet-control-zoom a{color:#520405} .sre-pin{background:none;border:none;display:flex;align-items:center;justify-content:center} .sre-pin .sre-pinin{display:flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center; font-size:21px;line-height:1;border:2px solid #520405;box-shadow:0 3px 0 rgba(82,4,5,.25);cursor:pointer; transition:transform .12s} .sre-pin:hover .sre-pinin,.sre-pin:focus .sre-pinin{transform:scale(1.12)} .sre-pin-exacto span{display:block;width:30px;height:30px;margin:0 auto;border-radius:50% 50% 50% 0;transform:rotate(-45deg); background:#B24210;border:3px solid #520405;box-shadow:0 2px 0 rgba(82,4,5,.3)} .sre-popup .leaflet-popup-content-wrapper{border-radius:18px;border:2px solid #520405;background:#FFFDF3;box-shadow:none} .sre-popup .leaflet-popup-tip{background:#FFFDF3;border:2px solid #520405} .sre-popup .leaflet-popup-content{margin:14px 16px;color:#520405;font-size:14px;line-height:1.45} .sre-pop h4{margin:0 0 4px;font-size:16px;font-weight:400;line-height:1.25} .sre-pop .an{color:#B24210;font-size:13px} .sre-pop .mt{font-size:12.5px;color:#7A3B2E;margin:6px 0 10px} .sre-pop button{width:100%;border:2px solid #B24210;background:#B24210;color:#F4F3EE;border-radius:99px;padding:8px 12px; cursor:pointer;text-transform:uppercase;letter-spacing:.05em;font-size:12px} .sre-pop button:hover{background:#520405;border-color:#520405} #sre-root[data-tema="3"] .sre-pop *{font-family:var(--f-texto)!important} @media(max-width:700px){.sre-pin .sre-pinin{width:32px;height:32px;font-size:16px}}