/*
Theme Name: Dédalo Escenografías
Theme URI: https://dedaloescenografias.es/
Description: Tema hijo de Twenty Twenty-Five para Dédalo Escenografías. Reproduce las maquetas del theme Webrix (ThemeWolfs) en HTML y CSS escritos a mano: sin Elementor, sin JavaScript, sin iconos remotos, sin peticiones externas. Cada sección de las páginas es un bloque «HTML personalizado» con las clases dd-* de esta hoja.
Author: Dédalo Escenografías
Template: twentytwentyfive
Version: 3.0.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dedalo
Tags: block-patterns, full-site-editing, one-column, wide-blocks, custom-colors, custom-menu
*/

/* ==========================================================================
   0 · Fuentes. Mango Grotesque (display) servida desde el tema. Instrument
   Sans la sirve WordPress en local desde la Biblioteca de fuentes
   (uploads/fonts); aquí solo se nombra. Cero peticiones externas.
   ========================================================================== */
@font-face{font-family:"Mango Grotesque";src:url("assets/fonts/mango-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Mango Grotesque";src:url("assets/fonts/mango-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Mango Grotesque";src:url("assets/fonts/mango-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

/* ==========================================================================
   1 · Tokens. Los valores salen de assets/scss de Webrix: contenedor
   .rr-container-1630 (1630 − 2×15), section-spacing 120/90/80/60, radios
   24/16/10/500, líneas rgba(115,115,115,.24) y rgba(87,87,87,.16).
   ========================================================================== */
:root{
  --dd-display:"Mango Grotesque","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --dd-texto:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --dd-acento:#FF5914;
  --dd-acento-osc:#D9440A;
  --dd-negro:#121212;
  --dd-negro-2:#161616;
  --dd-blanco:#FFFFFF;
  --dd-titulo:#121212;
  --dd-cuerpo:#575757;
  --dd-cuerpo-2:#737373;
  --dd-gris:#F8F9FF;
  --dd-gris-2:#F5F5F5;
  --dd-linea:rgba(115,115,115,.24);
  --dd-linea-suave:rgba(87,87,87,.16);
  --dd-linea-osc:rgba(255,255,255,.14);
  --dd-placeholder:#E4E4E4;
  --dd-placeholder-osc:#2A2A2A;
  --dd-contenedor:1630px;
  --dd-gutter:15px;
  --dd-seccion:120px;
  --dd-r-24:24px;
  --dd-r-16:16px;
  --dd-r-10:10px;
  --dd-pill:500px;
  --dd-transicion:.3s ease;
}

/* ==========================================================================
   2 · Reset mínimo y tipografía base
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--dd-blanco);color:var(--dd-cuerpo);font-family:var(--dd-texto);font-size:16px;line-height:24px;font-weight:400;letter-spacing:-.48px;overflow-x:hidden}
body.dd-home{background:var(--dd-negro)}
/* Los estilos globales guardados en la base de datos pueden emitir relleno de
   raíz y anchos de contenido; aquí se anulan para que las secciones vayan a
   todo el ancho. */
:root body,:root body.has-global-padding{padding:0;--wp--style--root--padding-left:0;--wp--style--root--padding-right:0}
:root .wp-site-blocks>*+*{margin-block-start:0}
:root .wp-block-post-content>*{max-width:none;margin-left:0;margin-right:0}
:root .wp-block-post-content>*+*{margin-block-start:0}
img{max-width:100%;height:auto;display:block}
ul,ol{margin:0;padding:0}
figure{margin:0}
a{color:var(--dd-acento-osc);text-decoration:none;transition:color var(--dd-transicion)}
a:hover{color:var(--dd-titulo)}
p{margin:0 0 16px}
p:last-child{margin-bottom:0}
strong{font-weight:700;color:var(--dd-titulo)}
mark{background:transparent}

/* Los estilos globales guardados en la base de datos se emiten como
   :root :where(h1); estos selectores pesan más y mandan. */
:root h1,:root h2,:root h3,:root .dd-cifra,:root .dd-num,:root .dd-etq-display{font-family:var(--dd-display);color:var(--dd-titulo);margin:0}
:root h1{font-size:96px;line-height:100px;font-weight:700;text-transform:uppercase;letter-spacing:.01em;text-wrap:balance}
:root h2{font-size:64px;line-height:72px;font-weight:700;letter-spacing:.01em;text-wrap:balance}
:root h3{font-size:32px;line-height:40px;font-weight:600;letter-spacing:.5px;text-wrap:balance}
:root h4{font-family:var(--dd-texto);font-size:20px;line-height:28px;font-weight:600;color:var(--dd-titulo);letter-spacing:-.4px;margin:0}
p,li{text-wrap:pretty}

.dd-contenedor{width:100%;max-width:var(--dd-contenedor);margin:0 auto;padding:0 var(--dd-gutter)}
.dd-seccion{padding-top:var(--dd-seccion);padding-bottom:var(--dd-seccion);position:relative;overflow:hidden}
.dd-seccion--pt{padding-bottom:0}
.dd-seccion--gris{background:var(--dd-gris)}
.dd-seccion--negro{background:var(--dd-negro)}
.dd-oscuro{color:rgba(255,255,255,.78)}
.dd-oscuro h1,.dd-oscuro h2,.dd-oscuro h3,.dd-oscuro h4,.dd-oscuro strong{color:var(--dd-blanco)}
.dd-oscuro a{color:var(--dd-blanco)}
.dd-oscuro a:hover{color:var(--dd-acento)}
.dd-oscuro p{color:rgba(255,255,255,.78)}
.dd-prosa p{max-width:66ch}
.dd-prosa ul,.dd-prosa ol{max-width:66ch}
.dd-acento{color:var(--dd-acento)}
.dd-visualmente-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ==========================================================================
   3 · Componentes transversales
   ========================================================================== */

/* C-BTN-01 · .rr-btn-primary: píldora 16px w600, padding 16 43, radio 500,
   círculo de 56 con flecha; al pasar, relleno desde la izquierda. */
.dd-btn{display:inline-flex;align-items:center;font-family:var(--dd-texto);font-size:16px;line-height:20px;font-weight:600;letter-spacing:-.48px;text-decoration:none;color:var(--dd-blanco)}
.dd-btn__texto{position:relative;z-index:1;overflow:hidden;padding:16px 43px;border-radius:var(--dd-pill);background:var(--dd-acento);color:var(--dd-blanco);transition:color .4s ease}
.dd-btn__texto::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--dd-negro);border-radius:var(--dd-pill);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.dd-btn__icono{width:56px;height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:center;border-radius:var(--dd-pill);position:relative;z-index:1;overflow:hidden;background:var(--dd-negro);color:var(--dd-blanco);font-size:20px;line-height:1;transition:color .4s ease}
.dd-btn__icono::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--dd-acento);border-radius:var(--dd-pill);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.dd-btn:hover{color:var(--dd-blanco)}
.dd-btn:hover .dd-btn__texto::before,.dd-btn:hover .dd-btn__icono::before{transform:scaleX(1)}
.dd-oscuro .dd-btn__icono,.dd-btn--claro .dd-btn__icono{background:var(--dd-blanco);color:var(--dd-negro)}
.dd-oscuro .dd-btn__texto::before,.dd-btn--claro .dd-btn__texto::before{background:var(--dd-blanco)}
.dd-oscuro .dd-btn:hover .dd-btn__texto,.dd-btn--claro:hover .dd-btn__texto{color:var(--dd-negro)}
.dd-oscuro .dd-btn:hover .dd-btn__icono,.dd-btn--claro:hover .dd-btn__icono{color:var(--dd-blanco)}
.dd-btn--contorno .dd-btn__texto{background:transparent;color:var(--dd-titulo);border:1px solid var(--dd-linea)}
.dd-btn--contorno .dd-btn__texto::before{background:var(--dd-titulo)}
.dd-btn--contorno:hover .dd-btn__texto{color:var(--dd-blanco)}
.dd-oscuro .dd-btn--contorno .dd-btn__texto{color:var(--dd-blanco);border-color:var(--dd-linea-osc)}
.dd-oscuro .dd-btn--contorno .dd-btn__texto::before{background:var(--dd-blanco)}
.dd-oscuro .dd-btn--contorno:hover .dd-btn__texto{color:var(--dd-negro)}

/* Fila de botones + teléfono */
.dd-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:32px}
.dd-tel{font-family:var(--dd-texto);font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.48px;color:var(--dd-titulo)}
.dd-tel a{color:inherit}
.dd-tel a:hover{color:var(--dd-acento)}
.dd-tel:empty{display:none}
.dd-apunte{font-style:italic;color:var(--dd-cuerpo-2);margin-top:16px}
.dd-oscuro .dd-apunte{color:rgba(255,255,255,.62)}

/* C-TTL-01 · marcador de sección: línea 188 + (002) + TEXTO, 18/28 w500 mayúsculas */
.dd-marcador{display:flex;align-items:center;gap:32px;list-style:none;margin:0 0 24px;font-family:var(--dd-texto);font-size:18px;line-height:28px;font-weight:500;letter-spacing:-.48px;text-transform:uppercase;color:var(--dd-cuerpo)}
.dd-marcador::before{content:"";width:80px;height:1px;background:var(--dd-linea-suave);flex:0 0 auto}
.dd-marcador li{position:relative;white-space:nowrap}
.dd-marcador li+li::before{content:"";position:absolute;left:-20px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--dd-acento);transform:translateY(-50%)}
.dd-oscuro .dd-marcador{color:rgba(255,255,255,.62)}
.dd-oscuro .dd-marcador::before{background:var(--dd-linea-osc)}

/* C-TTL-02 · cabecera tipo 2: línea inferior con tramo de 380 en acento */
.dd-titulo2{margin-bottom:48px}
.dd-titulo2__top{position:relative;padding-bottom:8px;border-bottom:1px solid var(--dd-linea);text-align:center}
.dd-titulo2__top::before{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:380px;max-width:60%;height:1px;background:var(--dd-acento)}
.dd-titulo2__top--izq{text-align:left}
.dd-titulo2__top--izq::before{left:0;transform:none}
.dd-titulo2__sub{font-family:var(--dd-texto);font-size:24px;line-height:32px;font-weight:500;letter-spacing:-.48px;text-transform:uppercase;color:var(--dd-titulo);margin:0}
.dd-oscuro .dd-titulo2__sub{color:var(--dd-blanco)}
.dd-titulo2__bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}
.dd-titulo2__bottom--centro{justify-content:center;text-align:center}
:root .dd-titulo2 h2{font-size:100px;line-height:108px;font-weight:600;text-transform:uppercase;max-width:1366px}

/* C-TAG-01 · píldora de etiqueta */
.dd-tag{display:inline-block;border:1px solid var(--dd-linea-suave);border-radius:var(--dd-pill);padding:7px 24px;font-size:16px;line-height:24px;font-weight:500;letter-spacing:.5px;color:var(--dd-titulo)}
.dd-oscuro .dd-tag{color:var(--dd-blanco);border-color:var(--dd-linea-osc)}
.dd-tag--lleno{background:var(--dd-acento);border-color:var(--dd-acento);color:var(--dd-blanco);padding:8px 21px;font-weight:500}

/* Enlaces de continuidad → píldora de contorno con flecha */
.dd-enlaces{display:flex;flex-wrap:wrap;gap:12px 16px;list-style:none;margin:24px 0 0}
.dd-enlaces a{display:inline-flex;align-items:center;gap:12px;padding:12px 24px 12px 28px;border:1px solid var(--dd-linea);border-radius:var(--dd-pill);font-weight:600;font-size:16px;line-height:24px;color:var(--dd-titulo);transition:background-color var(--dd-transicion),color var(--dd-transicion),border-color var(--dd-transicion)}
.dd-enlaces a::after{content:"→";color:var(--dd-acento);transition:transform var(--dd-transicion),color var(--dd-transicion)}
.dd-enlaces a:hover{background:var(--dd-titulo);border-color:var(--dd-titulo);color:var(--dd-blanco)}
.dd-enlaces a:hover::after{transform:translateX(4px);color:var(--dd-blanco)}
.dd-oscuro .dd-enlaces a{color:var(--dd-blanco);border-color:var(--dd-linea-osc)}
.dd-oscuro .dd-enlaces a:hover{background:var(--dd-blanco);color:var(--dd-negro);border-color:var(--dd-blanco)}
.dd-enlaces--linea li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-weight:500;color:var(--dd-titulo)}
.dd-oscuro .dd-enlaces--linea li{color:var(--dd-blanco)}

/* Listas del copy */
.dd-lista-vinetas{list-style:none;display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:24px}
.dd-lista-vinetas li{position:relative;padding-left:28px;font-size:18px;line-height:26px;font-weight:500;color:var(--dd-cuerpo);flex:1 1 300px}
.dd-lista-vinetas li::before{content:"↗";position:absolute;left:0;top:0;color:var(--dd-acento);font-weight:700}
.dd-oscuro .dd-lista-vinetas li{color:rgba(255,255,255,.78)}
.dd-lista-numeros{list-style:none;counter-reset:dd-n;display:flex;flex-wrap:wrap;gap:24px 32px;margin-top:24px}
.dd-lista-numeros li{counter-increment:dd-n;position:relative;padding-left:56px;flex:1 1 420px;max-width:670px}
.dd-lista-numeros li::before{content:counter(dd-n,decimal-leading-zero) ".";position:absolute;left:0;top:-4px;font-family:var(--dd-display);font-size:32px;line-height:32px;font-weight:600;color:var(--dd-acento)}

/* Placeholder de imagen · bloque sólido con la medida escrita encima */
.dd-img{position:relative;width:100%;background:var(--dd-placeholder);border-radius:var(--dd-r-24);overflow:hidden;aspect-ratio:var(--dd-ratio,16/9);display:flex;align-items:center;justify-content:center;text-align:center}
.dd-img--16x9{--dd-ratio:16/9}.dd-img--3x2{--dd-ratio:3/2}.dd-img--4x3{--dd-ratio:4/3}.dd-img--1x1{--dd-ratio:1/1}
.dd-img--pildora{border-radius:var(--dd-pill);aspect-ratio:784/324}
.dd-img__medida{font-family:var(--dd-texto);font-size:13px;line-height:18px;letter-spacing:.06em;text-transform:uppercase;color:rgba(18,18,18,.55);padding:12px 16px}
.dd-oscuro .dd-img{background:var(--dd-placeholder-osc)}
.dd-oscuro .dd-img__medida{color:rgba(255,255,255,.5)}
.dd-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dd-mosaico{display:grid;gap:16px}
.dd-mosaico--2{grid-template-columns:repeat(2,1fr)}
.dd-mosaico--4{grid-template-columns:repeat(4,1fr)}
.dd-mosaico--3{grid-template-columns:repeat(3,1fr)}

/* ==========================================================================
   4 · Secciones, en el orden del catálogo
   ========================================================================== */

/* S-HD-01 · cabecera transparente sobre hero/banner, 100 px, menú en display */
.dd-cabecera{position:absolute;top:0;left:0;width:100%;z-index:50;height:100px}
body.admin-bar .dd-cabecera{top:32px}
.dd-cabecera__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;height:100px}
.dd-logo{font-family:var(--dd-display);font-size:34px;line-height:40px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--dd-blanco);display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.dd-logo::before{content:"";width:14px;height:34px;background:var(--dd-acento);border-radius:3px;transform:skewX(-12deg)}
.dd-logo:hover{color:var(--dd-blanco)}
.dd-nav{display:flex;align-items:center;gap:0;list-style:none}
.dd-nav>li{position:relative}
.dd-nav>li>a,.dd-nav>li>details>summary{display:flex;align-items:center;gap:8px;padding:42px 14px;font-family:var(--dd-display);font-size:20px;line-height:16px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--dd-blanco);cursor:pointer;list-style:none}
.dd-nav summary::-webkit-details-marker{display:none}
.dd-nav>li>details>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.dd-nav>li:hover>a,.dd-nav>li:hover>details>summary,.dd-nav>li>details[open]>summary{color:var(--dd-acento)}
.dd-nav .dd-submenu{position:absolute;top:100%;left:0;min-width:280px;background:#232529;padding:18px 0;border-radius:0 0 8px 8px;list-style:none;z-index:60}
.dd-nav .dd-submenu li{padding:0 25px}
.dd-nav .dd-submenu a{display:block;padding:10px 0;font-family:var(--dd-display);font-size:20px;line-height:16px;font-weight:500;letter-spacing:.03em;color:var(--dd-blanco);white-space:nowrap}
.dd-nav .dd-submenu a:hover{color:var(--dd-acento)}
.dd-nav>li>details:not([open]):hover>.dd-submenu{display:block}
.dd-cabecera__derecha{display:flex;align-items:center;gap:16px}
.dd-cabecera__derecha .dd-btn__texto{padding:16px 32px}
.dd-menu-movil{display:none}
.dd-menu-movil>summary{list-style:none;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--dd-blanco);border-radius:8px;cursor:pointer}
.dd-menu-movil>summary::-webkit-details-marker{display:none}
.dd-menu-movil__icono{width:28px;height:18px;display:flex;flex-direction:column;justify-content:space-between}
.dd-menu-movil__icono span{display:block;height:2px;width:100%;background:var(--dd-negro)}
.dd-menu-movil__icono span:nth-child(1){margin-left:11px;width:17px}
.dd-menu-movil__icono span:nth-child(3){width:17px}

/* S-H2-01 · hero de home-2: negro, destello, titular grande, píldora abajo,
   columna derecha alineada a la derecha con H2 40/44, párrafo y botón */
.dd-hero{position:relative;overflow:hidden;background:var(--dd-negro);color:var(--dd-blanco);padding-top:248px;padding-bottom:200px}
.dd-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 62% 45%,rgba(255,89,20,.55) 0%,rgba(255,89,20,.18) 40%,rgba(18,18,18,0) 72%);pointer-events:none}
.dd-hero__wrapper{position:relative;z-index:1;display:flex;justify-content:space-between;gap:48px}
.dd-hero__izq{flex:0 1 980px}
.dd-hero__der{flex:0 1 462px;margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right;position:relative}
.dd-hero__kicker{display:flex;align-items:center;gap:8px;font-family:var(--dd-texto);font-size:18px;line-height:26px;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:var(--dd-blanco);margin:0 0 24px}
.dd-hero__kicker::before{content:"";width:54px;height:24px;border-radius:24px;border:2px solid var(--dd-acento);background:linear-gradient(90deg,var(--dd-acento) 0 45%,transparent 45%)}
:root .dd-hero h1{font-size:128px;line-height:.92;font-weight:600;letter-spacing:.5px;color:var(--dd-blanco)}
.dd-hero h1 .dd-acento{color:var(--dd-acento)}
.dd-hero__pildora{display:inline-flex;align-items:center;gap:12px;margin-top:48px;padding:16px 40px 16px 16px;border-radius:64px;background:rgba(255,255,255,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.dd-hero__pildora-num{width:56px;height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:center;border-radius:var(--dd-pill);background:var(--dd-acento);border:1px solid var(--dd-blanco);font-family:var(--dd-display);font-size:26px;font-weight:700;color:var(--dd-blanco)}
.dd-hero__pildora p{font-family:var(--dd-display);font-size:22px;line-height:26px;letter-spacing:.02em;font-weight:600;text-transform:uppercase;color:var(--dd-blanco);max-width:24ch;margin:0}
:root .dd-hero__der h2,.dd-hero__der .dd-hero__titulo2{font-family:var(--dd-display);font-size:40px;line-height:44px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--dd-blanco);width:450px;max-width:100%;margin:0 0 8px}
.dd-hero__der p{font-size:16px;line-height:24px;letter-spacing:.5px;opacity:.8;margin:0 0 30px;max-width:462px;color:var(--dd-blanco)}
.dd-hero__der .dd-acciones{justify-content:flex-end;margin-top:0}
.dd-hero__img.dd-img{position:absolute;inset:0;border-radius:0;aspect-ratio:auto;opacity:.45;align-items:flex-end;justify-content:flex-end}
.dd-hero__img .dd-img__medida{padding:16px 24px}
.dd-hero__scroll{position:absolute;right:0;bottom:-144px;display:flex;align-items:center;gap:16px;font-family:var(--dd-display);font-size:20px;line-height:28px;font-weight:700;text-transform:uppercase;color:var(--dd-blanco)}

/* S-AB-01 · banner interior: migas + H1 gigante centrado sobre negro */
.dd-banner{position:relative;overflow:hidden;background:var(--dd-negro);color:var(--dd-blanco);padding:200px 0 50px;text-align:center}
.dd-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 70% at 50% 20%,rgba(255,89,20,.5) 0%,rgba(255,89,20,.14) 45%,rgba(18,18,18,0) 75%);pointer-events:none}
.dd-migas{position:relative;display:flex;justify-content:center;align-items:center;gap:30px;list-style:none;margin:0 0 10px;font-family:var(--dd-display);font-size:24px;line-height:32px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--dd-acento)}
.dd-migas li{position:relative}
.dd-migas li+li::before{content:"//";position:absolute;left:-24px;top:50%;transform:translateY(-50%);color:var(--dd-blanco)}
.dd-migas a{color:var(--dd-blanco)}
.dd-migas a:hover{color:var(--dd-acento)}
:root .dd-banner h1{position:relative;font-size:96px;line-height:100px;font-weight:700;color:var(--dd-blanco);max-width:1400px;margin:0 auto}

/* S-SD-01/02 · intro de interior: imagen 16:9 radio 24 + entradilla a dos columnas */
.dd-intro{padding-top:48px}
.dd-intro>.dd-contenedor>.dd-img{aspect-ratio:2.5/1}
.dd-intro__fila{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-top:48px}
.dd-intro__texto p{font-size:18px;line-height:28px;color:var(--dd-cuerpo);max-width:60ch}
.dd-intro__texto p:first-child{font-size:20px;line-height:30px;color:var(--dd-titulo)}
.dd-intro__texto .dd-acciones{margin-top:24px}
.dd-intro__enlaces{margin-top:8px}

/* S-AB-02 · banda de prueba: cifras 100 px en contorno (stroke 2, ls 8) y
   etiquetas en display cuando el ítem no empieza por cifra */
.dd-banda{padding:48px 0;border-top:1px solid var(--dd-linea-suave);border-bottom:1px solid var(--dd-linea-suave)}
.dd-oscuro .dd-banda,.dd-banda.dd-oscuro{border-color:var(--dd-linea-osc);background:var(--dd-negro)}
.dd-banda__lista{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:32px 48px;list-style:none}
.dd-banda__lista li{flex:1 1 180px;max-width:320px}
.dd-cifra{display:block;font-family:var(--dd-display);font-size:100px;line-height:90px;font-weight:800;letter-spacing:8px;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px var(--dd-titulo)}
.dd-oscuro .dd-cifra{-webkit-text-stroke-color:var(--dd-blanco)}
.dd-cifra--pendiente{-webkit-text-stroke:0;color:var(--dd-titulo);font-size:64px;line-height:64px;letter-spacing:2px}
.dd-oscuro .dd-cifra--pendiente{color:var(--dd-blanco)}
.dd-cifra-pie{display:block;font-size:18px;line-height:26px;color:var(--dd-titulo);margin-top:8px}
.dd-oscuro .dd-cifra-pie{color:rgba(255,255,255,.78)}
.dd-etq-display{display:block;font-family:var(--dd-display);font-size:32px;line-height:36px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--dd-titulo);padding-top:8px}
.dd-oscuro .dd-etq-display{color:var(--dd-blanco)}

/* S-H2-02 · declaración: marcador arriba, H2 condensado centrado 100/108,
   texto en columna a la derecha */
.dd-declaracion .dd-titulo2__bottom{justify-content:center;text-align:center}
:root .dd-declaracion h2{font-size:100px;line-height:108px;font-weight:600;text-transform:uppercase;max-width:1366px}
.dd-declaracion__cuerpo{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start;margin-top:24px}
.dd-declaracion__cuerpo>.dd-prosa{grid-column:2}
.dd-declaracion__cuerpo p{font-size:18px;line-height:28px}

/* Texto sencillo: marcador + H2 + columna de prosa (S-SD-02) */
.dd-texto__grid{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}
.dd-texto__grid>h2{grid-column:1}
.dd-texto__grid>.dd-prosa{grid-column:2}
.dd-texto__grid p{font-size:18px;line-height:28px}

/* S-H3-03 · texto e imagen: texto a la izquierda, imagen (o mosaico) a la derecha */
.dd-texto-imagen__grid{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:start}
.dd-texto-imagen__grid--inv{grid-template-columns:5fr 7fr}
.dd-texto-imagen__grid--inv>.dd-texto-imagen__media{order:-1}
.dd-texto-imagen__media{position:sticky;top:120px}
.dd-texto-imagen__grid p{font-size:18px;line-height:28px}
.dd-texto-imagen__texto h3{margin:32px 0 12px;font-size:36px;line-height:42px}
.dd-texto__grid h3{margin:32px 0 12px;font-size:36px;line-height:42px}

/* S-H2-05 / S-SV-01 · lista numerada de H3: número 01 /04 en display,
   nombre subrayado, texto debajo; imagen 3:2 a la izquierda si la hay */
.dd-lista__grid{display:grid;grid-template-columns:464px 1fr;gap:80px;align-items:start}
.dd-lista__aside{position:sticky;top:120px}
.dd-lista__aside p{font-size:18px;line-height:28px;margin-bottom:24px}
.dd-lista__items{list-style:none;display:flex;flex-direction:column;gap:0}
.dd-lista__item{display:grid;grid-template-columns:120px 1fr;gap:24px 40px;padding:32px 0;border-top:1px solid var(--dd-linea-suave)}
.dd-lista__item:last-child{border-bottom:1px solid var(--dd-linea-suave)}
.dd-num{font-family:var(--dd-display);font-size:56px;line-height:64px;font-weight:600;letter-spacing:.5px;color:var(--dd-titulo)}
.dd-num small{font-family:var(--dd-texto);font-size:16px;line-height:24px;font-weight:400;letter-spacing:.5px;color:var(--dd-cuerpo-2);margin-left:6px}
.dd-oscuro .dd-num{color:var(--dd-blanco)}
.dd-lista__item h3{font-size:40px;line-height:48px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:var(--dd-acento);margin-bottom:12px}
.dd-lista__item p{max-width:66ch}
.dd-lista__item .dd-enlaces{margin-top:16px}
.dd-lista__item .dd-img{max-width:560px;margin-bottom:24px}
.dd-lista__cola{margin-top:48px}
.dd-lista__cola p{font-size:18px;line-height:28px;max-width:66ch}

/* S-H2-04 · grid de tarjetas radio 24 con etiqueta píldora */
.dd-tarjetas__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.dd-tarjetas__grid--4{grid-template-columns:repeat(4,1fr)}
.dd-tarjetas__grid--5{grid-template-columns:repeat(5,1fr)}
.dd-tarjeta{display:flex;flex-direction:column;background:var(--dd-gris);border-radius:var(--dd-r-24);overflow:hidden;transition:transform var(--dd-transicion),background-color var(--dd-transicion)}
.dd-tarjeta:hover{transform:translateY(-4px)}
.dd-oscuro .dd-tarjeta{background:var(--dd-negro-2);border:1px solid var(--dd-linea-osc)}
.dd-tarjeta .dd-img{border-radius:0;aspect-ratio:4/3}
.dd-tarjeta__cuerpo{padding:24px 24px 32px;display:flex;flex-direction:column;gap:12px;flex:1}
.dd-tarjeta__cuerpo h3{font-size:32px;line-height:36px;text-transform:uppercase;letter-spacing:.02em}
.dd-tarjeta__cuerpo p{margin:0}
.dd-tarjeta__cuerpo .dd-tarjeta__nombre,.dd-tarjeta__cuerpo .dd-tarjeta__nombre strong{font-family:var(--dd-display);font-size:32px;line-height:36px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--dd-titulo)}
.dd-oscuro .dd-tarjeta__nombre strong{color:var(--dd-blanco)}
.dd-tarjeta__cuerpo .dd-enlaces{margin-top:auto;padding-top:12px}
.dd-tarjeta__cuerpo .dd-enlaces a{padding:10px 16px 10px 18px;font-size:14px;white-space:nowrap;gap:8px}

/* S-H2-06 · pasos en círculos: 256 px (los extremos 376), borde suave,
   título 40/38, píldora «Paso 01» */
.dd-pasos__grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;justify-items:center;margin-top:48px}
.dd-paso{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:376px;height:376px;padding:40px;border-radius:50%;background:var(--dd-blanco);border:1px solid var(--dd-linea-suave)}
.dd-oscuro .dd-paso{background:var(--dd-negro-2);border-color:var(--dd-linea-osc)}
.dd-pasos__grid>li:nth-child(2) .dd-paso{margin-top:120px}
.dd-paso h3,.dd-paso p.dd-paso__titulo{font-family:var(--dd-display);font-size:40px;line-height:40px;font-weight:600;color:var(--dd-titulo);margin:0 0 8px}
.dd-oscuro .dd-paso p.dd-paso__titulo{color:var(--dd-blanco)}
.dd-paso p{font-size:16px;line-height:24px;color:var(--dd-cuerpo-2);margin:0}
.dd-oscuro .dd-paso p{color:rgba(255,255,255,.7)}
.dd-paso__etq{position:absolute;left:0;bottom:30px;display:inline-block;padding:6px 19px;border-radius:40px 4px 40px 40px;background:var(--dd-acento);color:var(--dd-blanco);font-size:16px;line-height:24px;font-weight:500}
.dd-pasos__cola{margin-top:64px;max-width:66ch}
.dd-pasos__cola p{font-size:18px;line-height:28px}

/* S-SV-02 · tabla en caja gris: filas grid, primera columna en display */
.dd-tabla{width:100%;border-collapse:collapse;background:var(--dd-gris-2);border-radius:var(--dd-r-16);overflow:hidden;margin-top:32px}
.dd-tabla th,.dd-tabla td{text-align:left;vertical-align:top;padding:24px 32px;border-bottom:1px solid var(--dd-linea);font-size:16px;line-height:24px;color:var(--dd-cuerpo)}
.dd-tabla thead th{font-family:var(--dd-texto);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dd-cuerpo-2);padding-top:32px}
.dd-tabla tbody td:first-child,.dd-tabla tbody th{font-family:var(--dd-display);font-size:28px;line-height:32px;font-weight:600;letter-spacing:.02em;color:var(--dd-titulo);width:32%}
.dd-tabla tbody td:nth-child(2){font-weight:500;color:var(--dd-titulo)}
.dd-tabla tbody tr:last-child td{border-bottom:0}
.dd-oscuro .dd-tabla{background:var(--dd-negro-2)}
.dd-oscuro .dd-tabla td,.dd-oscuro .dd-tabla th{color:rgba(255,255,255,.78);border-color:var(--dd-linea-osc)}
.dd-oscuro .dd-tabla tbody td:first-child{color:var(--dd-blanco)}
.dd-tabla-wrap{overflow-x:auto}

/* FAQ · <details> con H4 en el summary; +/− en círculo como el acordeón del SCSS */
.dd-faq__lista{margin-top:32px;border-top:1px solid var(--dd-linea)}
.dd-faq__item{border-bottom:1px solid var(--dd-linea)}
.dd-faq__item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}
.dd-faq__item summary::-webkit-details-marker{display:none}
.dd-faq__item summary h4{font-size:24px;line-height:32px;font-weight:600}
.dd-faq__item summary::after{content:"+";flex:0 0 32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--dd-titulo);border-radius:50%;font-size:20px;font-weight:700;line-height:1;color:var(--dd-titulo);transition:background-color var(--dd-transicion),color var(--dd-transicion)}
.dd-faq__item[open] summary::after{content:"−";background:var(--dd-titulo);color:var(--dd-blanco)}
.dd-faq__item summary:hover h4{color:var(--dd-acento)}
.dd-faq__cuerpo{padding:0 0 32px;max-width:72ch}
.dd-faq__cuerpo p{font-size:17px;line-height:26px}
.dd-oscuro .dd-faq__item summary::after{border-color:var(--dd-blanco);color:var(--dd-blanco)}
.dd-oscuro .dd-faq__item[open] summary::after{background:var(--dd-blanco);color:var(--dd-negro)}

/* S-H2-09 · CTA oscuro centrado: cabecera tipo 2, fila de enlaces, botón */
.dd-cta{background:var(--dd-negro);color:var(--dd-blanco);text-align:center}
.dd-cta__inner{display:flex;flex-direction:column;align-items:center;position:relative}
.dd-cta .dd-titulo2{max-width:1000px;margin-bottom:24px}
.dd-cta .dd-prosa{max-width:66ch;text-align:center;margin:0 auto 32px}
.dd-cta .dd-prosa p{font-size:18px;line-height:28px}
.dd-cta__contacto{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 40px;margin:0 0 48px;font-family:var(--dd-texto);font-size:20px;line-height:28px;font-weight:600;text-transform:uppercase}
.dd-cta__contacto .dd-tel{font-family:var(--dd-texto);font-size:20px;letter-spacing:-.48px}
.dd-cta .dd-acciones{justify-content:center;margin-top:0}
.dd-cta__lateral{position:absolute;top:40px;width:200px;max-width:14%;opacity:.8}
.dd-cta--compacta .dd-cta__lateral{display:none}
.dd-cta--compacta{padding-top:80px;padding-bottom:80px}
.dd-cta__lateral--izq{left:0}.dd-cta__lateral--der{right:0;top:auto;bottom:0}
.dd-cta__lateral .dd-img{border-radius:var(--dd-r-16)}

/* S-CT-01/02 · presupuesto: primera pantalla oscura con H1 + entradilla a la
   izquierda y tarjeta de formulario a la derecha */
.dd-contacto{background:var(--dd-negro);color:var(--dd-blanco);padding-top:200px;padding-bottom:120px}
.dd-contacto__grid{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}
:root .dd-contacto h1{font-size:80px;line-height:84px;font-weight:700;color:var(--dd-blanco)}
.dd-contacto__texto p{font-size:20px;line-height:30px;margin-top:24px;max-width:46ch;color:rgba(255,255,255,.8)}
.dd-formulario{background:var(--dd-gris-2);color:var(--dd-cuerpo);border-radius:var(--dd-r-24);padding:48px;scroll-margin-top:120px}
.dd-oscuro .dd-formulario p{color:var(--dd-cuerpo)}
.dd-oscuro .dd-formulario p.dd-formulario__titulo{color:var(--dd-titulo)}
.dd-formulario__titulo{font-family:var(--dd-display);font-size:48px;line-height:56px;font-weight:700;letter-spacing:1px;color:var(--dd-titulo);margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--dd-titulo)}
.dd-formulario__hueco{min-height:320px;border:1px dashed var(--dd-linea);border-radius:var(--dd-r-16);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--dd-cuerpo-2);font-size:14px;line-height:20px}
.dd-formulario__hueco:empty::before{content:"Formulario de presupuesto (pendiente de plugin)"}
.dd-datos{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}
.dd-datos li{padding:24px 0;border-top:1px solid var(--dd-linea)}
.dd-datos strong{display:block;font-family:var(--dd-display);font-size:32px;line-height:40px;font-weight:700;letter-spacing:1px;margin-bottom:4px}
.dd-oscuro .dd-datos li{border-color:var(--dd-linea-osc)}

/* S-TD-01 · firma de la página de taller */
.dd-firma{text-align:center}
.dd-firma__nombre{font-family:var(--dd-display);font-size:72px;line-height:76px;font-weight:700;text-transform:uppercase;color:var(--dd-titulo);max-width:900px;margin:0 auto 24px}
.dd-firma__cita{font-size:24px;line-height:36px;font-style:italic;max-width:40ch;margin:0 auto 32px;color:var(--dd-cuerpo)}
.dd-firma .dd-acciones{justify-content:center}

/* Bloque pendiente de decisión (párrafo entero entre ⟦ ⟧) */
.dd-pendiente-bloque{background:var(--dd-gris);border-left:3px solid var(--dd-acento);border-radius:var(--dd-r-10);padding:24px 32px;margin:24px 0;max-width:66ch}
.dd-oscuro .dd-pendiente-bloque{background:var(--dd-negro-2)}

/* ==========================================================================
   5 · Pie · S-FT-01
   ========================================================================== */
.dd-pie{background:var(--dd-negro);color:var(--dd-blanco);padding:120px 0 64px;position:relative;overflow:hidden}
.dd-pie__caja{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:0 40px;border-radius:var(--dd-r-24);background:rgba(255,255,255,.06);border:1px solid var(--dd-linea)}
.dd-pie__col{padding:40px 40px 35px 0}
.dd-pie__col:not(:last-child){border-right:1px solid var(--dd-linea)}
.dd-pie__col:last-child{padding-right:0}
.dd-pie__titulo{font-family:var(--dd-texto);font-size:18px;line-height:26px;font-weight:500;color:var(--dd-blanco);margin:0 0 100px}
.dd-pie__grande,.dd-pie__grande a,.dd-pie__lista a{font-family:var(--dd-display);font-size:40px;line-height:48px;font-weight:500;color:var(--dd-blanco);letter-spacing:.01em}
.dd-pie__grande a:hover,.dd-pie__lista a:hover{color:var(--dd-acento)}
.dd-pie__lista{list-style:none;display:flex;flex-direction:column;gap:2px}
.dd-pie__lista a{font-size:30px;line-height:38px}
.dd-pie__legal{position:relative;z-index:1;margin-top:48px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px;line-height:20px;color:rgba(255,255,255,.55)}
.dd-pie__legal a{color:rgba(255,255,255,.7)}
.dd-pie__legal a:hover{color:var(--dd-acento)}
.dd-pie p.dd-pie__marca{position:absolute;left:50%;bottom:-.22em;transform:translateX(-50%);font-family:var(--dd-display);font-size:24vw;line-height:1;font-weight:800;text-transform:uppercase;color:rgba(255,255,255,.035);z-index:0;margin:0;white-space:nowrap;pointer-events:none;user-select:none}

/* ==========================================================================
   6 · Producción: notas, pendientes, huecos
   ========================================================================== */
.dedalo-nota{display:none}
mark.dedalo-pendiente,.dedalo-pendiente{background:#FFE8DC;color:#8A2B00;border-bottom:2px solid var(--dd-acento);padding:.1em .3em;border-radius:3px;font-weight:600}
.dd-oscuro mark.dedalo-pendiente{background:rgba(255,89,20,.18);color:#FFB08A}
.entry-content>.dd-seccion,.entry-content>section{max-width:none;margin:0}

/* ==========================================================================
   7 · Accesibilidad y movimiento
   ========================================================================== */
a:focus-visible,summary:focus-visible{outline:2px solid var(--dd-acento);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important}}

/* ==========================================================================
   8 · Media queries · 1919 / 1399 / 1199 / 991 / 767 / 575 (Bootstrap de Webrix)
   ========================================================================== */
@media (max-width:1919px){
  :root{--dd-seccion:90px}
}
@media (max-width:1399px){
  :root{--dd-seccion:80px}
  :root .dd-hero h1{font-size:104px}
  :root .dd-banner h1{font-size:80px;line-height:84px}
  :root .dd-declaracion h2,:root .dd-titulo2 h2{font-size:80px;line-height:88px}
  .dd-cifra{font-size:80px;line-height:72px;letter-spacing:4px}
  .dd-lista__grid{grid-template-columns:350px 1fr;gap:48px}
  .dd-paso{width:300px;height:300px;padding:32px}
  .dd-tarjetas__grid--5{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1199px){
  :root{--dd-seccion:60px}
  .dd-nav>li>a,.dd-nav>li>details>summary{padding:29px 10px;font-size:16px}
  :root h1{font-size:72px;line-height:76px}
  :root .dd-hero h1{font-size:88px}
  :root h2{font-size:52px;line-height:60px}
  :root .dd-declaracion h2,:root .dd-titulo2 h2{font-size:64px;line-height:72px}
  .dd-hero{padding-top:180px;padding-bottom:120px}
  .dd-cifra{font-size:60px;line-height:56px;letter-spacing:2px}
  .dd-etq-display{font-size:26px;line-height:30px}
  .dd-lista__item h3{font-size:32px;line-height:40px}
  .dd-num{font-size:40px;line-height:48px}
  .dd-lista__item{grid-template-columns:90px 1fr;gap:16px 24px}
  .dd-tarjetas__grid,.dd-tarjetas__grid--4{grid-template-columns:repeat(2,1fr)}
  .dd-pasos__grid{gap:24px}
  .dd-paso{width:256px;height:256px;padding:24px}
  .dd-paso h3,.dd-paso p.dd-paso__titulo{font-size:32px;line-height:32px}
  .dd-pie__caja{grid-template-columns:repeat(2,1fr);padding:0 24px}
  .dd-pie__col:nth-child(2){border-right:0}
  .dd-pie__titulo{margin-bottom:40px}
  .dd-pie__grande,.dd-pie__grande a,.dd-pie__lista a{font-size:30px;line-height:36px}
  .dd-cta__lateral{display:none}
}
@media (max-width:991px){
  .dd-nav{display:none}
  .dd-menu-movil{display:block}
  .dd-cabecera__derecha .dd-btn{display:none}
  .dd-menu-movil__panel{position:absolute;top:100%;left:0;right:0;background:#232529;padding:16px 24px 24px;list-style:none;display:flex;flex-direction:column;z-index:60;max-height:calc(100vh - 100px);overflow:auto}
  .dd-menu-movil__panel a,.dd-menu-movil__panel summary{display:block;padding:12px 0;font-family:var(--dd-display);font-size:22px;line-height:24px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--dd-blanco);border-bottom:1px solid var(--dd-linea-osc);list-style:none;cursor:pointer}
  .dd-menu-movil__panel summary::-webkit-details-marker{display:none}
  .dd-menu-movil__panel .dd-submenu{list-style:none;padding:8px 0 8px 16px}
  .dd-menu-movil__panel .dd-submenu a{font-size:18px;font-weight:500;text-transform:none;border-bottom:0;padding:8px 0}
  .dd-menu-movil__panel .dd-btn{margin-top:16px;align-self:flex-start}
  .dd-hero{padding-top:150px;padding-bottom:80px}
  .dd-hero__wrapper{flex-wrap:wrap}
  .dd-hero__der{margin-left:0;align-items:flex-start;text-align:left;flex-basis:100%;margin-top:30px}
  .dd-hero__der .dd-acciones{justify-content:flex-start}
  .dd-hero__scroll{display:none}
  :root .dd-hero h1{font-size:64px}
  .dd-banner{padding-top:150px}
  :root .dd-banner h1{font-size:60px;line-height:64px}
  :root h2{font-size:44px;line-height:50px}
  :root .dd-declaracion h2,:root .dd-titulo2 h2{font-size:48px;line-height:56px}
  .dd-intro__fila,.dd-declaracion__cuerpo,.dd-texto__grid,.dd-texto-imagen__grid,.dd-texto-imagen__grid--inv,.dd-lista__grid,.dd-contacto__grid{grid-template-columns:1fr;gap:32px}
  .dd-declaracion__cuerpo>.dd-prosa,.dd-texto__grid>.dd-prosa{grid-column:1}
  .dd-texto-imagen__grid--inv>.dd-texto-imagen__media{order:0}
  .dd-texto-imagen__media,.dd-lista__aside{position:static}
  .dd-pasos__grid{grid-template-columns:1fr;justify-items:center}
  .dd-pasos__grid>li:nth-child(2) .dd-paso{margin-top:0}
  .dd-datos{grid-template-columns:1fr;gap:0}
  :root .dd-contacto h1{font-size:56px;line-height:60px}
  .dd-contacto{padding-top:150px;padding-bottom:60px}
  .dd-mosaico--4{grid-template-columns:repeat(2,1fr)}
  .dd-tabla th,.dd-tabla td{padding:16px 20px}
  .dd-tabla tbody td:first-child{font-size:22px;line-height:26px}
  .dd-firma__nombre{font-size:48px;line-height:52px}
}
@media (max-width:767px){
  :root{--dd-seccion:56px}
  :root h1,:root .dd-hero h1,:root .dd-banner h1{font-size:48px;line-height:50px}
  :root h2,:root .dd-declaracion h2,:root .dd-titulo2 h2{font-size:36px;line-height:42px}
  :root h3{font-size:26px;line-height:32px}
  .dd-lista__item h3{font-size:26px;line-height:32px}
  .dd-lista__item{grid-template-columns:1fr;gap:8px}
  .dd-tarjetas__grid,.dd-tarjetas__grid--4,.dd-tarjetas__grid--5{grid-template-columns:1fr}
  .dd-mosaico--3{grid-template-columns:1fr}
  .dd-pie__caja{grid-template-columns:1fr;padding:0 20px}
  .dd-pie__col,.dd-pie__col:not(:last-child){border-right:0;padding:24px 0;border-bottom:1px solid var(--dd-linea)}
  .dd-pie__col:last-child{border-bottom:0}
  .dd-pie{padding-top:64px}
  .dd-banda__lista{gap:24px}
  .dd-cifra{font-size:56px;line-height:52px}
  .dd-btn__texto{padding:16px 24px}
  .dd-titulo2__sub{font-size:18px;line-height:26px}
  .dd-marcador{font-size:15px;gap:20px}
  .dd-marcador::before{width:40px}
  .dd-faq__item summary h4{font-size:19px;line-height:26px}
  .dd-hero__pildora{padding:12px 24px 12px 12px}
}
@media (max-width:575px){
  :root h1,:root .dd-hero h1,:root .dd-banner h1{font-size:40px;line-height:42px}
  .dd-hero{padding-top:130px}
  .dd-banner{padding-top:130px}
  .dd-mosaico--2,.dd-mosaico--4{grid-template-columns:1fr}
  .dd-paso{width:100%;max-width:300px;height:auto;aspect-ratio:1;padding:24px}
  .dd-formulario{padding:24px}
  .dd-cifra{font-size:48px;line-height:46px;letter-spacing:1px}
  .dd-migas{font-size:18px;gap:24px}
  .dd-tel{font-size:20px}
}