/* Identidad común. Medidas explícitas para no heredar los resets de cada página. */
:root{--sitio-ancho:1240px;--sitio-margen:32px;--sitio-azul:#2464C4;--sitio-tinta:#1E2A45;--sitio-hero:radial-gradient(ellipse at 80% 35%,rgba(255,249,240,.08),transparent 65%),linear-gradient(120deg,#2464C4 10%,#225098 100%)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.sitio-cabecera,.sitio-pie,.marca-jicara,.sitio-cabecera *,.sitio-pie *,.marca-jicara *{box-sizing:border-box}
.sitio-cabecera{background:#fff!important;border:0;border-bottom:1px solid #E0E4EA;color:var(--sitio-tinta);margin:0;padding:0;font:400 16px/1.6 Inter,sans-serif}
.sitio-cabecera .sitio-nav{width:100%;max-width:var(--sitio-ancho);margin:0 auto;padding:12px var(--sitio-margen);height:72px;min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:24px;font:400 16px/1.6 Inter,sans-serif}
.sitio-logo{display:inline-flex;align-items:center;flex-shrink:0;padding:0;margin:0;font:400 16px/1.6 Inter,sans-serif;text-decoration:none!important;color:var(--sitio-azul)}
.marca-jicara{display:inline-flex;align-items:center;gap:9px;color:var(--sitio-azul);vertical-align:middle;white-space:nowrap;font:800 25px/32px Manrope,sans-serif;letter-spacing:-1px}
.marca-inversa{color:#FFF9F0}.marca-jicara .marca-simbolo{display:block;flex:0 0 32px;width:32px;height:32px;max-width:none;margin:0;padding:0;border:0}.marca-jicara .marca-palabra{display:block;font:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;border:0}
.marca-jicara .marca-producto{display:block;font:700 11px/16px Inter,sans-serif;letter-spacing:.08em;border:1px solid #A7C0E6;border-radius:5px;padding:3px 6px;color:inherit;margin:0}.marca-inversa .marca-producto{border-color:rgba(255,249,240,.5)}
.pos-nombre>.marca-jicara,.pos-marca>.marca-jicara{padding:0;border:0;border-radius:0;font:800 25px/32px Manrope,sans-serif;letter-spacing:-1px}
.sitio-enlaces{display:flex;align-items:center;gap:32px;margin:0;padding:0}.sitio-enlaces>a{display:inline-flex;align-items:center;gap:8px;color:var(--sitio-tinta);text-decoration:none;font:600 13px/20px Inter,sans-serif;letter-spacing:0;min-height:44px;margin:0;padding:0;white-space:nowrap}.sitio-enlaces>a[aria-current]{color:var(--sitio-azul)}.sitio-enlaces>a>span{font:700 9px/14px Inter,sans-serif;letter-spacing:0;border-radius:4px;background:#FFB45B;color:var(--sitio-tinta);padding:3px 6px}.sitio-enlaces .sitio-contacto{border:1px solid var(--sitio-azul);border-radius:999px;padding:8px 18px;color:var(--sitio-azul)}.sitio-contacto>span{background:none!important;padding:0!important;font:600 16px/20px Inter,sans-serif!important;color:inherit!important}
.sitio-enlaces a:hover{text-decoration:underline;text-underline-offset:5px}.sitio-nav :focus-visible,.sitio-pie :focus-visible{outline:2px solid #2464C4;outline-offset:4px}
.sitio-pie{background:#1E2A45;color:#FFEFDA;border:0;border-top:1px solid rgba(255,249,240,.1);padding:0;margin:0;font:400 12px/20px Inter,sans-serif}
.sitio-pie-interior{width:100%;max-width:var(--sitio-ancho);margin:0 auto;padding:28px var(--sitio-margen);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.sitio-firma{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sitio-pie .marca-jicara{font-size:20px;line-height:26px;letter-spacing:-.8px;gap:7px}.sitio-pie .marca-simbolo{width:26px;height:26px;flex-basis:26px}.sitio-descriptor{font:500 10px/18px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}.sitio-pie p{font:400 11px/18px Inter,sans-serif;margin:0;color:#FFEFDA;text-align:right}.sitio-pie p>span{display:block;color:#C0C9D9;font-size:10px}
/* Misma retícula y superficies; cada demo conserva su composición. */
.hero-interior,[data-screen-label="Hechos"]>div,.contenedor:not(.medida-panel),#puertas>div,#como>div,#hacemos>div,#faq>div,#contacto>div{width:100%;max-width:var(--sitio-ancho)!important;margin-inline:auto!important;padding-inline:var(--sitio-margen)!important}
.taller-hero,.pos-hero{background:var(--sitio-hero)}
.hero-mensaje h1,.pos-hero h1{font:800 clamp(42px,4.4vw,61px)/1.07 Manrope,sans-serif;letter-spacing:-.055em}
.hero-descripcion,.pos-hero .bajada{font:400 17px/1.65 Inter,sans-serif;color:#FFEFDA}
.hero-acciones .accion-principal,.pos-hero .btn-pri{display:inline-flex;align-items:center;justify-content:center;gap:24px;font:700 14px/22px Inter,sans-serif;min-height:52px;padding:15px 22px;border:0;border-radius:999px;background:#FFB45B;color:#1E2A45;text-decoration:none;box-shadow:none;transition:background .2s,transform .2s}
.hero-acciones .accion-principal:hover,.pos-hero .btn-pri:hover{background:#FFE0BA;color:#1E2A45;transform:translateY(-2px);box-shadow:none}
@media(max-width:1100px){:root{--sitio-margen:26px}}
@media(max-width:880px){.hero-interior,.pos-hero .pos-hero-grid{grid-template-columns:1fr;max-width:var(--sitio-ancho)!important}.hero-mensaje h1{font-size:clamp(32px,7.2vw,48px)}.pos-hero h1{font-size:54px}.hero-descripcion,.pos-hero .bajada{font-size:16px}}
@media(max-width:680px){:root{--sitio-margen:20px}.sitio-cabecera .sitio-nav{padding:10px var(--sitio-margen)!important;height:66px!important;min-height:66px;gap:8px}.sitio-enlaces{gap:12px;flex:1;justify-content:flex-end}.sitio-cabecera .sitio-enlaces>a{font:600 11px/18px Inter,sans-serif!important;height:44px!important;padding-inline:0!important;gap:4px}.sitio-enlaces>a>span{display:none}.sitio-cabecera .sitio-enlaces>.sitio-contacto{padding:6px 10px!important}.sitio-cabecera .marca-jicara{font-size:23px;letter-spacing:-.92px}.sitio-pie-interior{gap:16px}.sitio-pie p{text-align:left}}
@media(max-width:520px){.hero-mensaje h1{font-size:clamp(30px,8.2vw,37px);letter-spacing:-.05em}.pos-hero h1{font-size:clamp(39px,10.5vw,51px);letter-spacing:-.05em}.hero-descripcion,.pos-hero .bajada{font-size:15px}.hero-acciones .accion-principal,.pos-hero .btn-pri{font-size:12px;line-height:20px;min-height:46px;padding:13px 18px;gap:18px}.wallet-grid.contenedor{padding-inline:var(--sitio-margen)!important}.sitio-firma{gap:12px}.sitio-descriptor{font-size:9px}}
@media(max-width:390px){:root{--sitio-margen:16px}.sitio-enlaces{gap:10px}.sitio-enlaces .sitio-contacto{display:none}}
@media(prefers-reduced-motion:reduce){.hero-acciones .accion-principal,.pos-hero .btn-pri{transition:none}.hero-acciones .accion-principal:hover,.pos-hero .btn-pri:hover{transform:none}}

.hero-pie{width:calc(100% - 2 * var(--sitio-margen));max-width:1176px;padding-inline:0}
/* Controles repetidos del cierre: preguntas y formulario. */
#faq h2{font:800 clamp(32px,3vw,46px)/1.05 Manrope,sans-serif!important;letter-spacing:-.03em!important;color:#2464C4}
#faq summary{font:700 17px/1.6 Inter,sans-serif!important;min-height:60px!important;padding:14px 0!important;color:#1E2A45}
#faq details{margin-top:0;border-bottom:1px solid #E0E4EA;padding-block:0;border-radius:0;box-shadow:none}
#faq details[open]{padding-bottom:24px}
#contacto,section#demo{background:var(--sitio-hero)!important;padding-block:60px!important;color:#FFF9F0}
#contacto>div,section#demo .grid2{gap:40px 64px!important;align-items:center}
#contacto h2,section#demo h2{font:800 clamp(34px,3.4vw,52px)/1.04 Manrope,sans-serif!important;letter-spacing:-.03em!important;max-width:18ch!important;color:#FFF9F0}
#contacto>div>div>p:first-of-type,section#demo .lead{font:400 17px/1.65 Inter,sans-serif!important;margin-top:18px!important;color:#FFEFDA}
#contacto>div>div:last-child,section#demo form{background:#fff;color:#1E2A45;border-radius:18px!important;padding:clamp(22px,3vw,32px)!important;box-shadow:none!important}
#contacto form,section#demo form{display:grid;gap:16px}
#contacto label,section#demo label{display:grid;gap:6px;font:600 14px/1.6 Inter,sans-serif!important;margin:0}
#contacto input,#contacto select,section#demo input,section#demo select{width:100%;min-width:0;height:48px;border:1px solid #8490A5!important;border-radius:10px!important;padding:0 14px!important;font:400 16px/1.5 Inter,sans-serif!important;color:#1E2A45;background:#fff}
#contacto :is(input,select):focus,section#demo :is(input,select):focus{border-color:#2464C4!important;box-shadow:0 0 0 3px #2464c426;outline:none}
#contacto button[type=submit],section#demo button[type=submit]{height:52px;min-height:52px;border:0;border-radius:999px;background:#2464C4;color:#FFF9F0;font:700 14px/22px Inter,sans-serif!important;padding:12px 18px;margin-top:4px;box-shadow:none;transform:none}
#contacto button[type=submit]:hover,section#demo button[type=submit]:hover{background:#225098!important;box-shadow:none;transform:none}
section#demo .demo-nota{margin-bottom:0}section#demo #form-aviso:empty{display:none}
@media(max-width:680px){#contacto,section#demo{padding-block:40px!important}#faq summary{font-size:15px!important}}
@media(max-width:520px){.despiece .pila{margin-inline:calc(-1 * var(--sitio-margen));padding-inline:var(--sitio-margen)}}
.contacto-nota{font:400 12px/1.6 Inter,sans-serif;color:#586071;margin:0!important}.contacto-nota a{color:#2464C4!important}.contacto-resultado:empty{display:none}.contacto-resultado{padding:16px;background:#F1F5FB;border:1px solid #A7C0E6;border-radius:10px;font:400 13px/1.6 Inter,sans-serif;color:#1E2A45}.contacto-abrir{display:inline-block;color:#2464C4!important;font-weight:700;margin-top:10px;min-height:44px;padding-block:10px}