/* Marco de la web nueva en WordPress (generado por construir_marco_wp.py; no editar a mano) */
.tfdm{position:relative;z-index:50;font-size:16px}
.tfdm,.tfdm *{box-sizing:border-box}
.tfdm a{text-decoration:none}
.tfdm h4{margin:0 0 10px;font-family:inherit;text-transform:none;letter-spacing:0}
.tfdm img{max-width:none;height:auto;display:inline-block}
.tfdm .tfdm-ico{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;color:#fff;margin-left:6px}
.tfdm .tfdm-ico svg{width:22px;height:22px;fill:currentColor}
.tfdm .tfdm-ico:hover{background:rgba(255,255,255,.12)}
.tfdm .cab{background:var(--noche)!important;position:static!important;backdrop-filter:none!important}
.tfdm.tfdm-cab{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:999}
@media (max-width:1100px){.tfdm .tfdm-ico{display:none}}
/* Se esconden el encabezado y el pie del tema solo cuando el marco está puesto */
body.tfd-marco #masthead, body.tfd-marco .site-header, body.tfd-marco #colophon, body.tfd-marco .site-footer{display:none!important}
.tfdm{
  --noche:#0B2A4A; --tinta:#07121F; --negro:#0B0B0C; --blanco:#fff;
  --hueso:#F3F1EC; --papel:#FBFAF7; --gris:#8A94A3; --gris-2:#5B6574;
  --amarillo:#FFB100;
  --linea:rgba(255,255,255,.12); --linea-2:rgba(255,255,255,.22);
  --linea-osc:rgba(11,42,74,.12);
  --sombra-1:0 1px 1px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.12),0 8px 16px rgba(0,0,0,.14),0 24px 48px rgba(0,0,0,.22);
  --sombra-2:0 1px 2px rgba(0,0,0,.2),0 6px 12px rgba(0,0,0,.2),0 20px 40px rgba(0,0,0,.28),0 50px 90px rgba(0,0,0,.35);
  --sombra-clara:0 1px 1px rgba(11,42,74,.06),0 4px 10px rgba(11,42,74,.07),0 18px 36px rgba(11,42,74,.10);
  --display:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif;
  --base:Montserrat,system-ui,sans-serif;
  --gutter:clamp(16px,4vw,56px);
  --max:1280px;
}
.tfdm{font-family:var(--base);color:var(--blanco);-webkit-font-smoothing:antialiased}
.tfdm .envoltura{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.tfdm .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 26px;border-radius:999px;font:800 16px/1.1 var(--base);text-decoration:none;letter-spacing:-.01em;text-align:center;transition:transform .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent}
.tfdm .btn:active{transform:scale(.98)}
.tfdm .btn-am{background:var(--amarillo);color:#111;box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 10px 30px -8px rgba(255,177,0,.55)}
.tfdm .btn-am:hover{background:#FFC033}
.tfdm .btn-linea{border:1.5px solid rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.04)}
.tfdm .btn-linea:hover{background:rgba(255,255,255,.1)}
.tfdm .claro .btn-linea{border-color:rgba(11,42,74,.45);color:var(--noche);background:transparent}
.tfdm .btn .flecha{transition:transform .2s}
.tfdm .btn:hover .flecha{transform:translateX(3px)}
.tfdm .cab{position:sticky;top:0;z-index:50;background:rgba(7,18,31,.74);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--linea)}
.tfdm .cab .envoltura{display:flex;align-items:center;gap:24px;height:64px}
.tfdm .cab .logo img{height:34px;width:auto}
.tfdm .cab nav{display:flex;gap:4px;margin-left:auto}
.tfdm .cab nav a{font-size:14px;font-weight:600;text-decoration:none;color:#D5DCE6;padding:8px 10px;border-radius:8px}
.tfdm .cab nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.tfdm .cab .btn{min-height:40px;padding:0 16px;font-size:14px}
.tfdm .menu-movil{display:none;margin-left:auto}
.tfdm .menu-movil summary{list-style:none;cursor:pointer;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--linea-2)}
.tfdm .menu-movil summary::-webkit-details-marker{display:none}
.tfdm .menu-movil summary span,.tfdm .menu-movil summary span::before,.tfdm .menu-movil summary span::after{display:block;width:18px;height:2px;background:#fff;border-radius:2px;position:relative;content:""}
.tfdm .menu-movil summary span::before{position:absolute;top:-6px}
.tfdm .menu-movil summary span::after{position:absolute;top:6px}
.tfdm .menu-movil:not([open]) .panel{display:none}
.tfdm .menu-movil .panel{position:fixed;left:0;right:0;top:64px;background:var(--tinta);border-bottom:1px solid var(--linea);padding:8px 16px 18px;display:grid;max-height:calc(100svh - 64px);overflow-y:auto}
.tfdm .menu-movil .panel a{padding:12px 4px;border-bottom:1px solid var(--linea);text-decoration:none;font:800 26px/1.1 var(--display);text-transform:uppercase}
@media (max-width:1100px){.tfdm .cab nav{display:none}
.tfdm .menu-movil{display:block}
.tfdm .cab .btn-cab{display:none}}
.tfdm .heroe .envoltura{position:relative;display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);gap:48px;align-items:center;min-height:calc(100svh - 64px);padding-top:36px;padding-bottom:52px}
.tfdm .heroe .botones .btn{padding:0 20px;font-size:15px}
.tfdm .capitulo .texto .btn{margin-right:6px}
.tfdm .tienda .portal .envoltura{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:70px}
.tfdm .cierre .envoltura{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.tfdm .contacto{background:#060606;border-top:1px solid var(--linea);padding:56px 0 110px;color:#C9D0DA;font-size:15px;line-height:1.7}
.tfdm .contacto .envoltura{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px}
.tfdm .contacto img{height:44px;width:auto;margin-bottom:14px}
.tfdm .contacto h4{margin:0 0 8px;font:700 12px/1 var(--base);letter-spacing:.12em;text-transform:uppercase;color:#7F8A99}
.tfdm .contacto a{text-decoration:none;color:#fff;font-weight:600}
.tfdm .contacto a:hover{color:var(--amarillo)}
.tfdm .lema{font:900 28px/1 var(--display);text-transform:uppercase;color:#fff}
@media (max-width:980px){.tfdm .heroe .envoltura{grid-template-columns:1fr;gap:16px;min-height:0;padding-top:20px;padding-bottom:34px}
.tfdm .tienda .portal .envoltura{padding-bottom:40px}
.tfdm .cierre .envoltura{grid-template-columns:1fr}
.tfdm .contacto .envoltura{grid-template-columns:1fr 1fr}
.tfdm .contacto .envoltura>div:first-child{grid-column:1/-1}}
@media (max-width:560px){.tfdm .heroe .botones .btn,.tfdm .muro .acciones .btn,.tfdm .cierre .botones .btn,.tfdm .info-tienda .botones .btn,.tfdm .capitulo .texto .btn{flex:1 1 100%;width:100%;margin-right:0}
.tfdm .capitulo .texto .btn + .btn{margin-top:10px}
.tfdm .contacto .envoltura{grid-template-columns:1fr}}
.tfdm .cab nav a.on{color:var(--amarillo)}
.tfdm .menu-movil .panel a.on{color:var(--amarillo)}
.tfdm .tel{white-space:nowrap}
.tfdm .redes{display:flex;gap:10px;margin:14px 0 4px}
.tfdm .redes a{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;transition:background .2s}
.tfdm .redes a:hover{background:var(--amarillo)}
.tfdm .redes a:hover svg{fill:#111}
.tfdm .redes svg{width:20px;height:20px;fill:#fff}
.tfdm .contacto .chico{color:#8A94A3;font-size:13px}
.tfdm .sub .envoltura{min-height:0;grid-template-columns:minmax(0,11fr) minmax(0,12fr);padding-top:44px;padding-bottom:72px}
.tfdm .sub .botones .btn{padding:0 22px;font-size:15px}
.tfdm .titulo-seccion.chico h2{font-size:clamp(44px,5.2vw,78px);max-width:16ch}
.tfdm .pasos .titulo-seccion.chico h2{max-width:none}
.tfdm .cierre.final .envoltura{grid-template-columns:minmax(0,1fr)}
.tfdm .tarjeta-b .btn{margin-top:16px;align-self:flex-start}
.tfdm .tarjeta-b .botones .btn{margin-top:0}
.tfdm .puerta .btn{margin-top:18px;align-self:flex-start}
@media (max-width:980px){.tfdm .sub .envoltura{grid-template-columns:1fr;gap:16px;padding-top:20px;padding-bottom:44px}}
@media (max-width:560px){.tfdm .sub .botones .btn,.tfdm .tarjeta-b .btn,.tfdm .puerta .btn,.tfdm .cierre .botones .btn,.tfdm .muestras .btn{flex:1 1 100%;width:100%}
.tfdm .tarjeta-b .botones .btn{flex:1 1 100%}}
.tfdm .claro .btn-linea.claro-btn{border-color:rgba(11,42,74,.45);color:var(--noche)}
.tfdm .tarjeta-b .btn-linea{border-color:rgba(11,42,74,.45);color:var(--noche);background:transparent}