/* base */
:root{--primario:#1E6BE6;--primario-oscuro:#123C8C;--primario-hover:#0D2C69;--celeste:#2B8FC4;--titulo:#215BA3;--verde:#267A31;--banda:#F4F7FB;--gris-banda:#F5F5F5;--tarjeta:#F2F3F5;--borde:#E3E8EC;--texto-cuerpo:#5F5F5F;--titulos:#333333;--navy:#12305C;--navy-texto:#CBD9EC;--navy-link:#8FC4FF;--ola:#71A5D6}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--texto-cuerpo);font-family:"Jost",Helvetica,Arial,sans-serif;font-size:15px;line-height:1.7em;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,ul,figure{margin:0}
ul{padding:0;list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:var(--primario);text-decoration:none}
:focus-visible{outline:2px solid var(--primario);outline-offset:2px}
h1,h2,h3{text-wrap:balance}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* containers (heredados del maquetador: e-con / e-con-inner) */
.e-con{position:relative;padding:clamp(40px,6vw,70px) 20px}
.e-con-inner{width:100%;max-width:1140px;margin:0 auto}
.e-con.e-banda{background:var(--banda)}
.e-con.e-gris{background:var(--gris-banda)}
.e-con.e-navy{background:var(--navy);color:var(--navy-texto)}
.ettitulo{color:var(--celeste);font-size:clamp(24px,1.2vw + 18px,30px);line-height:1.2;font-weight:600;text-align:center}
.etlead{max-width:760px;margin:.75rem auto 0;text-align:center;font-size:1rem;line-height:1.6}
.etkicker{display:block;margin-bottom:10px;color:#000;font-size:15px;font-weight:500}
.etazul{color:var(--titulo);font-size:clamp(26px,1.6vw + 18px,34px);line-height:1.25;font-weight:600}

/* botones */
.etpill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:15px 38px;border:0;border-radius:999px;background:var(--primario);color:#fff;font:700 16px/1.2 "Jost",sans-serif;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}
.etpill:hover{background:#1557C2}
.etbtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 24px;border:1px solid var(--primario-oscuro);border-radius:4px;background:var(--primario-oscuro);color:#fff;font:500 15px/1.2 "Jost",sans-serif;text-transform:uppercase;letter-spacing:.3px;transition:all .4s ease}
.etbtn:hover{background:var(--primario-hover);border-color:var(--primario-hover)}
.etverde{background:var(--verde);text-transform:uppercase;font-weight:600;letter-spacing:.32px}
.etverde:hover{background:#246F2E}

/* header fijo */
.mainhead{position:fixed;top:0;left:0;right:0;z-index:50;background:#fff;box-shadow:0 0 25px rgba(0,0,0,.1)}
.mainhead__in{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1240px;margin:0 auto;padding:12px 20px}
.mainhead__logo img{width:190px;height:auto}
.mainhead__nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 22px}
.mainhead__nav a{color:rgba(0,0,0,.7);font-size:14px;font-weight:700}
.mainhead__nav a:hover{color:var(--primario)}
.mainhead__nav a[aria-current=page]{color:var(--primario)}
.mainhead__nav .etpill{min-height:40px;padding:10px 20px;background:var(--verde);color:#fff;font-size:14px}
.mainhead__burger{display:none;width:44px;height:44px;border:0;background:none;color:var(--primario);cursor:pointer}
.mainhead__burger svg{width:28px;height:28px}
.mainhead__panel{border-top:1px solid var(--borde)}
.mainhead__panel a{display:block;padding:13px 20px;border-bottom:1px solid var(--borde);color:var(--titulos);font-weight:600}
main{padding-top:84px}

/* hero redondeado */
.ethero{position:relative;display:flex;align-items:center;justify-content:center;min-height:660px;margin:0 20px;padding:150px 24px 80px;border-radius:47px;overflow:hidden;color:#fff;text-align:center}
.ethero__foto{position:absolute;inset:0}
.ethero__foto img{width:100%;height:100%;object-fit:cover}
.ethero__foto:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,40,.25),rgba(10,20,40,.6))}
.ethero__in{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:900px}
.etchip{padding:9px 20px;border-radius:999px;background:rgba(255,255,255,.22);font-size:15px;font-weight:600}
.ethero h1{font-size:clamp(28px,2.6vw + 16px,46px);line-height:1.18em;font-weight:700;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.ethero .etsub{font-size:clamp(20px,1.6vw + 12px,32px);line-height:1.22em;font-weight:700;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.ethero p{max-width:640px;font-size:17px;line-height:1.55}

/* ola */
.etola{display:block;width:100%;height:53px;margin-top:-1px}
.etola path{fill:var(--ola)}

/* split */
.etsplit{display:flex;gap:48px;align-items:flex-start}
.etsplit>*{flex:1 1 0;min-width:0}
.etcollage{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;border-radius:30px;background:#fff;box-shadow:0 10px 30px rgba(6,16,32,.12)}
.etcollage img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}
.etcollage img:first-child{grid-column:1/-1;aspect-ratio:16/9}
.etsplit p{margin-top:1rem;color:#000;font-size:17px;line-height:1.75;font-weight:500}
.etcita{margin-top:22px;padding:6px 0 6px 18px;border-left:3px solid var(--primario);color:#000;font-size:17px;line-height:1.6}
.etcita span{display:block;margin-top:8px;color:var(--texto-cuerpo);font-size:14px}
.etposter img{width:100%;border-radius:30px;box-shadow:0 10px 30px rgba(6,16,32,.15)}

/* grilla de materiales */
.etgrid{display:flex;flex-wrap:wrap;gap:34px 28px;margin-top:36px}
.etcard{flex:1 1 calc(50% - 14px);min-width:0;padding-bottom:26px;border-radius:6px;background:var(--tarjeta);box-shadow:0 4px 18px rgba(6,16,32,.10);overflow:hidden}
.etgrid--tres .etcard{flex-basis:calc(33.33% - 19px)}
.etcard img{width:100%;aspect-ratio:16/10;object-fit:cover}
.etcard__body{padding:20px 22px 0}
.etbadge{display:block;font-size:13px;color:#666666}
.etprecio{display:block;font-size:14px;color:#666666}
.etcard h3{margin:.3em 0 .4em;color:var(--titulos);font-size:22px;line-height:1.2;font-weight:600}
.etdesc{font-style:italic;color:#666666}
.etinc{margin:14px 0 18px}
.etinc li{padding-left:22px;position:relative;font-size:14px;line-height:1.7}
.etinc li span{position:absolute;left:0}
.etextras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:40px}
.etextra{padding:16px;border-radius:6px;background:#fff;box-shadow:2px 2px 3px rgba(0,0,0,.09)}
.etextra img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.etextra .etprecio{margin-top:10px}
.etextra b{display:block;color:var(--titulos);font-size:17px;line-height:1.3;font-weight:600}
.etnota{margin-top:22px;text-align:center;font-size:14px;color:#666666}

/* tabla de tiradas */
.ettabla{width:100%;max-width:820px;margin:26px auto 0;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}
.ettabla th,.ettabla td{padding:14px 18px;border-bottom:1px solid var(--borde);text-align:left;font-size:15px}
.ettabla thead th{background:var(--primario-oscuro);color:#fff;font-weight:600}
.ettabla td:last-child,.ettabla th:last-child{text-align:right}
.ettabla tbody tr:hover td{background:#FAFCFF}
.desliza{overflow-x:auto}

/* configurador de pedido (banda oscura con panel blanco) */
.etpedido{background:#0E1622 url(../../galeria/banda-taller.webp) center/cover no-repeat}
.etpedido .ettitulo{color:#fff}
.etpanel{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;margin-top:30px;padding:28px;border-radius:20px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.etpaso{margin-bottom:22px;border:0;padding:0}
.etpaso legend,.etcampo label{display:block;margin-bottom:8px;color:var(--titulos);font-size:14px;font-weight:500}
.etpaso legend b{color:#c62828;font-weight:500}
.ettiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ettiles--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ettiles label{position:relative;margin:0}
.ettiles input{position:absolute;opacity:0}
.ettiles span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:8px;border:2px solid var(--borde);border-radius:10px;color:var(--titulos);font-size:14px;font-weight:600;line-height:1.25;text-align:center;cursor:pointer}
.ettiles span small{font-weight:400;color:#666666;font-size:12px}
.ettiles input:checked+span{border-color:var(--primario);background:#EEF4FE}
.ettiles input:focus-visible+span{outline:2px solid var(--primario);outline-offset:2px}
.etcampo{margin-bottom:14px}
.etcampo input,.etcampo textarea,.etcampo select{width:100%;min-height:54px;padding:15px;border:2px solid var(--borde);border-radius:10px;background:#fff;color:var(--titulos);font:400 16px/1.3 "Jost",sans-serif}
.etcampo textarea{min-height:90px;resize:vertical}
.etcampo input:focus,.etcampo textarea:focus,.etcampo select:focus{outline:0;border-color:var(--primario)}
.etcampo input[type=file]{padding:13px;background:var(--banda)}
.etcampo .mal,.etpanel .mal{border-color:#c62828!important;background:#FFF5F5}
.etresumen{padding:22px;border:2px solid var(--borde);border-radius:14px;background:#FAFBFD}
.etresumen dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}
.etresumen dt{color:#666666}
.etresumen dd{margin:0;color:var(--titulos);text-align:right}
.ettotal{display:flex;align-items:baseline;justify-content:space-between;margin:14px 0 4px;padding-top:14px;border-top:1px dashed var(--borde)}
.ettotal output{color:var(--primario-oscuro);font-size:30px;font-weight:700;line-height:1}
.etunit{font-size:13px;color:#666666;text-align:right}
.etplazo{margin-top:10px;font-size:14px;color:var(--titulos)}
.eterror{min-height:20px;margin:10px 0;color:#c62828;font-size:14px}
.etacepto{display:flex;gap:10px;align-items:flex-start;margin:6px 0 4px;font-size:13px;line-height:1.5}
.etacepto input{flex:none;width:18px;height:18px;margin-top:2px}
.etreq{font-size:13px;color:#666666}
.ethp{position:absolute;left:-7777px}
.etgracias{padding:26px;border-radius:14px;background:#EEF7EF;color:#1F4D25}

/* productos */
.etproductos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.etproductos figure{border-radius:16px;overflow:hidden;background:#fff}
.etproductos img{width:100%;aspect-ratio:3/4;object-fit:cover}
.etproductos figcaption{padding:12px 14px;color:var(--titulos);font-weight:600;font-size:15px}
.e-con.e-gris-azul{background:#E9EDF4}

/* tres columnas */
.ettres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px}
.ettres h3{margin-top:16px;color:var(--titulos);font-size:22px;font-weight:600}
.ettres p{margin-top:8px}
.ettres img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}

/* burbujas */
.etburbujas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:30px}
.etburbuja{position:relative;padding:22px;border-radius:6px;background:#fff;color:#333;font-size:15px;line-height:1.6}
.etburbuja:after{content:"";position:absolute;left:30px;bottom:-12px;border:12px solid transparent;border-bottom:0;border-top-color:#fff}
.etburbuja b{display:block;margin-bottom:6px;color:var(--primario-oscuro)}
.e-con.e-foto{background:#1B2433 url(../../galeria/feria-mesa.webp) center/cover no-repeat}
.e-con.e-foto:before{content:"";position:absolute;inset:0;background:rgba(10,18,30,.72)}
.e-con.e-foto .e-con-inner{position:relative}
.e-con.e-foto .ettitulo{color:#fff}
.e-con.e-foto .etlead{color:#E4EDF9}

/* texto largo */
.etlargo{max-width:1000px;margin:0 auto;text-align:center}
.etlargo h2{margin-top:30px}
.etlargo h2:first-child{margin-top:0}
.etlargo p{margin-top:.65rem}

/* acordeones */
.etfaq{max-width:1000px;margin:26px auto 0}
.etfaq details{margin-bottom:10px;border-radius:4px;background:#F7F9FB}
.etfaq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:14px 30px;color:#000;font-weight:600;cursor:pointer;list-style:none}
.etfaq summary::-webkit-details-marker{display:none}
.etfaq summary:after{content:"+";color:var(--primario);font-size:24px;font-weight:400}
.etfaq details[open] summary:after{content:"\2212"}
.etfaq details p{padding:0 1.875rem 1.125rem;color:#222}
.etno details{border:1px solid #E0E0E0;background:#fff}

/* pie navy */
.endbar{padding:clamp(56px,7vw,90px) 20px 40px}
.endbar h2{color:#fff;font-size:clamp(26px,1.6vw + 18px,34px);font-weight:600;text-align:center}
.endbar .etlead{color:var(--navy-texto)}
.endbar__zonas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:24px auto 0;max-width:820px;color:#E4EDF9}
.endbar__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:1000px;margin:44px auto 0}
.endbar__cols h3{margin-bottom:10px;color:#fff;font-size:15px;text-transform:uppercase;letter-spacing:.06em}
.endbar__cols a,.endbar__cols button{display:block;padding:4px 0;background:none;border:0;color:var(--navy-link);font:inherit;text-align:left;cursor:pointer}
.endbar__cols a:hover,.endbar__cols button:hover{text-decoration:underline}
.endbar__legal{max-width:1000px;margin:40px auto 0;padding-top:18px;border-top:1px solid rgba(203,217,236,.2);font-size:13px;color:var(--navy-texto);text-align:center}
.endbar img{margin:0 auto 18px;width:170px}

/* cookies */
.etcookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;max-width:460px;padding:20px;border-radius:16px;background:#fff;box-shadow:0 8px 30px rgba(10,20,40,.25);font-size:14px;line-height:1.55}
.etcookies a{text-decoration:underline}
.etcookies__ops label{display:flex;gap:8px;align-items:center;margin-top:8px}
.etcookies__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.etcookies__btns button{min-height:42px;padding:9px 18px;border-radius:999px;font:600 14px "Jost",sans-serif;cursor:pointer}
.etcookies__si{border:0;background:var(--primario);color:#fff}
.etcookies__no{border:2px solid var(--primario);background:#fff;color:var(--primario)}
.etcookies__ver{border:0;background:none;color:var(--titulos);text-decoration:underline}
.etcookies__ver:hover{color:var(--primario)}

/* páginas de adentro */
.etpagehead{padding:clamp(36px,5vw,50px) 20px 20px;text-align:center}
.etpagehead h1{color:var(--celeste);font-size:clamp(28px,1.8vw + 18px,38px);line-height:1.2;font-weight:600}
.etpagehead p{max-width:720px;margin:12px auto 0;font-size:16px}
.etlegal{max-width:1140px;margin:0 auto;padding:30px 20px 60px}
.etlegal h3{margin:1.75rem 0 .5rem;color:var(--titulos);font-size:22px;font-weight:600}
.etlegal p,.etlegal li{line-height:1.7}
.etlegal p+p{margin-top:10px}
.etlegal ul{padding-left:20px;list-style:disc}

@media(max-width:1024px){
.mainhead__nav{gap:8px 16px}
.etextras{grid-template-columns:repeat(2,minmax(0,1fr))}
.etproductos{grid-template-columns:repeat(2,minmax(0,1fr))}
.etpanel{grid-template-columns:1fr}
}
@media (min-width:813px) and (max-width:1024px){
.ethero{min-height:560px}
}

/* NO TOCAR, ANDA: el bloque de abajo pisa al maquetador en celulares, por eso tanto !important */
@media (max-width: 767px){
/* 1 - gutters + la cabecera flotante */
.mainhead{top:8px !important;left:8px !important;right:8px !important;border-radius:16px !important;box-shadow:0 8px 24px rgba(10,20,40,.16) !important}
.mainhead__in{padding:8px 12px !important}
.mainhead__logo img{width:140px !important}
.mainhead__nav{display:none !important}
.mainhead__burger{display:inline-flex !important;align-items:center;justify-content:center}
/* 2 - hero más bajo */
.ethero{min-height:0 !important;margin:0 12px !important;padding:90px 18px 54px !important;border-radius:28px !important}
/* 3 - todo a una columna */
.etsplit{flex-direction:column !important}
.etgrid--tres .etcard,.etcard{flex-basis:100% !important}
.ettres,.etburbujas{grid-template-columns:1fr !important}
/* 4 - tarjetas: precio como pastilla sobre la foto */
.etcard{position:relative;border:1px solid #E6ECF5 !important;border-radius:16px !important;background:#fff !important}
.etcard img{height:190px;aspect-ratio:auto !important}
.etcard .etprecio{position:absolute;top:150px;right:14px;padding:6px 12px;border-radius:999px;background:var(--primario);color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.28)}
.etcard .etbtn{width:100%;border-radius:999px !important}
/* 5 - 48px en todos los botones */
.etbtn,.etpill{min-height:48px !important}
/* 6 - formulario: 16px en los campos (iOS no hace zoom) */
.ettiles{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.etpanel{padding:18px !important}
}
@media (max-width: 767px){
/* 7 - v2: el pie en una columna */
.endbar__cols{grid-template-columns:1fr !important;text-align:center}
.endbar__cols a,.endbar__cols button{text-align:center;width:100%}
}
@media (max-width: 480px){
.etextras{grid-template-columns:1fr 1fr}
.etproductos{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* esquema de sangrado (como-preparar-tu-archivo) */
.etmedidas{max-width:360px;margin:0 auto}
.etmedidas__sangrado{padding:18px;border-radius:12px;background:#D7E6FB;outline:1px dashed #7FA6DA}
.etmedidas__corte{padding:22px;border:2px solid #C62828;border-radius:50%;background:#fff;aspect-ratio:1}
.etmedidas__segura{display:flex;align-items:center;justify-content:center;height:100%;border:2px dashed #2E8B3A;border-radius:50%;color:var(--titulos);font-weight:600;text-align:center}
.etmedidas__ref{margin-top:16px}
.etmedidas__ref li{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:14px}
.etmedidas__ref i{width:22px;height:12px;border-radius:3px}
.etmedidas__ref .r1{background:#D7E6FB;outline:1px dashed #7FA6DA}
.etmedidas__ref .r2{border:2px solid #C62828}
.etmedidas__ref .r3{border:2px dashed #2E8B3A}

.page-template-default{overflow-x:hidden}
.etsiguiente{margin-top:8px;padding:18px 20px;border-radius:14px;background:var(--banda);font-size:14px;line-height:1.6}
.etsiguiente b{display:block;margin-bottom:6px;color:var(--titulos);font-size:15px}
.etsiguiente ol{margin:0;padding-left:1.1rem}
.etsiguiente li+li{margin-top:4px}
.etsiguiente p{margin-top:8px;color:var(--titulos)}