.elementor-kit-7{--e-global-color-primary:#082F5B;--e-global-color-secondary:#041D38;--e-global-color-text:#17202A;--e-global-color-accent:#61CE70;--e-global-color-ff5e15d:#041D38;--e-global-color-b40d093:#D71920;--e-global-color-60bd0ee:#F4F6F8;--e-global-color-4dddc4a:#FFFFFF;--e-global-color-5bec6e8:#25D366;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#17202A;font-family:"Open Sans", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"Montserrat", Sans-serif;}.elementor-kit-7 h2{font-family:"Montserrat", Sans-serif;}.elementor-kit-7 h3{font-family:"Montserrat", Sans-serif;}.elementor-kit-7 h4{font-family:"Montserrat", Sans-serif;}.elementor-kit-7 h5{font-family:"Montserrat", Sans-serif;}.elementor-kit-7 h6{font-family:"Montserrat", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   DESGUACES QUINTANA · CSS DEFINITIVO CORREGIDO
   Fecha: 05/08/2026

   Corrección aplicada:
   - La clase .dq-hero ya no sustituye la imagen configurada
     en Elementor mediante la propiedad abreviada background.
   - La fotografía y su opacidad se controlan desde Elementor:
     Fondo + Capa de fondo.
   - Se conserva el resto del CSS tal como estaba funcionando.\n   - Solicitar repuesto: la foto ya no usa background-size: cover;\n     se limita su ampliación para reducir pérdida de nitidez.
   ========================================================= */

/* =========================================================
   DESGUACE QUINTANA
   ESTILOS GLOBALES
   ========================================================= */

:root {
    --dq-azul: #082f5b;
    --dq-azul-oscuro: #041d38;
    --dq-rojo: #d71920;
    --dq-rojo-oscuro: #ad1117;
    --dq-verde: #25d366;

    --dq-texto: #17202a;
    --dq-texto-secundario: #667085;

    --dq-fondo: #f4f6f8;
    --dq-blanco: #ffffff;
    --dq-borde: #dce2e8;

    --dq-radio: 12px;
    --dq-sombra: 0 12px 35px rgba(16, 24, 40, 0.10);

    --dq-ancho: 1200px;
}


/* =========================================================
   BASE
   ========================================================= */

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--dq-texto);
    background: var(--dq-blanco);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

* {
    box-sizing: border-box;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

a {
    color: var(--dq-azul);
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--dq-rojo);
}


/* =========================================================
   CONTENEDORES
   ========================================================= */

.dq-contenedor {
    width: min(100% - 40px, var(--dq-ancho));
    margin-right: auto;
    margin-left: auto;
}

.dq-seccion {
    padding-top: 80px;
    padding-bottom: 80px;
}

.dq-seccion-gris {
    background: var(--dq-fondo);
}

.dq-seccion-oscura {
    color: var(--dq-blanco);
    background: var(--dq-azul-oscuro);
}


/* =========================================================
   TÍTULOS
   ========================================================= */

.dq-titulo-seccion {
    margin: 0 0 16px;
    color: var(--dq-azul);
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.6px;
}

.dq-subtitulo-seccion {
    max-width: 760px;
    margin: 0 0 35px;
    color: var(--dq-texto-secundario);
    font-size: 18px;
    line-height: 1.65;
}

.dq-etiqueta {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--dq-rojo);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/* =========================================================
   BOTONES
   ========================================================= */

.dq-boton .elementor-button,
a.dq-boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 52px;
    padding: 14px 25px;

    color: var(--dq-blanco);
    background: var(--dq-rojo);
    border: 2px solid var(--dq-rojo);
    border-radius: 8px;

    font-size: 15px;
    line-height: 1.2;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;

    box-shadow: 0 10px 24px rgba(215, 25, 32, 0.22);

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.dq-boton .elementor-button:hover,
a.dq-boton:hover {
    color: var(--dq-blanco);
    background: var(--dq-rojo-oscuro);
    border-color: var(--dq-rojo-oscuro);
    box-shadow: 0 14px 30px rgba(173, 17, 23, 0.28);
    transform: translateY(-2px);
}


/* BOTÓN AZUL */

.dq-boton-azul .elementor-button,
a.dq-boton-azul {
    color: var(--dq-blanco);
    background: var(--dq-azul);
    border-color: var(--dq-azul);
    box-shadow: 0 10px 24px rgba(8, 47, 91, 0.20);
}

.dq-boton-azul .elementor-button:hover,
a.dq-boton-azul:hover {
    color: var(--dq-blanco);
    background: var(--dq-azul-oscuro);
    border-color: var(--dq-azul-oscuro);
}


/* BOTÓN CONTORNO */

.dq-boton-contorno .elementor-button,
a.dq-boton-contorno {
    color: var(--dq-azul);
    background: transparent;
    border-color: var(--dq-azul);
    box-shadow: none;
}

.dq-boton-contorno .elementor-button:hover,
a.dq-boton-contorno:hover {
    color: var(--dq-blanco);
    background: var(--dq-azul);
}


/* BOTÓN WHATSAPP */

.dq-boton-whatsapp .elementor-button,
a.dq-boton-whatsapp {
    color: var(--dq-blanco);
    background: var(--dq-verde);
    border-color: var(--dq-verde);
    box-shadow: 0 10px 24px rgba(37, 211, 102, 0.22);
}

.dq-boton-whatsapp .elementor-button:hover,
a.dq-boton-whatsapp:hover {
    color: var(--dq-blanco);
    background: #1fad53;
    border-color: #1fad53;
}


/* =========================================================
   TARJETAS
   ========================================================= */

.dq-tarjeta {
    height: 100%;
    padding: 28px;
    background: var(--dq-blanco);
    border: 1px solid var(--dq-borde);
    border-radius: var(--dq-radio);
    box-shadow: var(--dq-sombra);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.dq-tarjeta:hover {
    box-shadow: 0 18px 45px rgba(16, 24, 40, 0.15);
    transform: translateY(-5px);
}

.dq-tarjeta h3 {
    margin: 0 0 10px;
    color: var(--dq-azul);
    font-size: 22px;
    line-height: 1.25;
    font-weight: 800;
}

.dq-tarjeta p {
    margin: 0;
    color: var(--dq-texto-secundario);
    font-size: 15px;
    line-height: 1.65;
}


/* =========================================================
   FORMULARIOS GENERALES
   ========================================================= */

.dq-formulario {
    padding: 35px;
    background: var(--dq-blanco);
    border: 1px solid var(--dq-borde);
    border-radius: 16px;
    box-shadow: var(--dq-sombra);
}

.dq-formulario .elementor-field-label {
    margin-bottom: 7px;
    color: var(--dq-texto);
    font-size: 14px;
    font-weight: 700;
}

.dq-formulario input.elementor-field,
.dq-formulario select.elementor-field,
.dq-formulario textarea.elementor-field {
    width: 100%;
    min-height: 52px;
    padding: 13px 15px;

    color: var(--dq-texto);
    background: #f8fafc;
    border: 1px solid var(--dq-borde);
    border-radius: 8px;

    font-size: 16px;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.dq-formulario textarea.elementor-field {
    min-height: 130px;
    resize: vertical;
}

.dq-formulario input.elementor-field:focus,
.dq-formulario select.elementor-field:focus,
.dq-formulario textarea.elementor-field:focus {
    outline: none;
    background: var(--dq-blanco);
    border-color: var(--dq-azul);
    box-shadow: 0 0 0 4px rgba(8, 47, 91, 0.10);
}

.dq-formulario .elementor-button {
    width: 100%;
    min-height: 56px;

    color: var(--dq-blanco);
    background: var(--dq-rojo);
    border: 0;
    border-radius: 8px;

    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

.dq-formulario .elementor-button:hover {
    color: var(--dq-blanco);
    background: var(--dq-rojo-oscuro);
    transform: translateY(-2px);
}


/* =========================================================
   BLOG
   ========================================================= */

.dq-blog-card {
    height: 100%;
    overflow: hidden;
    background: var(--dq-blanco);
    border: 1px solid var(--dq-borde);
    border-radius: var(--dq-radio);
    box-shadow: var(--dq-sombra);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.dq-blog-card:hover {
    box-shadow: 0 18px 45px rgba(16, 24, 40, 0.15);
    transform: translateY(-5px);
}

.dq-blog-card img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.dq-blog-card-contenido {
    padding: 24px;
}

.dq-blog-card-categoria {
    margin-bottom: 8px;
    color: var(--dq-rojo);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.dq-blog-card h2,
.dq-blog-card h3 {
    margin: 0 0 10px;
    color: var(--dq-azul);
    font-size: 22px;
    line-height: 1.3;
    font-weight: 800;
}

.dq-blog-card p {
    margin: 0;
    color: var(--dq-texto-secundario);
    font-size: 15px;
    line-height: 1.6;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .dq-seccion {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .dq-formulario {
        padding: 28px;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .dq-contenedor {
        width: min(100% - 28px, var(--dq-ancho));
    }

    .dq-seccion {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .dq-titulo-seccion {
        font-size: 31px;
    }

    .dq-subtitulo-seccion {
        margin-bottom: 25px;
        font-size: 16px;
    }

    .dq-tarjeta {
        padding: 22px;
    }

    .dq-formulario {
        padding: 22px 16px;
        border-radius: 12px;
    }

    .dq-formulario .elementor-field-group {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .dq-boton .elementor-button,
    a.dq-boton {
        width: 100%;
    }

}
/* =========================================================
   DESGUACES QUINTANA
   CSS GLOBAL PARA ELEMENTOR PRO
   ========================================================= */


/* =========================================================
   01. VARIABLES GENERALES
   ========================================================= */

:root {
    --dq-verde: #146c43;
    --dq-verde-oscuro: #0b442d;
    --dq-verde-claro: #e9f5ef;

    --dq-amarillo: #f4b400;
    --dq-amarillo-hover: #d99e00;

    --dq-negro: #101820;
    --dq-gris-900: #1b252d;
    --dq-gris-700: #4c5963;
    --dq-gris-500: #7a858d;
    --dq-gris-300: #d6dce0;
    --dq-gris-200: #e9edef;
    --dq-gris-100: #f5f7f8;

    --dq-blanco: #ffffff;
    --dq-rojo: #c93232;

    --dq-ancho: 1240px;

    --dq-radio-pequeno: 8px;
    --dq-radio: 14px;
    --dq-radio-grande: 24px;

    --dq-sombra:
        0 12px 35px rgba(16, 24, 32, 0.10);

    --dq-sombra-hover:
        0 20px 45px rgba(16, 24, 32, 0.16);

    --dq-transicion:
        all 0.25s ease;
}


/* =========================================================
   02. ESTILOS GENERALES
   ========================================================= */

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    background: var(--dq-blanco);
    color: var(--dq-gris-900);
}

.dq-web {
    width: 100%;
    overflow: hidden;
}

.dq-web *,
.dq-web *::before,
.dq-web *::after {
    box-sizing: border-box;
}

.dq-web h1,
.dq-web h2,
.dq-web h3,
.dq-web h4,
.dq-web h5,
.dq-web h6 {
    margin-top: 0;
    color: var(--dq-negro);
    font-weight: 800;
    line-height: 1.15;
}

.dq-web p {
    color: var(--dq-gris-700);
    line-height: 1.75;
}

.dq-web a {
    transition: var(--dq-transicion);
}


/* =========================================================
   03. CONTENEDORES Y SECCIONES
   ========================================================= */

.dq-contenedor {
    width: min(100% - 40px, var(--dq-ancho));
    margin-inline: auto;
}

.dq-seccion {
    padding: 90px 20px;
}

.dq-seccion-clara {
    background: var(--dq-gris-100);
}

.dq-seccion-verde {
    background:
        linear-gradient(
            135deg,
            var(--dq-verde-oscuro),
            var(--dq-verde)
        );
}

.dq-seccion-oscura {
    background: var(--dq-negro);
}

.dq-seccion-amarilla {
    background: var(--dq-amarillo);
}

.dq-seccion-corta {
    padding-top: 55px;
    padding-bottom: 55px;
}


/* =========================================================
   04. ENCABEZADOS DE SECCIÓN
   ========================================================= */

.dq-cabecera-seccion {
    max-width: 780px;
    margin: 0 auto 50px;
    text-align: center;
}

.dq-etiqueta {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 14px;
    padding: 7px 14px;

    background: var(--dq-verde-claro);
    color: var(--dq-verde);

    border-radius: 999px;

    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.dq-titulo {
    margin-bottom: 18px;
    font-size: clamp(30px, 4vw, 48px);
}

.dq-subtitulo {
    max-width: 720px;
    margin: 0 auto;

    color: var(--dq-gris-700);
    font-size: 18px;
    line-height: 1.7;
}

.dq-seccion-verde .dq-titulo,
.dq-seccion-oscura .dq-titulo,
.dq-seccion-verde h2,
.dq-seccion-oscura h2 {
    color: var(--dq-blanco);
}

.dq-seccion-verde p,
.dq-seccion-oscura p {
    color: rgba(255, 255, 255, 0.82);
}


/* =========================================================
   05. HERO PRINCIPAL
   ========================================================= */

.dq-hero {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 680px;
    padding: 100px 25px;

}

.dq-hero::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 70%,
            rgba(0, 0, 0, 0.18) 100%
        );
}

.dq-hero-contenido {
    position: relative;
    z-index: 2;

    width: min(100%, 760px);
}

.dq-hero-etiqueta {
    display: inline-flex;
    align-items: center;

    margin-bottom: 22px;
    padding: 9px 17px;

    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;

    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(8px);

    color: var(--dq-blanco);
    font-size: 14px;
    font-weight: 700;
}

.dq-hero h1 {
    max-width: 800px;
    margin-bottom: 25px;

    color: var(--dq-blanco);
    font-size: clamp(42px, 6vw, 72px);
    letter-spacing: -2px;
}

.dq-hero p {
    max-width: 690px;
    margin-bottom: 35px;

    color: rgba(255, 255, 255, 0.88);
    font-size: clamp(18px, 2vw, 22px);
    line-height: 1.6;
}

.dq-hero-botones {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}


/* HERO INTERIOR */

.dq-hero-interior {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 390px;
    padding: 85px 25px;

    text-align: center;

    background:
        linear-gradient(
            135deg,
            rgba(11, 68, 45, 0.98),
            rgba(20, 108, 67, 0.90)
        );
}

.dq-hero-interior::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: 0.09;

    background-image:
        linear-gradient(
            45deg,
            #ffffff 25%,
            transparent 25%
        ),
        linear-gradient(
            -45deg,
            #ffffff 25%,
            transparent 25%
        ),
        linear-gradient(
            45deg,
            transparent 75%,
            #ffffff 75%
        ),
        linear-gradient(
            -45deg,
            transparent 75%,
            #ffffff 75%
        );

    background-size: 32px 32px;
    background-position:
        0 0,
        0 16px,
        16px -16px,
        -16px 0;
}

.dq-hero-interior > * {
    position: relative;
    z-index: 2;
}

.dq-hero-interior h1 {
    margin-bottom: 16px;
    color: var(--dq-blanco);
    font-size: clamp(38px, 5vw, 60px);
}

.dq-hero-interior p {
    max-width: 760px;
    margin: 0 auto;

    color: rgba(255, 255, 255, 0.86);
    font-size: 19px;
}


/* =========================================================
   06. BOTONES
   ========================================================= */

.dq-boton .elementor-button,
a.dq-boton,
button.dq-boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 52px;
    padding: 14px 28px;

    border: 2px solid var(--dq-verde);
    border-radius: var(--dq-radio-pequeno);

    background: var(--dq-verde);
    color: var(--dq-blanco);

    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;

    box-shadow: 0 8px 20px rgba(20, 108, 67, 0.20);
    transition: var(--dq-transicion);
}

.dq-boton .elementor-button:hover,
a.dq-boton:hover,
button.dq-boton:hover {
    border-color: var(--dq-verde-oscuro);
    background: var(--dq-verde-oscuro);
    color: var(--dq-blanco);

    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(20, 108, 67, 0.28);
}

.dq-boton-amarillo .elementor-button {
    border-color: var(--dq-amarillo);
    background: var(--dq-amarillo);
    color: var(--dq-negro);
    box-shadow: 0 8px 20px rgba(244, 180, 0, 0.25);
}

.dq-boton-amarillo .elementor-button:hover {
    border-color: var(--dq-amarillo-hover);
    background: var(--dq-amarillo-hover);
    color: var(--dq-negro);
}

.dq-boton-blanco .elementor-button {
    border-color: var(--dq-blanco);
    background: var(--dq-blanco);
    color: var(--dq-verde-oscuro);
}

.dq-boton-blanco .elementor-button:hover {
    border-color: var(--dq-verde-claro);
    background: var(--dq-verde-claro);
    color: var(--dq-verde-oscuro);
}

.dq-boton-contorno .elementor-button {
    border-color: rgba(255, 255, 255, 0.65);
    background: transparent;
    color: var(--dq-blanco);
    box-shadow: none;
}

.dq-boton-contorno .elementor-button:hover {
    border-color: var(--dq-blanco);
    background: var(--dq-blanco);
    color: var(--dq-verde-oscuro);
}


/* =========================================================
   07. CUADRÍCULAS
   ========================================================= */

.dq-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}

.dq-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.dq-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}


/* =========================================================
   08. TARJETAS
   ========================================================= */

.dq-tarjeta {
    position: relative;

    height: 100%;
    padding: 32px;

    border: 1px solid var(--dq-gris-200);
    border-radius: var(--dq-radio);

    background: var(--dq-blanco);
    box-shadow: var(--dq-sombra);

    transition: var(--dq-transicion);
}

.dq-tarjeta:hover {
    border-color: rgba(20, 108, 67, 0.35);

    transform: translateY(-7px);
    box-shadow: var(--dq-sombra-hover);
}

.dq-tarjeta::before {
    content: "";

    position: absolute;
    top: 0;
    left: 32px;
    right: 32px;

    height: 4px;

    border-radius: 0 0 5px 5px;
    background: var(--dq-verde);

    transform: scaleX(0);
    transform-origin: left;
    transition: var(--dq-transicion);
}

.dq-tarjeta:hover::before {
    transform: scaleX(1);
}

.dq-tarjeta h3 {
    margin-bottom: 14px;
    font-size: 23px;
}

.dq-tarjeta p:last-child {
    margin-bottom: 0;
}

.dq-icono {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 62px;
    height: 62px;
    margin-bottom: 22px;

    border-radius: 16px;

    background: var(--dq-verde-claro);
    color: var(--dq-verde);

    font-size: 27px;
}

.dq-tarjeta-destacada {
    border-color: var(--dq-verde);
    background:
        linear-gradient(
            145deg,
            var(--dq-verde-oscuro),
            var(--dq-verde)
        );
}

.dq-tarjeta-destacada h3 {
    color: var(--dq-blanco);
}

.dq-tarjeta-destacada p {
    color: rgba(255, 255, 255, 0.82);
}

.dq-tarjeta-destacada .dq-icono {
    background: rgba(255, 255, 255, 0.14);
    color: var(--dq-blanco);
}


/* =========================================================
   09. PROCESO POR PASOS
   ========================================================= */

.dq-pasos {
    counter-reset: dq-paso;
}

.dq-paso {
    position: relative;

    min-height: 100%;
    padding: 35px 28px;

    border-radius: var(--dq-radio);
    background: var(--dq-blanco);
    box-shadow: var(--dq-sombra);

    counter-increment: dq-paso;
}

.dq-paso::before {
    content: counter(dq-paso);

    display: flex;
    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;
    margin-bottom: 22px;

    border-radius: 50%;

    background: var(--dq-amarillo);
    color: var(--dq-negro);

    font-size: 20px;
    font-weight: 900;
}

.dq-paso h3 {
    margin-bottom: 12px;
    font-size: 22px;
}


/* =========================================================
   10. LISTAS CON MARCAS
   ========================================================= */

.dq-lista {
    padding: 0;
    margin: 0;
    list-style: none;
}

.dq-lista li {
    position: relative;

    margin-bottom: 13px;
    padding-left: 32px;

    color: var(--dq-gris-700);
    line-height: 1.55;
}

.dq-lista li::before {
    content: "✓";

    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 21px;
    height: 21px;

    border-radius: 50%;

    background: var(--dq-verde-claro);
    color: var(--dq-verde);

    font-size: 13px;
    font-weight: 900;
}


/* =========================================================
   11. FORMULARIOS DE ELEMENTOR PRO
   ========================================================= */

.dq-formulario {
    padding: 38px;

    border: 1px solid var(--dq-gris-200);
    border-radius: var(--dq-radio-grande);

    background: var(--dq-blanco);
    box-shadow: var(--dq-sombra);
}

.dq-formulario .elementor-field-group {
    margin-bottom: 20px;
}

.dq-formulario .elementor-field-label {
    margin-bottom: 8px;

    color: var(--dq-gris-900);
    font-size: 14px;
    font-weight: 800;
}

.dq-formulario input:not([type="checkbox"]):not([type="radio"]),
.dq-formulario select,
.dq-formulario textarea {
    width: 100%;
    min-height: 52px;
    padding: 13px 16px;

    border: 1px solid var(--dq-gris-300) !important;
    border-radius: var(--dq-radio-pequeno) !important;

    background: var(--dq-gris-100) !important;
    color: var(--dq-negro) !important;

    font-size: 16px;

    transition: var(--dq-transicion);
}

.dq-formulario textarea {
    min-height: 145px;
    resize: vertical;
}

.dq-formulario input:focus,
.dq-formulario select:focus,
.dq-formulario textarea:focus {
    outline: none;

    border-color: var(--dq-verde) !important;
    background: var(--dq-blanco) !important;

    box-shadow:
        0 0 0 4px rgba(20, 108, 67, 0.12);
}

.dq-formulario input::placeholder,
.dq-formulario textarea::placeholder {
    color: var(--dq-gris-500);
    opacity: 1;
}

.dq-formulario .elementor-button {
    width: 100%;
    min-height: 56px;

    border: 0;
    border-radius: var(--dq-radio-pequeno);

    background: var(--dq-verde);
    color: var(--dq-blanco);

    font-size: 17px;
    font-weight: 900;

    transition: var(--dq-transicion);
}

.dq-formulario .elementor-button:hover {
    background: var(--dq-verde-oscuro);

    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(20, 108, 67, 0.25);
}

.dq-formulario .elementor-message {
    margin-top: 20px;
    padding: 14px 17px;

    border-radius: var(--dq-radio-pequeno);
    font-weight: 700;
}

.dq-formulario .elementor-message-success {
    background: var(--dq-verde-claro);
    color: var(--dq-verde-oscuro);
}

.dq-formulario .elementor-message-danger {
    background: #fdecec;
    color: var(--dq-rojo);
}


/* SUBIDA DE ARCHIVOS */

.dq-formulario input[type="file"] {
    min-height: auto;
    padding: 14px;

    border: 2px dashed var(--dq-gris-300) !important;
    background: var(--dq-gris-100) !important;
    cursor: pointer;
}

.dq-formulario input[type="file"]:hover {
    border-color: var(--dq-verde) !important;
}


/* CASILLAS DE ACEPTACIÓN */

.dq-formulario .elementor-field-type-acceptance label {
    color: var(--dq-gris-700);
    font-size: 14px;
    line-height: 1.5;
}

.dq-formulario input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: var(--dq-verde);
}


/* =========================================================
   12. SOLICITAR REPUESTO
   ========================================================= */

.pagina-solicitar .dq-formulario {
    border-top: 6px solid var(--dq-verde);
}

.pagina-solicitar .dq-aviso-formulario {
    padding: 20px 22px;

    border-left: 5px solid var(--dq-amarillo);
    border-radius: 0 var(--dq-radio-pequeno) var(--dq-radio-pequeno) 0;

    background: #fff8dc;
}

.pagina-solicitar .dq-aviso-formulario p {
    margin: 0;
    color: #594500;
}


/* =========================================================
   13. VENDER MI COCHE
   ========================================================= */

.pagina-vender .dq-formulario {
    border-top: 6px solid var(--dq-amarillo);
}

.dq-valoracion {
    position: relative;

    padding: 45px;

    border-radius: var(--dq-radio-grande);

    background:
        linear-gradient(
            135deg,
            var(--dq-negro),
            var(--dq-gris-900)
        );

    overflow: hidden;
}

.dq-valoracion::after {
    content: "€";

    position: absolute;
    right: -25px;
    bottom: -75px;

    color: rgba(255, 255, 255, 0.05);

    font-size: 260px;
    font-weight: 900;
    line-height: 1;
}

.dq-valoracion h2,
.dq-valoracion h3 {
    position: relative;
    z-index: 2;
    color: var(--dq-blanco);
}

.dq-valoracion p {
    position: relative;
    z-index: 2;
    color: rgba(255, 255, 255, 0.80);
}


/* =========================================================
   14. SERVICIOS
   ========================================================= */

.pagina-servicios .dq-tarjeta {
    padding: 35px;
}

.dq-servicio-enlace {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-top: 15px;

    color: var(--dq-verde);
    font-weight: 800;
    text-decoration: none;
}

.dq-servicio-enlace::after {
    content: "→";
    transition: var(--dq-transicion);
}

.dq-servicio-enlace:hover::after {
    transform: translateX(5px);
}


/* =========================================================
   15. EMPRESA
   ========================================================= */

.dq-dato {
    padding: 30px 22px;

    border-radius: var(--dq-radio);

    background: var(--dq-verde-claro);
    text-align: center;
}

.dq-dato-numero {
    display: block;

    margin-bottom: 7px;

    color: var(--dq-verde-oscuro);
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 900;
    line-height: 1;
}

.dq-dato-texto {
    color: var(--dq-gris-700);
    font-size: 15px;
    font-weight: 700;
}

.dq-imagen-empresa img {
    width: 100%;
    min-height: 480px;

    border-radius: var(--dq-radio-grande);

    object-fit: cover;
    box-shadow: var(--dq-sombra);
}


/* =========================================================
   16. CONTACTO
   ========================================================= */

.dq-contacto-item {
    display: flex;
    align-items: flex-start;
    gap: 17px;

    padding: 25px;

    border: 1px solid var(--dq-gris-200);
    border-radius: var(--dq-radio);

    background: var(--dq-blanco);

    transition: var(--dq-transicion);
}

.dq-contacto-item:hover {
    border-color: var(--dq-verde);
    transform: translateY(-4px);
    box-shadow: var(--dq-sombra);
}

.dq-contacto-icono {
    display: flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    border-radius: 50%;

    background: var(--dq-verde-claro);
    color: var(--dq-verde);

    font-size: 21px;
}

.dq-contacto-item h3 {
    margin-bottom: 5px;
    font-size: 18px;
}

.dq-contacto-item p {
    margin: 0;
}

.dq-mapa {
    overflow: hidden;

    min-height: 430px;

    border-radius: var(--dq-radio-grande);
    box-shadow: var(--dq-sombra);
}

.dq-mapa iframe {
    display: block;

    width: 100%;
    height: 430px;

    border: 0;
}


/* =========================================================
   17. BLOG Y LOOP GRID
   ========================================================= */

.pagina-blog .elementor-loop-container,
.dq-blog-grid .elementor-loop-container {
    gap: 28px;
}

.dq-articulo {
    height: 100%;
    overflow: hidden;

    border: 1px solid var(--dq-gris-200);
    border-radius: var(--dq-radio);

    background: var(--dq-blanco);
    box-shadow: var(--dq-sombra);

    transition: var(--dq-transicion);
}

.dq-articulo:hover {
    transform: translateY(-7px);
    box-shadow: var(--dq-sombra-hover);
}

.dq-articulo-imagen {
    overflow: hidden;

    aspect-ratio: 16 / 10;
    background: var(--dq-gris-200);
}

.dq-articulo-imagen img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    transition: transform 0.5s ease;
}

.dq-articulo:hover .dq-articulo-imagen img {
    transform: scale(1.06);
}

.dq-articulo-contenido {
    padding: 25px;
}

.dq-articulo-categoria {
    display: inline-block;

    margin-bottom: 13px;
    padding: 6px 11px;

    border-radius: 999px;

    background: var(--dq-verde-claro);
    color: var(--dq-verde);

    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.dq-articulo-titulo {
    margin-bottom: 12px;
    font-size: 22px;
}

.dq-articulo-titulo a {
    color: var(--dq-negro);
    text-decoration: none;
}

.dq-articulo-titulo a:hover {
    color: var(--dq-verde);
}

.dq-articulo-extracto {
    color: var(--dq-gris-700);
    line-height: 1.65;
}

.dq-articulo-fecha {
    margin-top: 18px;
    padding-top: 16px;

    border-top: 1px solid var(--dq-gris-200);

    color: var(--dq-gris-500);
    font-size: 13px;
    font-weight: 700;
}


/* PAGINACIÓN */

.pagina-blog .elementor-pagination {
    margin-top: 45px;
}

.pagina-blog .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 43px;
    height: 43px;
    margin: 3px;

    border-radius: var(--dq-radio-pequeno);

    background: var(--dq-gris-100);
    color: var(--dq-negro);

    font-weight: 800;
    text-decoration: none;
}

.pagina-blog .page-numbers:hover,
.pagina-blog .page-numbers.current {
    background: var(--dq-verde);
    color: var(--dq-blanco);
}


/* =========================================================
   18. PÁGINAS LEGALES
   ========================================================= */

.pagina-legal {
    background: var(--dq-gris-100);
}

.dq-legal {
    width: min(100% - 40px, 940px);
    margin: 55px auto 90px;
    padding: 50px;

    border: 1px solid var(--dq-gris-200);
    border-radius: var(--dq-radio);

    background: var(--dq-blanco);
    box-shadow: var(--dq-sombra);
}

.dq-legal h1 {
    margin-bottom: 30px;
    font-size: clamp(34px, 5vw, 50px);
}

.dq-legal h2 {
    margin-top: 40px;
    margin-bottom: 15px;

    padding-bottom: 10px;

    border-bottom: 2px solid var(--dq-verde-claro);

    font-size: 25px;
}

.dq-legal h3 {
    margin-top: 30px;
    font-size: 20px;
}

.dq-legal p,
.dq-legal li {
    color: var(--dq-gris-700);
    font-size: 16px;
    line-height: 1.8;
}

.dq-legal ul,
.dq-legal ol {
    padding-left: 23px;
}

.dq-legal a {
    color: var(--dq-verde);
    font-weight: 700;
    text-decoration: underline;
}

.dq-legal a:hover {
    color: var(--dq-verde-oscuro);
}


/* =========================================================
   19. LLAMADA A LA ACCIÓN
   ========================================================= */

.dq-cta {
    position: relative;

    padding: 65px 40px;

    border-radius: var(--dq-radio-grande);

    background:
        linear-gradient(
            135deg,
            var(--dq-verde-oscuro),
            var(--dq-verde)
        );

    text-align: center;
    overflow: hidden;
}

.dq-cta::before {
    content: "";

    position: absolute;
    top: -120px;
    right: -100px;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.06);
}

.dq-cta h2 {
    position: relative;
    z-index: 2;

    margin-bottom: 17px;

    color: var(--dq-blanco);
    font-size: clamp(30px, 4vw, 46px);
}

.dq-cta p {
    position: relative;
    z-index: 2;

    max-width: 720px;
    margin: 0 auto 28px;

    color: rgba(255, 255, 255, 0.84);
    font-size: 18px;
}


/* =========================================================
   20. CABECERA Y MENÚ
   Añadir clase dq-header al contenedor de la cabecera
   ========================================================= */

.dq-header {
    position: relative;
    z-index: 999;

    width: 100%;

    background: var(--dq-blanco);
    box-shadow: 0 5px 22px rgba(16, 24, 32, 0.08);
}

.dq-header .elementor-nav-menu--main .elementor-item {
    position: relative;

    padding: 26px 15px;

    color: var(--dq-negro);
    font-size: 15px;
    font-weight: 800;
}

.dq-header .elementor-nav-menu--main .elementor-item::after {
    content: "";

    position: absolute;
    right: 15px;
    bottom: 18px;
    left: 15px;

    height: 3px;

    border-radius: 3px;
    background: var(--dq-verde);

    transform: scaleX(0);
    transition: var(--dq-transicion);
}

.dq-header .elementor-nav-menu--main .elementor-item:hover,
.dq-header .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: var(--dq-verde);
}

.dq-header .elementor-nav-menu--main .elementor-item:hover::after,
.dq-header .elementor-nav-menu--main .elementor-item.elementor-item-active::after {
    transform: scaleX(1);
}


/* DESTACAR SOLICITAR REPUESTO EN EL MENÚ */

.dq-header .menu-solicitar > a {
    margin-left: 10px;
    padding: 13px 19px !important;

    border-radius: var(--dq-radio-pequeno);

    background: var(--dq-verde) !important;
    color: var(--dq-blanco) !important;
}

.dq-header .menu-solicitar > a::after {
    display: none !important;
}

.dq-header .menu-solicitar > a:hover {
    background: var(--dq-verde-oscuro) !important;
    color: var(--dq-blanco) !important;

    transform: translateY(-2px);
}


/* MENÚ DESPLEGABLE */

.dq-header .elementor-nav-menu--dropdown {
    padding: 10px;

    border: 1px solid var(--dq-gris-200);
    border-radius: var(--dq-radio-pequeno);

    background: var(--dq-blanco);
    box-shadow: var(--dq-sombra);
}

.dq-header .elementor-nav-menu--dropdown a {
    border-radius: 6px;

    color: var(--dq-negro);
    font-weight: 700;
}

.dq-header .elementor-nav-menu--dropdown a:hover {
    background: var(--dq-verde-claro);
    color: var(--dq-verde);
}


/* =========================================================
   21. PIE DE PÁGINA
   Añadir clase dq-footer al contenedor del footer
   ========================================================= */

.dq-footer {
    padding-top: 70px;

    background: var(--dq-negro);
    color: var(--dq-blanco);
}

.dq-footer h2,
.dq-footer h3,
.dq-footer h4 {
    color: var(--dq-blanco);
}

.dq-footer p,
.dq-footer li {
    color: rgba(255, 255, 255, 0.70);
}

.dq-footer a {
    color: rgba(255, 255, 255, 0.76);
    text-decoration: none;
}

.dq-footer a:hover {
    color: var(--dq-amarillo);
}

.dq-footer .elementor-icon-list-item {
    margin-bottom: 9px;
}

.dq-footer-inferior {
    margin-top: 50px;
    padding: 22px 20px;

    border-top: 1px solid rgba(255, 255, 255, 0.10);

    text-align: center;
}

.dq-footer-inferior p {
    margin: 0;

    color: rgba(255, 255, 255, 0.55);
    font-size: 14px;
}


/* =========================================================
   22. WHATSAPP
   ========================================================= */

.dq-whatsapp {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 60px;
    height: 60px;

    border-radius: 50%;

    background: #25d366;
    color: var(--dq-blanco);

    font-size: 30px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);

    transition: var(--dq-transicion);
}

.dq-whatsapp:hover {
    background: #1faf54;
    color: var(--dq-blanco);

    transform: translateY(-5px) scale(1.04);
}


/* =========================================================
   23. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .dq-seccion {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .dq-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dq-grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dq-hero {
        min-height: 590px;

    }

    .dq-header .elementor-nav-menu--main .elementor-item {
        padding-right: 10px;
        padding-left: 10px;

        font-size: 14px;
    }

}


/* =========================================================
   24. MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .dq-contenedor {
        width: min(100% - 30px, var(--dq-ancho));
    }

    .dq-seccion {
        padding: 58px 15px;
    }

    .dq-seccion-corta {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .dq-grid-2,
    .dq-grid-3,
    .dq-grid-4 {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .dq-cabecera-seccion {
        margin-bottom: 35px;
        text-align: left;
    }

    .dq-subtitulo {
        font-size: 16px;
    }

    .dq-etiqueta {
        font-size: 11px;
    }

    .dq-hero {
        min-height: auto;
        padding: 85px 20px;

        text-align: center;
    }

    .dq-hero h1 {
        margin-bottom: 20px;

        font-size: 40px;
        letter-spacing: -1px;
    }

    .dq-hero p {
        font-size: 17px;
    }

    .dq-hero-botones {
        flex-direction: column;
    }

    .dq-hero-botones .elementor-widget-button,
    .dq-hero-botones .elementor-button {
        width: 100%;
    }

    .dq-hero-interior {
        min-height: 300px;
        padding: 65px 20px;
    }

    .dq-hero-interior h1 {
        font-size: 37px;
    }

    .dq-hero-interior p {
        font-size: 16px;
    }

    .dq-tarjeta,
    .dq-paso {
        padding: 27px 23px;
    }

    .dq-formulario {
        padding: 25px 19px;

        border-radius: var(--dq-radio);
    }

    .dq-valoracion {
        padding: 32px 25px;
    }

    .dq-cta {
        padding: 48px 23px;
        text-align: left;
    }

    .dq-legal {
        width: calc(100% - 30px);
        margin-top: 30px;
        margin-bottom: 55px;
        padding: 30px 22px;
    }

    .dq-legal h2 {
        font-size: 22px;
    }

    .dq-imagen-empresa img {
        min-height: 300px;
    }

    .dq-mapa,
    .dq-mapa iframe {
        min-height: 330px;
        height: 330px;
    }

    .dq-whatsapp {
        right: 16px;
        bottom: 16px;

        width: 55px;
        height: 55px;
    }

}


/* =========================================================
   25. MÓVILES MUY PEQUEÑOS
   ========================================================= */

@media (max-width: 420px) {

    .dq-hero h1 {
        font-size: 34px;
    }

    .dq-titulo {
        font-size: 30px;
    }

    .dq-formulario {
        padding: 22px 16px;
    }

    .dq-contacto-item {
        padding: 21px 18px;
    }

}
/* =========================================================
   BOTONES PRINCIPALES DEL HERO
   ========================================================= */

.dq-hero-botones {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;

    width: 100% !important;
    max-width: 450px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Elimina tamaños y espacios heredados de Elementor */
.dq-hero-botones > .elementor-element,
.dq-hero-botones .elementor-widget-button {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Contenedores interiores */
.dq-hero-botones .elementor-widget-container,
.dq-hero-botones .elementor-button-wrapper {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Diseño común de los botones */
.dq-hero-botones .elementor-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 54px !important;
    padding: 14px 12px !important;

    color: #ffffff !important;
    border: 0 !important;
    border-radius: 8px !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18) !important;

    transition:
        background-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease !important;
}

/* Solicitar repuesto */
.dq-boton-principal .elementor-button {
    background-color: #e31e24 !important;
}

.dq-boton-principal .elementor-button:hover {
    color: #ffffff !important;
    background-color: #b91419 !important;
    box-shadow: 0 14px 30px rgba(227, 30, 36, 0.3) !important;
    transform: translateY(-2px);
}

/* WhatsApp */
.dq-boton-whatsapp .elementor-button {
    background-color: #25d366 !important;
}

.dq-boton-whatsapp .elementor-button:hover {
    color: #ffffff !important;
    background-color: #1ead52 !important;
    box-shadow: 0 14px 30px rgba(37, 211, 102, 0.28) !important;
    transform: translateY(-2px);
}

/* Pulsación */
.dq-hero-botones .elementor-button:active {
    transform: translateY(0);
}

/* Navegación mediante teclado */
.dq-hero-botones .elementor-button:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.9);
    outline-offset: 3px;
}

/* Móvil */
@media (max-width: 767px) {

    .dq-hero-botones {
        grid-template-columns: 1fr !important;
        max-width: 100% !important;
        gap: 10px !important;
    }

    .dq-hero-botones .elementor-button {
        min-height: 52px !important;
        font-size: 13px !important;
        white-space: normal !important;
    }
}
/* =========================================================
   TARJETA DEL FORMULARIO RÁPIDO
   ========================================================= */

.dq-hero-form-card {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
    padding: 34px;

    background: rgba(255, 255, 255, 0.97);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 18px;

    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.24),
        0 2px 8px rgba(0, 0, 0, 0.08);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}


/* =========================================================
   TÍTULO DEL FORMULARIO
   ========================================================= */

.dq-form-titulo {
    width: 100%;
    margin: 0 0 8px !important;
    padding: 0 !important;
}

.dq-form-titulo .elementor-heading-title {
    margin: 0;
    color: #071a2f !important;

    font-size: 29px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px;
    text-align: left;
}

.dq-form-titulo .elementor-heading-title::after {
    content: "";
    display: block;

    width: 52px;
    height: 4px;
    margin-top: 14px;

    background: #e31e24;
    border-radius: 20px;
}


/* =========================================================
   FORMULARIO
   ========================================================= */

.dq-form-rapido {
    width: 100%;
    margin-top: 14px;
}

.dq-form-rapido .elementor-form-fields-wrapper {
    margin-right: -6px;
    margin-left: -6px;
}

.dq-form-rapido .elementor-field-group {
    padding-right: 6px;
    padding-left: 6px;
    margin-bottom: 14px;
}


/* Etiquetas */

.dq-form-rapido .elementor-field-label {
    display: block;
    margin-bottom: 6px;

    color: #17212b !important;

    font-size: 13px !important;
    line-height: 1.3;
    font-weight: 700 !important;
}


/* Campos */

.dq-form-rapido input.elementor-field,
.dq-form-rapido select.elementor-field,
.dq-form-rapido textarea.elementor-field {
    width: 100%;
    min-height: 50px;
    padding: 12px 14px !important;

    color: #17212b !important;
    background: #f5f7f9 !important;

    border: 1px solid #d9e0e6 !important;
    border-radius: 8px !important;

    font-size: 15px !important;
    line-height: 1.3;

    box-shadow: none !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.dq-form-rapido textarea.elementor-field {
    min-height: 105px;
    resize: vertical;
}

.dq-form-rapido input.elementor-field:hover,
.dq-form-rapido select.elementor-field:hover,
.dq-form-rapido textarea.elementor-field:hover {
    border-color: #aab5c0 !important;
}

.dq-form-rapido input.elementor-field:focus,
.dq-form-rapido select.elementor-field:focus,
.dq-form-rapido textarea.elementor-field:focus {
    outline: none !important;

    background: #ffffff !important;
    border-color: #0b3b6f !important;

    box-shadow: 0 0 0 4px rgba(11, 59, 111, 0.11) !important;
}

.dq-form-rapido input::placeholder,
.dq-form-rapido textarea::placeholder {
    color: #8a949f !important;
    opacity: 1;
}


/* =========================================================
   PRIVACIDAD
   ========================================================= */

.dq-form-rapido .elementor-field-type-acceptance {
    margin-top: 2px;
}

.dq-form-rapido .elementor-field-type-acceptance label {
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 1.5;
}

.dq-form-rapido input[type="checkbox"] {
    width: 17px;
    height: 17px;
    margin-right: 7px;

    accent-color: #0b3b6f;
}


/* =========================================================
   BOTÓN
   ========================================================= */

.dq-form-rapido .elementor-field-type-submit {
    margin-top: 2px;
    margin-bottom: 0;
}

.dq-form-rapido .elementor-button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 54px;
    padding: 14px 20px !important;

    color: #ffffff !important;
    background: #e31e24 !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-size: 14px !important;
    line-height: 1.2;
    font-weight: 800 !important;
    text-align: center;
    text-transform: uppercase;

    box-shadow: 0 12px 26px rgba(227, 30, 36, 0.25);

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.dq-form-rapido .elementor-button:hover {
    color: #ffffff !important;
    background: #b91419 !important;

    box-shadow: 0 16px 32px rgba(227, 30, 36, 0.32);
    transform: translateY(-2px);
}


/* =========================================================
   MENSAJES DEL FORMULARIO
   ========================================================= */

.dq-form-rapido .elementor-message {
    margin-top: 14px;
    padding: 12px 14px;

    border-radius: 7px;

    font-size: 13px;
    font-weight: 700;
}

.dq-form-rapido .elementor-message-success {
    color: #166534;
    background: #dcfce7;
    border: 1px solid #86efac;
}

.dq-form-rapido .elementor-message-danger {
    color: #991b1b;
    background: #fee2e2;
    border: 1px solid #fca5a5;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .dq-hero-form-card {
        max-width: 410px;
        padding: 28px;
    }

    .dq-form-titulo .elementor-heading-title {
        font-size: 26px !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .dq-hero-form-card {
        width: 100%;
        max-width: 100%;
        padding: 24px 18px;

        border-radius: 14px;
    }

    .dq-form-titulo .elementor-heading-title {
        font-size: 25px !important;
    }

    .dq-form-rapido .elementor-field-group {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }
}
/* =========================================================
   CORRECCIÓN DE ANCHO DEL FORMULARIO DEL HERO
   ========================================================= */

.dq-hero-form-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 440px !important;

    padding: 38px 42px !important;
}

/* Todos los elementos interiores ocupan el ancho disponible */
.dq-hero-form-card > .elementor-element,
.dq-hero-form-card > .e-con-inner,
.dq-hero-form-card .dq-form-titulo,
.dq-hero-form-card .dq-form-rapido,
.dq-hero-form-card .elementor-widget-form {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Título del formulario */
.dq-form-titulo .elementor-heading-title {
    width: 100% !important;
    max-width: none !important;

    font-size: 30px !important;
    line-height: 1.1 !important;
}

/* Formulario y filas */
.dq-form-rapido .elementor-form,
.dq-form-rapido .elementor-form-fields-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

.dq-form-rapido .elementor-field-group {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;

    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 13px !important;
}

/* Campos */
.dq-form-rapido input.elementor-field,
.dq-form-rapido select.elementor-field,
.dq-form-rapido textarea.elementor-field {
    width: 100% !important;
    min-width: 100% !important;
}

/* Botón del formulario */
.dq-form-rapido .elementor-field-type-submit,
.dq-form-rapido .elementor-button {
    width: 100% !important;
    max-width: 100% !important;
}

/* Tablet */
@media (max-width: 1024px) {

    .dq-hero-form-card {
        padding: 30px !important;
    }
}

/* Móvil */
@media (max-width: 767px) {

    .dq-hero-form-card {
        max-width: 100% !important;
        padding: 25px 20px !important;
    }
}
/* =========================================================
   PRIVACIDAD DEL FORMULARIO RÁPIDO
   ========================================================= */

.dq-form-rapido .elementor-field-type-acceptance {
    margin-top: 2px !important;
    margin-bottom: 14px !important;
}

.dq-form-rapido .elementor-field-type-acceptance .elementor-field-subgroup,
.dq-form-rapido .elementor-field-type-acceptance .elementor-field-option {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    width: 100% !important;
}

/* Casilla */
.dq-form-rapido .elementor-field-type-acceptance input[type="checkbox"] {
    display: inline-block !important;

    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;

    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;

    margin: 2px 0 0 !important;
    padding: 0 !important;

    border-radius: 3px !important;
    box-shadow: none !important;

    accent-color: #0b3b6f;
    cursor: pointer;
}

/* Texto */
.dq-form-rapido .elementor-field-type-acceptance label {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #5d6877 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;

    cursor: pointer;
}

.dq-form-rapido .elementor-field-type-acceptance label a {
    color: #0b3b6f !important;
    font-weight: 700 !important;
    text-decoration: underline;
}

.dq-form-rapido .elementor-field-type-acceptance label a:hover {
    color: #e31e24 !important;
}
/* =========================================================
   HERO RESPONSIVE · DESGUACES QUINTANA
   TABLET Y MÓVIL
   ========================================================= */


/* =========================================================
   TABLET · HASTA 1024 PX
   ========================================================= */

@media (max-width: 1024px) {

    /* Hero exterior */
    .dq-hero {
        min-height: auto !important;
        padding: 65px 28px !important;
    }

    /* Las dos columnas pasan a una sola columna */
    .dq-hero-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;

        width: 100% !important;
        max-width: 900px !important;

        margin-right: auto !important;
        margin-left: auto !important;

        gap: 42px !important;
    }

    /* Ambas zonas ocupan todo el ancho */
    .dq-hero-copy,
    .dq-hero-form-card {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* Texto de la izquierda */
    .dq-hero-copy {
        align-items: flex-start !important;
    }

    .dq-hero-copy h1,
    .dq-hero-titulo .elementor-heading-title {
        max-width: 760px !important;

        font-size: 52px !important;
        line-height: 1.06 !important;
        letter-spacing: -1px !important;
    }

    .dq-hero-texto {
        width: 100% !important;
        max-width: 760px !important;
    }

    .dq-hero-texto,
    .dq-hero-texto p {
        font-size: 18px !important;
        line-height: 1.6 !important;
    }

    /* Botones */
    .dq-hero-botones {
        width: 100% !important;
        max-width: 500px !important;
    }

    /* Formulario centrado */
    .dq-hero-form-card {
        max-width: 620px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding: 36px !important;
    }
}


/* =========================================================
   MÓVIL · HASTA 767 PX
   ========================================================= */

@media (max-width: 767px) {

    .dq-hero {
        min-height: auto !important;
        padding: 42px 18px 50px !important;
    }

    .dq-hero-inner {
        width: 100% !important;
        max-width: 100% !important;
        gap: 34px !important;
    }

    /* Etiqueta superior */
    .dq-hero-etiqueta {
        width: auto !important;
        max-width: 100% !important;
    }

    .dq-hero-etiqueta .elementor-heading-title {
        font-size: 11px !important;
        line-height: 1.25 !important;
        letter-spacing: 0.5px !important;
    }

    /* Título */
    .dq-hero-copy h1,
    .dq-hero-titulo .elementor-heading-title {
        width: 100% !important;
        max-width: 100% !important;

        font-size: 40px !important;
        line-height: 1.06 !important;
        letter-spacing: -0.8px !important;
    }

    /* Descripción */
    .dq-hero-texto {
        width: 100% !important;
        max-width: 100% !important;
    }

    .dq-hero-texto,
    .dq-hero-texto p {
        font-size: 17px !important;
        line-height: 1.55 !important;
    }

    /* Botones uno debajo del otro */
    .dq-hero-botones {
        display: grid !important;
        grid-template-columns: 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 10px !important;
    }

    .dq-hero-botones > .elementor-element,
    .dq-hero-botones .elementor-widget-button,
    .dq-hero-botones .elementor-button-wrapper,
    .dq-hero-botones .elementor-button {
        width: 100% !important;
        max-width: 100% !important;
    }

    .dq-hero-botones .elementor-button {
        min-height: 54px !important;
        padding: 15px 16px !important;

        font-size: 13px !important;
        white-space: normal !important;
    }

    /* Ventajas */
    .dq-hero-ventajas {
        width: 100% !important;
        margin-top: 4px !important;
    }

    .dq-hero-ventajas .elementor-icon-list-text {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    /* Tarjeta del formulario */
    .dq-hero-form-card {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 27px 20px !important;

        border-radius: 16px !important;
    }

    /* Título del formulario */
    .dq-form-titulo .elementor-heading-title {
        font-size: 27px !important;
        line-height: 1.12 !important;
    }

    /* Campos */
    .dq-form-rapido .elementor-field-group {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    .dq-form-rapido input.elementor-field,
    .dq-form-rapido select.elementor-field,
    .dq-form-rapido textarea.elementor-field {
        width: 100% !important;
        min-height: 52px !important;

        font-size: 16px !important;
    }

    .dq-form-rapido .elementor-button {
        width: 100% !important;
        min-height: 54px !important;
    }
}


/* =========================================================
   MÓVILES MUY PEQUEÑOS · HASTA 420 PX
   ========================================================= */

@media (max-width: 420px) {

    .dq-hero {
        padding: 36px 15px 44px !important;
    }

    .dq-hero-copy h1,
    .dq-hero-titulo .elementor-heading-title {
        font-size: 34px !important;
        line-height: 1.08 !important;
    }

    .dq-hero-texto,
    .dq-hero-texto p {
        font-size: 16px !important;
    }

    .dq-hero-form-card {
        padding: 24px 16px !important;
    }

    .dq-form-titulo .elementor-heading-title {
        font-size: 25px !important;
    }
}
/* =========================================================
   CORRECCIÓN DE ANCHOS DEL HERO EN TABLET Y MÓVIL
   ========================================================= */

@media (max-width: 1024px) {

    .dq-hero-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 900px !important;
    }

    .dq-hero-col-left,
    .dq-hero-col-right {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

@media (max-width: 767px) {

    .dq-hero {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .dq-hero-inner,
    .dq-hero-col-left,
    .dq-hero-col-right,
    .dq-hero-copy {
        width: 100% !important;
        max-width: 100% !important;
    }

    .dq-hero-form-card {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}
/* =========================================================
   AJUSTE FINAL DEL HERO EN MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    /* Contenedor exterior */
    .dq-hero {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 38px 16px 46px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Estructura interior */
    .dq-hero-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 34px !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }

    /* Las dos columnas */
    .dq-hero-col-left,
    .dq-hero-col-right,
    .dq-hero-copy {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 0 0 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }

    /* Columna de texto */
    .dq-hero-copy {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    /* Todos los widgets de la columna izquierda */
    .dq-hero-copy > .elementor-element {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /* Etiqueta */
    .dq-hero-etiqueta {
        width: auto !important;
        max-width: 100% !important;
        align-self: flex-start !important;
    }

    /* Título */
    .dq-hero-titulo,
    .dq-hero-titulo .elementor-widget-container,
    .dq-hero-titulo .elementor-heading-title {
        width: 100% !important;
        max-width: 100% !important;
    }

    .dq-hero-titulo .elementor-heading-title {
        font-size: 38px !important;
        line-height: 1.08 !important;
        letter-spacing: -0.7px !important;
    }

    /* Párrafo */
    .dq-hero-texto,
    .dq-hero-texto .elementor-widget-container,
    .dq-hero-texto p {
        width: 100% !important;
        max-width: 100% !important;
    }

    .dq-hero-texto p {
        font-size: 17px !important;
        line-height: 1.55 !important;
    }

    /* Botones */
    .dq-hero-botones {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: 1fr !important;
    }

    /* Lista de ventajas */
    .dq-hero-ventajas {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Tarjeta blanca */
    .dq-hero-form-card {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 26px 18px !important;

        box-sizing: border-box !important;
        border-radius: 16px !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }

    /* Elementos interiores del formulario */
    .dq-hero-form-card > .elementor-element,
    .dq-form-titulo,
    .dq-form-rapido,
    .dq-form-rapido .elementor-form,
    .dq-form-rapido .elementor-form-fields-wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }

    .dq-form-rapido .elementor-field-group {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}


/* MÓVILES PEQUEÑOS */

@media (max-width: 420px) {

    .dq-hero {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .dq-hero-titulo .elementor-heading-title {
        font-size: 35px !important;
    }

    .dq-hero-form-card {
        padding: 24px 14px !important;
    }
}
@media (max-width: 767px) {

    .dq-hero-col-right {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: stretch !important;
    }

    .dq-hero-form-card {
        width: 100% !important;
        max-width: 100% !important;
        align-self: stretch !important;
        margin: 0 !important;
        padding: 24px 14px !important;
        box-sizing: border-box !important;
    }
}
/* =========================================================
   ACABADO SEGURO DE LA CABECERA
   ========================================================= */

.dq-header {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #ffffff !important;
    border-bottom: 1px solid #e5e9ee;
    box-shadow: 0 7px 22px rgba(7, 26, 47, 0.08);
}

/* Logotipo */
.dq-header-logo-img img {
    display: block;
    width: auto;
    max-width: 220px;
    max-height: 68px;
    object-fit: contain;
}

/* Menú */
.dq-main-menu .elementor-nav-menu--main .elementor-item {
    color: #17212b !important;
    font-size: 15px;
    font-weight: 600;
}

.dq-main-menu .elementor-nav-menu--main .elementor-item:hover,
.dq-main-menu .elementor-nav-menu--main .elementor-item-active,
.dq-main-menu .current-menu-item > a {
    color: #e31e24 !important;
}

.dq-main-menu .elementor-item::after {
    background-color: #e31e24 !important;
}

/* Botón principal */
.dq-header-cta .elementor-button {
    min-height: 50px;
    padding: 14px 21px !important;
    color: #ffffff !important;
    background: #e31e24 !important;
    border-radius: 8px !important;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 9px 22px rgba(227, 30, 36, 0.22);
}

.dq-header-cta .elementor-button:hover {
    color: #ffffff !important;
    background: #b91419 !important;
}

/* Barra de administración */
.admin-bar .dq-header {
    top: 32px;
}

@media (max-width: 782px) {
    .admin-bar .dq-header {
        top: 46px;
    }
}
/* =========================================================
   CABECERA RESPONSIVE · TABLET Y MÓVIL
   DESGUACES QUINTANA
   ========================================================= */


/* =========================================================
   TABLET · HASTA 1024 PX
   ========================================================= */

@media (max-width: 1024px) {

    .dq-header {
        min-height: 76px !important;
    }

    .dq-header-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: calc(100% - 32px) !important;
        max-width: none !important;
        min-height: 76px !important;

        margin-right: auto !important;
        margin-left: auto !important;
        padding: 0 !important;

        gap: 16px !important;
    }

    /* Zona del logotipo */
    .dq-header-logo {
        flex: 1 1 auto !important;

        width: auto !important;
        max-width: 70% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .dq-header-logo-img {
        width: auto !important;
        max-width: 185px !important;
        margin: 0 !important;
    }

    .dq-header-logo-img .elementor-widget-container {
        width: auto !important;
        max-width: 185px !important;
    }

    .dq-header-logo-img img {
        display: block !important;

        width: 100% !important;
        max-width: 185px !important;
        height: auto !important;
        max-height: 58px !important;

        object-fit: contain !important;
    }

    /* Zona del menú */
    .dq-header-menu {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 44px !important;

        margin-left: auto !important;
        padding: 0 !important;
    }

    .dq-main-menu {
        width: auto !important;
        margin: 0 !important;
    }

    /* Oculta el botón rojo exterior */
    .dq-header-action {
        display: none !important;
    }

    /* Botón hamburguesa */
    .dq-main-menu .elementor-menu-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 46px !important;
        height: 46px !important;
        padding: 0 !important;
        margin-left: auto !important;

        color: #0b3b6f !important;
        background: #f1f4f7 !important;

        border: 1px solid #dfe5eb !important;
        border-radius: 9px !important;

        font-size: 25px !important;
        line-height: 1 !important;

        transition:
            color 0.2s ease,
            background-color 0.2s ease,
            border-color 0.2s ease;
    }

    .dq-main-menu .elementor-menu-toggle:hover,
    .dq-main-menu .elementor-menu-toggle.elementor-active {
        color: #ffffff !important;
        background: #e31e24 !important;
        border-color: #e31e24 !important;
    }

    /* Menú desplegable */
    .dq-main-menu .elementor-nav-menu--dropdown {
        position: absolute !important;
        top: calc(100% + 12px) !important;
        right: 0 !important;
        left: auto !important;

        width: min(420px, calc(100vw - 32px)) !important;
        margin: 0 !important;
        padding: 10px !important;

        background: #ffffff !important;

        border: 1px solid #e2e7ec !important;
        border-radius: 12px !important;

        box-shadow: 0 18px 42px rgba(7, 26, 47, 0.18) !important;

        overflow: hidden !important;
        z-index: 10000 !important;
    }

    .dq-main-menu .elementor-nav-menu--dropdown .elementor-item {
        display: flex !important;
        align-items: center !important;

        min-height: 48px !important;
        padding: 13px 16px !important;

        color: #17212b !important;
        background: transparent !important;

        border-radius: 7px !important;

        font-size: 15px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;

        transition:
            color 0.2s ease,
            background-color 0.2s ease;
    }

    .dq-main-menu .elementor-nav-menu--dropdown .elementor-item:hover,
    .dq-main-menu .elementor-nav-menu--dropdown .elementor-item-active,
    .dq-main-menu .elementor-nav-menu--dropdown .current-menu-item > a {
        color: #e31e24 !important;
        background: #f5f7f9 !important;
    }
}


/* =========================================================
   MÓVIL · HASTA 767 PX
   ========================================================= */

@media (max-width: 767px) {

    .dq-header {
        min-height: 70px !important;
    }

    .dq-header-inner {
        width: calc(100% - 24px) !important;
        min-height: 70px !important;

        gap: 10px !important;
    }

    .dq-header-logo {
        max-width: calc(100% - 58px) !important;
    }

    .dq-header-logo-img,
    .dq-header-logo-img .elementor-widget-container {
        max-width: 165px !important;
    }

    .dq-header-logo-img img {
        max-width: 165px !important;
        max-height: 52px !important;
    }

    .dq-main-menu .elementor-menu-toggle {
        width: 44px !important;
        height: 44px !important;

        font-size: 24px !important;
    }

    .dq-main-menu .elementor-nav-menu--dropdown {
        width: calc(100vw - 24px) !important;
        max-width: none !important;

        padding: 9px !important;

        border-radius: 10px !important;
    }

    .dq-main-menu .elementor-nav-menu--dropdown .elementor-item {
        min-height: 48px !important;
        padding: 13px 15px !important;

        font-size: 15px !important;
    }
}


/* =========================================================
   MÓVILES MUY PEQUEÑOS · HASTA 420 PX
   ========================================================= */

@media (max-width: 420px) {

    .dq-header-inner {
        width: calc(100% - 20px) !important;
    }

    .dq-header-logo-img,
    .dq-header-logo-img .elementor-widget-container,
    .dq-header-logo-img img {
        max-width: 150px !important;
    }

    .dq-main-menu .elementor-nav-menu--dropdown {
        width: calc(100vw - 20px) !important;
    }
}


/* =========================================================
   BARRA DE ADMINISTRACIÓN DE WORDPRESS
   ========================================================= */

@media (max-width: 782px) {

    .admin-bar .dq-header {
        top: 46px !important;
    }
}
/* =========================================================
   CABECERA MÁS TRANSPARENTE
   ========================================================= */

.dq-header {
    background-color: rgba(255, 255, 255, 0.78) !important;

    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);

    border-bottom: 1px solid rgba(11, 59, 111, 0.12) !important;
    box-shadow: 0 7px 22px rgba(7, 26, 47, 0.10) !important;
}

/* Evita fondos sólidos en los contenedores internos */
.dq-header-inner,
.dq-header-logo,
.dq-header-menu,
.dq-header-action {
    background-color: transparent !important;
    background-image: none !important;
}

/* Móvil: un poco menos transparente para no perder legibilidad */
@media (max-width: 767px) {
    .dq-header {
        background-color: rgba(255, 255, 255, 0.82) !important;
        -webkit-backdrop-filter: blur(12px) saturate(135%);
        backdrop-filter: blur(12px) saturate(135%);
    }
}
/* =========================================================
   PIE DE PÁGINA · DESGUACES QUINTANA
   ========================================================= */

.dq-footer {
    width: 100%;
    color: #ffffff;
    background: #071a2f !important;
}

.dq-footer-inner {
    width: min(100% - 40px, 1200px) !important;
    max-width: 1200px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* Logotipo */

.dq-footer-logo {
    max-width: 240px !important;
    margin-bottom: 18px !important;
}

.dq-footer-logo img {
    display: block;
    width: 100%;
    max-width: 240px;
    height: auto;
    object-fit: contain;
}

/* Descripción */

.dq-footer-description,
.dq-footer-description p {
    max-width: 310px;
    margin: 0;
    color: #b9c3ce !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

/* Títulos */

.dq-footer-title {
    margin-bottom: 18px !important;
}

.dq-footer-title .elementor-heading-title {
    color: #ffffff !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

/* Enlaces */

.dq-footer-links a,
.dq-footer-contact-list a {
    color: #e1e7ed !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    transition: color 0.2s ease;
}

.dq-footer-links a:hover,
.dq-footer-contact-list a:hover {
    color: #e31e24 !important;
}

.dq-footer-links .elementor-icon-list-item,
.dq-footer-contact-list .elementor-icon-list-item {
    margin-bottom: 8px !important;
}

/* Iconos de contacto y confianza */

.dq-footer-contact-list .elementor-icon-list-icon,
.dq-footer-trust .elementor-icon-list-icon {
    color: #e31e24 !important;
}

.dq-footer-contact-list .elementor-icon-list-text,
.dq-footer-trust .elementor-icon-list-text {
    color: #e1e7ed !important;
}

/* Barra inferior */

.dq-footer-bottom {
    width: min(100% - 40px, 1200px) !important;
    max-width: 1200px !important;

    margin: 35px auto 0 !important;
    padding: 22px 0 !important;

    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.dq-footer-copyright,
.dq-footer-copyright p {
    margin: 0 !important;
    color: #aeb9c4 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* Enlaces legales */

.dq-footer-legal {
    width: auto !important;
}

.dq-footer-legal a,
.dq-footer-legal .elementor-icon-list-text {
    color: #c7d0d9 !important;
    font-size: 13px !important;
    transition: color 0.2s ease;
}

.dq-footer-legal a:hover,
.dq-footer-legal a:hover .elementor-icon-list-text {
    color: #ffffff !important;
}

.dq-footer-legal .elementor-icon-list-items {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px 18px;
}

.dq-footer-legal .elementor-icon-list-item {
    margin: 0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .dq-footer-inner {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 42px 30px !important;
    }

    .dq-footer-brand,
    .dq-footer-nav,
    .dq-footer-services,
    .dq-footer-contact {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .dq-footer {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }

    .dq-footer-inner {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 34px !important;
    }

    .dq-footer-logo,
    .dq-footer-logo img {
        max-width: 220px !important;
    }

    .dq-footer-title .elementor-heading-title {
        font-size: 22px !important;
    }

    .dq-footer-bottom {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 14px !important;
        margin-top: 36px !important;
    }

    .dq-footer-legal,
    .dq-footer-legal .elementor-icon-list-items {
        width: 100% !important;
        justify-content: flex-start !important;
    }
}
/* Ajuste final de la barra inferior del pie */
.dq-footer-bottom {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 25px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}
bel {
        align-self: flex-start !important;
    }

    .dq-section-title,
    .dq-section-title .elementor-heading-title {
        width: 100% !important;
        max-width: 100% !important;
    }

    .dq-section-title .elementor-heading-title {
        font-size: 36px !important;
        line-height: 1.08 !important;
    }

    /* Tarjetas más compactas */
    .dq-service-card {
        height: auto !important;
        min-height: 0 !important;
        padding: 28px 24px !important;
    }

    .dq-service-icon {
        margin-bottom: 20px !important;
    }

    .dq-service-card-title {
        min-height: 0 !important;
        margin-bottom: 14px !important;
    }

    .dq-service-card-text {
        flex: 0 0 auto !important;
        margin-bottom: 26px !important;
    }

    .dq-service-button {
        margin-top: 0 !important;
    }

    .dq-service-button .elementor-button {
        width: 100% !important;
        min-height: 54px !important;
    }
}
/* =========================================================
   SECCIÓN «¿QUÉ NECESITAS?» · CSS DEFINITIVO
   DESGUACES QUINTANA
   ========================================================= */


/* =========================================================
   SECCIÓN EXTERIOR TRANSLÚCIDA
   ========================================================= */

.dq-services-section {
    width: 100% !important;
    min-height: 0 !important;

    padding: 64px 24px !important;

    /* Fondo blanco translúcido */
    background: rgba(255, 255, 255, 0.60) !important;

    -webkit-backdrop-filter: blur(10px) saturate(115%);
    backdrop-filter: blur(10px) saturate(115%);

    box-sizing: border-box !important;
}


/* Fondos interiores transparentes */

.dq-services-inner,
.dq-services-heading,
.dq-services-grid {
    background-color: transparent !important;
    background-image: none !important;
}


/* =========================================================
   CONTENEDOR INTERIOR
   ========================================================= */

.dq-services-inner {
    width: 100% !important;
    max-width: 1200px !important;
    min-height: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* =========================================================
   ENCABEZADO DE LA SECCIÓN
   ========================================================= */

.dq-services-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 820px !important;

    margin: 0 auto 38px !important;

    text-align: center !important;
}


/* Etiqueta superior */

.dq-section-label {
    width: auto !important;
    margin-bottom: 14px !important;
}

.dq-section-label .elementor-heading-title {
    display: inline-block !important;

    padding: 8px 16px !important;

    color: #0b3b6f !important;
    background: rgba(255, 255, 255, 0.55) !important;

    border: 1px solid rgba(11, 59, 111, 0.25) !important;
    border-radius: 40px !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
}


/* Título */

.dq-section-title {
    width: 100% !important;
    margin-bottom: 14px !important;
}

.dq-section-title .elementor-heading-title {
    width: 100% !important;

    color: #071a2f !important;

    font-size: 44px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: -0.8px !important;

    text-align: center !important;
}


/* Descripción */

.dq-section-description {
    width: 100% !important;
    max-width: 720px !important;
}

.dq-section-description,
.dq-section-description p {
    margin: 0 !important;

    color: #526170 !important;

    font-size: 18px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;

    text-align: center !important;
}


/* =========================================================
   CUADRÍCULA
   ========================================================= */

.dq-services-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(280px, 1fr)) !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 1080px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 28px !important;
}


/* Anula anchos manuales de Elementor */

.dq-services-grid > .elementor-element,
.dq-service-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}


/* =========================================================
   TARJETAS TRANSLÚCIDAS
   ========================================================= */

.dq-service-card {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    height: 100% !important;

    padding: 36px 32px 32px !important;

    color: #17212b !important;

    /* Blanco ligeramente transparente */
    background: rgba(255, 255, 255, 0.88) !important;

    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);

    border: 1px solid rgba(203, 213, 223, 0.82) !important;
    border-top: 4px solid #0b3b6f !important;
    border-radius: 18px !important;

    box-shadow: 0 14px 36px rgba(7, 26, 47, 0.11) !important;

    text-align: center !important;
    overflow: hidden !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}


/* Tarjeta principal */

.dq-service-card-primary {
    border-top-color: #e31e24 !important;
}


/* Efecto al pasar el cursor */

.dq-service-card:hover {
    background: rgba(255, 255, 255, 0.96) !important;

    border-color: rgba(11, 59, 111, 0.30) !important;
    border-top-color: #e31e24 !important;

    box-shadow: 0 22px 48px rgba(7, 26, 47, 0.17) !important;

    transform: translateY(-7px);
}


/* =========================================================
   ICONOS
   ========================================================= */

.dq-service-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    align-self: center !important;

    width: 64px !important;
    height: 64px !important;

    margin: 0 auto 22px !important;

    color: #0b3b6f !important;
    background: rgba(11, 59, 111, 0.08) !important;

    border-radius: 16px !important;
}

.dq-service-card-primary .dq-service-icon {
    color: #e31e24 !important;
    background: rgba(227, 30, 36, 0.09) !important;
}

.dq-service-icon .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;
}

.dq-service-icon .elementor-icon {
    color: inherit !important;
    font-size: 31px !important;
}


/* =========================================================
   TÍTULOS
   ========================================================= */

.dq-service-card-title {
    width: 100% !important;
    min-height: 66px !important;

    margin-bottom: 12px !important;

    text-align: center !important;
}

.dq-service-card-title .elementor-heading-title {
    width: 100% !important;

    color: #0b3b6f !important;

    font-size: 27px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -0.35px !important;

    text-align: center !important;
}


/* =========================================================
   TEXTOS
   ========================================================= */

.dq-service-card-text {
    flex: 1 1 auto !important;

    width: 100% !important;

    margin-bottom: 26px !important;

    text-align: center !important;
}

.dq-service-card-text,
.dq-service-card-text p {
    margin-top: 0 !important;

    color: #5f6d7a !important;

    font-size: 16px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;

    text-align: center !important;
}


/* =========================================================
   BOTONES
   ========================================================= */

.dq-service-button {
    display: flex !important;
    justify-content: center !important;

    align-self: stretch !important;

    width: 100% !important;

    margin-top: auto !important;
}

.dq-service-button .elementor-widget-container,
.dq-service-button .elementor-button-wrapper {
    display: flex !important;
    justify-content: center !important;

    width: 100% !important;
}

.dq-service-button .elementor-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 190px !important;
    min-height: 60px !important;

    padding: 12px 14px !important;

    color: #ffffff !important;
    background: #0b3b6f !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-transform: uppercase !important;

    box-shadow: 0 9px 22px rgba(11, 59, 111, 0.20) !important;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}


/* Botón rojo */

.dq-service-card-primary .dq-service-button .elementor-button {
    background: #e31e24 !important;
    box-shadow: 0 9px 22px rgba(227, 30, 36, 0.24) !important;
}


/* Hover */

.dq-service-button .elementor-button:hover {
    color: #ffffff !important;
    background: #e31e24 !important;

    box-shadow: 0 13px 28px rgba(227, 30, 36, 0.30) !important;

    transform: translateY(-2px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .dq-services-section {
        padding: 58px 22px !important;
    }

    .dq-services-heading {
        margin-bottom: 34px !important;
    }

    .dq-section-title .elementor-heading-title {
        font-size: 39px !important;
    }

    .dq-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        max-width: 820px !important;

        gap: 24px !important;
    }

    .dq-service-card:last-child {
        grid-column: 1 / -1;

        width: calc(50% - 12px) !important;
        max-width: 400px !important;

        justify-self: center !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .dq-services-section {
        padding: 48px 16px !important;

        /* Algo menos transparente para mantener legibilidad */
        background: rgba(255, 255, 255, 0.70) !important;
    }

    .dq-services-heading {
        align-items: flex-start !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-bottom: 30px !important;

        text-align: left !important;
    }

    .dq-section-label {
        align-self: flex-start !important;
    }

    .dq-section-title,
    .dq-section-description {
        width: 100% !important;
        max-width: 100% !important;
    }

    .dq-section-title .elementor-heading-title {
        font-size: 36px !important;
        line-height: 1.08 !important;

        text-align: left !important;
    }

    .dq-section-description,
    .dq-section-description p {
        font-size: 16px !important;
        line-height: 1.6 !important;

        text-align: left !important;
    }

    .dq-services-grid {
        grid-template-columns: 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 18px !important;
    }

    .dq-service-card,
    .dq-service-card:last-child {
        grid-column: auto !important;

        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        padding: 28px 24px !important;

        background: rgba(255, 255, 255, 0.92) !important;
    }

    .dq-service-icon {
        margin-bottom: 20px !important;
    }

    .dq-service-card-title {
        min-height: 0 !important;
        margin-bottom: 14px !important;
    }

    .dq-service-card-title .elementor-heading-title {
        font-size: 24px !important;
    }

    .dq-service-card-text {
        flex: 0 0 auto !important;
        margin-bottom: 26px !important;
    }

    .dq-service-button {
        margin-top: 0 !important;
    }

    .dq-service-button .elementor-button {
        width: 100% !important;
        min-height: 54px !important;
    }
}


/* =========================================================
   MÓVILES PEQUEÑOS
   ========================================================= */

@media (max-width: 420px) {

    .dq-services-section {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .dq-section-title .elementor-heading-title {
        font-size: 33px !important;
    }

    .dq-service-card {
        padding: 26px 20px !important;
    }
}
/* =========================================================
   SECCIÓN «CÓMO FUNCIONA» · DESGUACES QUINTANA
   ========================================================= */

.dq-process-section {
    width: 100% !important;
    padding: 72px 24px !important;

    color: #ffffff !important;
    background: #071a2f !important;

    box-sizing: border-box !important;
}

.dq-process-inner {
    width: 100% !important;
    max-width: 1200px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

.dq-process-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 760px !important;

    margin: 0 auto 48px !important;

    text-align: center !important;
}

.dq-process-label {
    width: auto !important;
    margin-bottom: 13px !important;
}

.dq-process-label .elementor-heading-title {
    display: inline-block !important;

    padding: 8px 16px !important;

    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.07) !important;

    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 40px !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
}

.dq-process-title {
    width: 100% !important;
    margin-bottom: 14px !important;
}

.dq-process-title .elementor-heading-title {
    color: #ffffff !important;

    font-size: 42px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: -0.7px !important;

    text-align: center !important;
}

.dq-process-description {
    width: 100% !important;
    max-width: 690px !important;
}

.dq-process-description,
.dq-process-description p {
    margin: 0 !important;

    color: #c7d0d9 !important;

    font-size: 18px !important;
    line-height: 1.65 !important;

    text-align: center !important;
}


/* =========================================================
   CONTENEDOR DE PASOS
   ========================================================= */

.dq-process-steps {
    position: relative !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    width: 100% !important;

    gap: 24px !important;
}

/* Línea que conecta los números */

.dq-process-steps::before {
    content: "";

    position: absolute;
    top: 28px;
    left: 12.5%;
    right: 12.5%;

    height: 2px;

    background: linear-gradient(
        90deg,
        rgba(227, 30, 36, 0.25),
        #e31e24,
        rgba(227, 30, 36, 0.25)
    );

    z-index: 0;
}


/* =========================================================
   CADA PASO
   ========================================================= */

.dq-process-step {
    position: relative;
    z-index: 1;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;

    padding: 0 14px !important;

    text-align: center !important;
}


/* Número */

.dq-process-number {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 58px !important;

    margin: 0 auto 20px !important;

    background: #e31e24 !important;
    border: 5px solid #071a2f !important;
    border-radius: 50% !important;

    box-shadow: 0 8px 22px rgba(227, 30, 36, 0.28);
}

.dq-process-number .elementor-heading-title {
    color: #ffffff !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}


/* Icono */

.dq-process-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 58px !important;

    margin: 0 auto 18px !important;

    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;

    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    border-radius: 15px !important;
}

.dq-process-icon .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;
}

.dq-process-icon .elementor-icon {
    color: #ffffff !important;
    font-size: 27px !important;
}


/* Título */

.dq-process-step-title {
    width: 100% !important;
    min-height: 58px !important;

    margin-bottom: 10px !important;
}

.dq-process-step-title .elementor-heading-title {
    color: #ffffff !important;

    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;

    text-align: center !important;
}


/* Texto */

.dq-process-step-text {
    width: 100% !important;
    max-width: 265px !important;
}

.dq-process-step-text,
.dq-process-step-text p {
    margin: 0 !important;

    color: #bac5cf !important;

    font-size: 15px !important;
    line-height: 1.65 !important;

    text-align: center !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .dq-process-section {
        padding: 62px 22px !important;
    }

    .dq-process-title .elementor-heading-title {
        font-size: 38px !important;
    }

    .dq-process-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 42px 28px !important;
    }

    .dq-process-steps::before {
        display: none !important;
    }

    .dq-process-step-title {
        min-height: 0 !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .dq-process-section {
        padding: 52px 16px !important;
    }

    .dq-process-heading {
        align-items: flex-start !important;

        margin-bottom: 36px !important;

        text-align: left !important;
    }

    .dq-process-title .elementor-heading-title {
        font-size: 34px !important;
        text-align: left !important;
    }

    .dq-process-description,
    .dq-process-description p {
        font-size: 16px !important;
        text-align: left !important;
    }

    .dq-process-steps {
        display: flex !important;
        flex-direction: column !important;

        gap: 18px !important;
    }

    .dq-process-step {
        display: grid !important;
        grid-template-columns: 58px 1fr !important;
        grid-template-areas:
            "number title"
            "icon text";

        align-items: center !important;

        padding: 20px !important;

        background: rgba(255, 255, 255, 0.06) !important;

        border: 1px solid rgba(255, 255, 255, 0.11) !important;
        border-radius: 14px !important;

        text-align: left !important;
    }

    .dq-process-number {
        grid-area: number;

        margin: 0 !important;
    }

    .dq-process-icon {
        grid-area: icon;

        width: 48px !important;
        height: 48px !important;

        margin: 12px 0 0 5px !important;
    }

    .dq-process-step-title {
        grid-area: title;

        min-height: 0 !important;
        margin: 0 0 0 16px !important;
    }

    .dq-process-step-title .elementor-heading-title {
        font-size: 20px !important;
        text-align: left !important;
    }

    .dq-process-step-text {
        grid-area: text;

        max-width: none !important;

        margin: 12px 0 0 16px !important;
    }

    .dq-process-step-text,
    .dq-process-step-text p {
        font-size: 14px !important;
        text-align: left !important;
    }
}
/* =========================================================
   CORRECCIÓN DE COLOR · ICONOS «CÓMO FUNCIONA»
   ========================================================= */

.dq-process-icon {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.10) !important;
    border: 1px solid rgba(255, 255, 255, 0.20) !important;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Iconos de fuente */
.dq-process-icon .elementor-icon,
.dq-process-icon .elementor-icon i {
    color: #ffffff !important;
}

/* Iconos SVG */
.dq-process-icon .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.dq-process-icon .elementor-icon svg path {
    fill: currentColor !important;
}

/* Efecto al pasar el cursor */
.dq-process-step:hover .dq-process-icon {
    color: #ffffff !important;
    background: #e31e24 !important;
    border-color: #e31e24 !important;

    box-shadow: 0 10px 24px rgba(227, 30, 36, 0.25) !important;

    transform: translateY(-2px);
}

.dq-process-icon {
    transition:
        color 0.22s ease,
        background-color 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease !important;
}
/* =========================================================
   SECCIÓN CONFIANZA Y EMPRESA · DESGUACES QUINTANA
   ========================================================= */

.dq-trust-section {
    width: 100% !important;
    padding: 82px 24px !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
}

.dq-trust-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 1200px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 64px !important;
}


/* =========================================================
   FOTOGRAFÍA
   ========================================================= */

.dq-trust-media {
    width: 100% !important;
    min-width: 0 !important;
}

.dq-trust-image {
    width: 100% !important;
    margin: 0 !important;
}

.dq-trust-image img {
    display: block !important;

    width: 100% !important;
    height: 430px !important;

    object-fit: cover !important;
    object-position: center center !important;

    border-radius: 20px !important;

    box-shadow: 0 22px 48px rgba(7, 26, 47, 0.16) !important;
}


/* Oculta cualquier pie visible de la imagen */

.dq-trust-image figcaption,
.dq-trust-image .wp-caption-text {
    display: none !important;
}


/* =========================================================
   COLUMNA DE CONTENIDO
   ========================================================= */

.dq-trust-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    width: 100% !important;
    min-width: 0 !important;

    gap: 0 !important;
}


/* Etiqueta */

.dq-trust-label {
    width: auto !important;
    margin-bottom: 15px !important;
}

.dq-trust-label .elementor-heading-title {
    display: inline-block !important;

    padding: 8px 16px !important;

    color: #0b3b6f !important;
    background: rgba(11, 59, 111, 0.06) !important;

    border: 1px solid rgba(11, 59, 111, 0.22) !important;
    border-radius: 40px !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
}


/* Título */

.dq-trust-title {
    width: 100% !important;
    margin-bottom: 20px !important;
}

.dq-trust-title .elementor-heading-title {
    color: #071a2f !important;

    font-size: 42px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: -0.7px !important;
}


/* Texto */

.dq-trust-text {
    width: 100% !important;
    max-width: 580px !important;

    margin-bottom: 24px !important;
}

.dq-trust-text,
.dq-trust-text p {
    margin-top: 0 !important;

    color: #5f6b78 !important;

    font-size: 17px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   LISTA DE VENTAJAS
   ========================================================= */

.dq-trust-list {
    width: 100% !important;
    margin-bottom: 28px !important;
}

.dq-trust-list .elementor-icon-list-item {
    margin-bottom: 11px !important;
}

.dq-trust-list .elementor-icon-list-icon {
    color: #e31e24 !important;
}

.dq-trust-list .elementor-icon-list-text {
    color: #243342 !important;

    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
}


/* =========================================================
   BOTONES
   ========================================================= */

.dq-trust-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    width: 100% !important;

    gap: 14px !important;
}

.dq-trust-button-primary,
.dq-trust-button-whatsapp {
    width: auto !important;
    margin: 0 !important;
}

.dq-trust-button-primary .elementor-button,
.dq-trust-button-whatsapp .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 54px !important;
    padding: 15px 22px !important;

    color: #ffffff !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}


/* Empresa: rojo */

.dq-trust-button-primary .elementor-button {
    background: #e31e24 !important;
    box-shadow: 0 9px 22px rgba(227, 30, 36, 0.22) !important;
}

.dq-trust-button-primary .elementor-button:hover {
    background: #b91419 !important;
    transform: translateY(-2px);
}


/* WhatsApp: verde */

.dq-trust-button-whatsapp .elementor-button {
    background: #20c968 !important;
    box-shadow: 0 9px 22px rgba(32, 201, 104, 0.22) !important;
}

.dq-trust-button-whatsapp .elementor-button:hover {
    background: #159d4e !important;
    transform: translateY(-2px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .dq-trust-section {
        padding: 68px 24px !important;
    }

    .dq-trust-inner {
        grid-template-columns: 1fr !important;
        max-width: 820px !important;

        gap: 42px !important;
    }

    .dq-trust-image img {
        height: 420px !important;
    }

    .dq-trust-title .elementor-heading-title {
        font-size: 38px !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .dq-trust-section {
        padding: 52px 16px !important;
    }

    .dq-trust-inner {
        gap: 32px !important;
    }

    .dq-trust-image img {
        height: 260px !important;
        border-radius: 15px !important;
    }

    .dq-trust-title .elementor-heading-title {
        font-size: 34px !important;
        line-height: 1.1 !important;
    }

    .dq-trust-text,
    .dq-trust-text p {
        font-size: 16px !important;
    }

    .dq-trust-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .dq-trust-button-primary,
    .dq-trust-button-whatsapp,
    .dq-trust-button-primary .elementor-button,
    .dq-trust-button-whatsapp .elementor-button {
        width: 100% !important;
    }
}
/* =========================================================
   CORRECCIÓN DEFINITIVA · CONFIANZA Y SERVICIO
   ESCRITORIO, TABLET Y MÓVIL
   ========================================================= */

/* La sección ocupa toda la pantalla */
.dq-trust-section {
    width: 100% !important;
    max-width: 100% !important;

    --width: 100% !important;
    --content-width: 100% !important;
}


/* =========================================================
   ESCRITORIO
   ========================================================= */

.dq-trust-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: center !important;

    width: min(100%, 1200px) !important;
    max-width: 1200px !important;
    min-width: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 64px !important;

    flex: 0 0 100% !important;
    align-self: stretch !important;

    --width: 100% !important;
    --content-width: 100% !important;
}


/* Anula los anchos estrechos heredados de Elementor */
.dq-trust-inner > .elementor-element,
.dq-trust-media,
.dq-trust-content {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    flex: 0 0 auto !important;
    flex-basis: auto !important;

    margin: 0 !important;

    --width: 100% !important;
    --content-width: 100% !important;
}


/* Fotografía */
.dq-trust-image,
.dq-trust-image .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
}

.dq-trust-image img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 430px !important;

    object-fit: cover !important;
    object-position: center center !important;

    border-radius: 20px !important;
}


/* Contenido derecho */
.dq-trust-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
}

.dq-trust-label,
.dq-trust-title,
.dq-trust-text,
.dq-trust-list,
.dq-trust-actions {
    width: 100% !important;
    max-width: 100% !important;
}


/* Impide que el título se comprima */
.dq-trust-title .elementor-heading-title {
    width: 100% !important;
    max-width: 620px !important;

    font-size: 42px !important;
    line-height: 1.12 !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .dq-trust-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;
        max-width: 820px !important;

        gap: 40px !important;
    }

    .dq-trust-media,
    .dq-trust-content {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .dq-trust-image img {
        height: 390px !important;
    }

    .dq-trust-title .elementor-heading-title {
        max-width: 100% !important;
        font-size: 38px !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .dq-trust-section {
        padding: 48px 16px !important;
    }

    .dq-trust-inner {
        width: 100% !important;
        max-width: 100% !important;

        gap: 30px !important;
    }

    .dq-trust-image img {
        height: 245px !important;
        border-radius: 15px !important;
    }

    .dq-trust-title .elementor-heading-title {
        font-size: 34px !important;
        line-height: 1.1 !important;
    }

    .dq-trust-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;

        width: 100% !important;
        gap: 10px !important;
    }

    .dq-trust-button-primary,
    .dq-trust-button-whatsapp,
    .dq-trust-button-primary .elementor-widget-container,
    .dq-trust-button-whatsapp .elementor-widget-container,
    .dq-trust-button-primary .elementor-button-wrapper,
    .dq-trust-button-whatsapp .elementor-button-wrapper,
    .dq-trust-button-primary .elementor-button,
    .dq-trust-button-whatsapp .elementor-button {
        width: 100% !important;
        max-width: 100% !important;
    }
}
/* =========================================================
   CORRECCIÓN DEL ENCABEZADO · ÚLTIMAS NOTICIAS
   ========================================================= */

.dq-news-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 780px !important;

    margin: 0 auto 40px !important;
    text-align: center !important;
}

.dq-news-description,
.dq-news-description .elementor-widget-container,
.dq-news-description p {
    color: #5f6b78 !important;
}

.dq-news-description {
    width: 100% !important;
    max-width: 720px !important;
}

.dq-news-description p {
    margin: 0 !important;

    font-size: 18px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;

    text-align: center !important;
}
/* =========================================================
   NOTICIAS · LIMITAR TÍTULOS Y EXTRACTOS
   ========================================================= */

/* Títulos: máximo dos líneas */
.dq-news-grid .elementor-post__title {
    min-height: 2.7em !important;
    margin-bottom: 8px !important;

    line-height: 1.35 !important;
}

.dq-news-grid .elementor-post__title a {
    display: -webkit-box !important;

    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    text-overflow: ellipsis !important;
}


/* Extractos: máximo cuatro líneas */
.dq-news-grid .elementor-post__excerpt {
    margin-bottom: 18px !important;
}

.dq-news-grid .elementor-post__excerpt p {
    display: -webkit-box !important;

    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;

    margin: 0 !important;

    color: #5f6b78 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;

    text-overflow: ellipsis !important;
}


/* Igualar estructura vertical */
.dq-news-grid .elementor-post {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.dq-news-grid .elementor-post__text {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
}

.dq-news-grid .elementor-post__read-more {
    margin-top: auto !important;
}
/* =========================================================
   CABECERA · MENÚ EN UNA SOLA LÍNEA EN ESCRITORIO
   ========================================================= */

@media (min-width: 1025px) {

    /* Distribución general de la cabecera */
    .dq-header-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        max-width: 1200px !important;
        margin: 0 auto !important;

        gap: 26px !important;
    }

    /* Logotipo */
    .dq-header-logo {
        flex: 0 0 210px !important;
        width: 210px !important;
        max-width: 210px !important;
    }

    /* Zona central del menú */
    .dq-header-menu {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    /* Lista horizontal sin saltos */
    .dq-header-menu .elementor-nav-menu,
    .dq-header-menu .elementor-nav-menu--main,
    .dq-header-menu nav > ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        gap: 25px !important;

        white-space: nowrap !important;
    }

    /* Cada opción conserva su ancho */
    .dq-header-menu .elementor-nav-menu > li,
    .dq-header-menu nav > ul > li {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    /* Reduce el espacio interno excesivo de Elementor */
    .dq-header-menu .elementor-nav-menu > li > a,
    .dq-header-menu nav > ul > li > a {
        padding-right: 0 !important;
        padding-left: 0 !important;

        font-size: 14px !important;
        white-space: nowrap !important;
    }

    /* Botón derecho */
    .dq-header-action {
        flex: 0 0 190px !important;
        width: 190px !important;
        max-width: 190px !important;
    }

    .dq-header-action .elementor-button {
        width: 100% !important;
        white-space: nowrap !important;
    }
}
/* Botón «Ver todas las noticias» */
.dq-news-all-button .elementor-button {
    min-height: 52px !important;
    padding: 14px 24px !important;

    color: #ffffff !important;
    background: #e31e24 !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;

    box-shadow: 0 9px 22px rgba(227, 30, 36, 0.22) !important;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

.dq-news-all-button .elementor-button:hover {
    color: #ffffff !important;
    background: #b91419 !important;

    box-shadow: 0 13px 28px rgba(227, 30, 36, 0.28) !important;
    transform: translateY(-2px);
}
/* =========================================================
   ÚLTIMAS NOTICIAS · DESGUACES QUINTANA
   SIN IMÁGENES DESTACADAS
   ========================================================= */

.dq-news-section {
    width: 100% !important;
    padding: 78px 24px !important;

    background: #f3f6f8 !important;

    box-sizing: border-box !important;
}

.dq-news-inner {
    width: 100% !important;
    max-width: 1200px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* =========================================================
   ENCABEZADO DE LA SECCIÓN
   ========================================================= */

.dq-news-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 780px !important;

    margin: 0 auto 42px !important;

    text-align: center !important;
}

.dq-news-label {
    width: auto !important;
    margin-bottom: 14px !important;
}

.dq-news-label .elementor-heading-title {
    display: inline-block !important;

    padding: 8px 16px !important;

    color: #0b3b6f !important;
    background: rgba(11, 59, 111, 0.06) !important;

    border: 1px solid rgba(11, 59, 111, 0.22) !important;
    border-radius: 40px !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
}

.dq-news-title {
    width: 100% !important;
    margin-bottom: 14px !important;
}

.dq-news-title .elementor-heading-title {
    color: #071a2f !important;

    font-size: 42px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: -0.7px !important;

    text-align: center !important;
}

.dq-news-description {
    width: 100% !important;
    max-width: 720px !important;
}

.dq-news-description,
.dq-news-description .elementor-widget-container,
.dq-news-description p {
    color: #5f6b78 !important;
}

.dq-news-description p {
    margin: 0 !important;

    font-size: 18px !important;
    line-height: 1.65 !important;

    text-align: center !important;
}


/* =========================================================
   CUADRÍCULA
   ========================================================= */

.dq-news-grid {
    width: 100% !important;
}

.dq-news-grid .elementor-posts-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 26px !important;
}


/* =========================================================
   TARJETAS
   ========================================================= */

.dq-news-grid .elementor-post {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;

    padding: 30px 28px !important;

    background: #ffffff !important;

    border: 1px solid #dfe5eb !important;
    border-top: 4px solid #0b3b6f !important;
    border-radius: 16px !important;

    box-shadow: 0 14px 34px rgba(7, 26, 47, 0.08) !important;

    overflow: hidden !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}

.dq-news-grid .elementor-post:first-child {
    border-top-color: #e31e24 !important;
}

.dq-news-grid .elementor-post:hover {
    border-color: rgba(11, 59, 111, 0.28) !important;
    border-top-color: #e31e24 !important;

    box-shadow: 0 21px 44px rgba(7, 26, 47, 0.14) !important;

    transform: translateY(-6px);
}

.dq-news-grid .elementor-post__text {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;

    width: 100% !important;
}


/* =========================================================
   TÍTULO · MÁXIMO DOS LÍNEAS
   ========================================================= */

.dq-news-grid .elementor-post__title {
    min-height: 2.65em !important;
    margin: 0 0 10px !important;

    line-height: 1.3 !important;
}

.dq-news-grid .elementor-post__title a {
    display: -webkit-box !important;

    overflow: hidden !important;

    color: #071a2f !important;

    font-size: 21px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    text-overflow: ellipsis !important;
}

.dq-news-grid .elementor-post__title a:hover {
    color: #e31e24 !important;
}


/* =========================================================
   FECHA
   ========================================================= */

.dq-news-grid .elementor-post__meta-data {
    margin: 0 0 16px !important;
    padding: 0 !important;

    color: #8a96a2 !important;

    font-size: 12px !important;
    line-height: 1.4 !important;

    border: 0 !important;
}


/* =========================================================
   EXTRACTO · MÁXIMO CUATRO LÍNEAS
   ========================================================= */

.dq-news-grid .elementor-post__excerpt {
    display: -webkit-box !important;
    flex: 0 0 auto !important;

    overflow: hidden !important;

    margin: 0 0 22px !important;

    color: #5f6b78 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;

    text-overflow: ellipsis !important;
}

.dq-news-grid .elementor-post__excerpt p {
    display: contents !important;

    margin: 0 !important;
}


/* =========================================================
   LEER NOTICIA
   ========================================================= */

.dq-news-grid .elementor-post__read-more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    align-self: flex-start !important;

    min-height: 46px !important;
    margin-top: auto !important;
    padding: 12px 18px !important;

    color: #ffffff !important;
    background: #0b3b6f !important;

    border-radius: 7px !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;

    box-shadow: 0 8px 18px rgba(11, 59, 111, 0.18) !important;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

.dq-news-grid .elementor-post:first-child .elementor-post__read-more {
    background: #e31e24 !important;
}

.dq-news-grid .elementor-post__read-more:hover {
    color: #ffffff !important;
    background: #e31e24 !important;

    box-shadow: 0 11px 24px rgba(227, 30, 36, 0.24) !important;

    transform: translateY(-2px);
}


/* =========================================================
   BOTÓN VER TODAS
   ========================================================= */

.dq-news-all-button {
    width: auto !important;
    margin: 36px auto 0 !important;
}

.dq-news-all-button .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 52px !important;
    padding: 14px 24px !important;

    color: #ffffff !important;
    background: #e31e24 !important;

    border-radius: 8px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;

    box-shadow: 0 9px 22px rgba(227, 30, 36, 0.22) !important;
}

.dq-news-all-button .elementor-button:hover {
    color: #ffffff !important;
    background: #b91419 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .dq-news-section {
        padding: 64px 22px !important;
    }

    .dq-news-grid .elementor-posts-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .dq-news-grid .elementor-post:last-child {
        grid-column: 1 / -1;

        width: calc(50% - 13px) !important;
        max-width: 420px !important;

        justify-self: center !important;
    }

    .dq-news-title .elementor-heading-title {
        font-size: 38px !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .dq-news-section {
        padding: 50px 16px !important;
    }

    .dq-news-heading {
        align-items: flex-start !important;

        margin-bottom: 32px !important;

        text-align: left !important;
    }

    .dq-news-title .elementor-heading-title {
        font-size: 34px !important;
        text-align: left !important;
    }

    .dq-news-description,
    .dq-news-description p {
        font-size: 16px !important;
        text-align: left !important;
    }

    .dq-news-grid .elementor-posts-container {
        grid-template-columns: 1fr !important;

        gap: 18px !important;
    }

    .dq-news-grid .elementor-post,
    .dq-news-grid .elementor-post:last-child {
        grid-column: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        padding: 26px 22px !important;
    }

    .dq-news-grid .elementor-post__title {
        min-height: 0 !important;
    }

    .dq-news-grid .elementor-post__title a {
        font-size: 20px !important;
    }

    .dq-news-grid .elementor-post__read-more,
    .dq-news-all-button,
    .dq-news-all-button .elementor-button {
        width: 100% !important;
    }
}
/* =========================================================
   LLAMADA FINAL A LA ACCIÓN · DESGUACES QUINTANA
   ========================================================= */

.dq-final-cta-section {
    position: relative !important;

    width: 100% !important;
    padding: 68px 24px !important;

    color: #ffffff !important;
    background:
        linear-gradient(
            120deg,
            #071a2f 0%,
            #0b2947 100%
        ) !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Detalle decorativo suave */

.dq-final-cta-section::before {
    content: "";

    position: absolute;
    top: -140px;
    right: -100px;

    width: 380px;
    height: 380px;

    background: rgba(255, 255, 255, 0.035);
    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   CONTENEDOR INTERIOR
   ========================================================= */

.dq-final-cta-inner {
    position: relative;
    z-index: 1;

    display: grid !important;
    grid-template-columns: minmax(0, 1.6fr) minmax(320px, 0.8fr) !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 1200px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 54px !important;
}


/* =========================================================
   COLUMNA DE TEXTO
   ========================================================= */

.dq-final-cta-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;

    gap: 0 !important;
}

.dq-final-cta-label {
    width: auto !important;
    margin-bottom: 14px !important;
}

.dq-final-cta-label .elementor-heading-title {
    display: inline-block !important;

    padding: 8px 15px !important;

    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;

    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 40px !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
}


/* Título */

.dq-final-cta-title {
    width: 100% !important;
    margin-bottom: 16px !important;
}

.dq-final-cta-title .elementor-heading-title {
    color: #ffffff !important;

    font-size: 39px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -0.6px !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
}


/* Texto */

.dq-final-cta-text {
    width: 100% !important;
    max-width: 720px !important;
}

.dq-final-cta-text,
.dq-final-cta-text p {
    margin: 0 !important;

    color: #c8d2dc !important;

    font-size: 18px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
}


/* =========================================================
   CONTENEDOR DE BOTONES
   ========================================================= */

.dq-final-cta-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;

    width: 100% !important;

    gap: 12px !important;
}

.dq-final-cta-primary,
.dq-final-cta-whatsapp {
    width: 100% !important;
    margin: 0 !important;
}

.dq-final-cta-primary .elementor-widget-container,
.dq-final-cta-whatsapp .elementor-widget-container,
.dq-final-cta-primary .elementor-button-wrapper,
.dq-final-cta-whatsapp .elementor-button-wrapper {
    width: 100% !important;
}


/* Configuración común */

.dq-final-cta-primary .elementor-button,
.dq-final-cta-whatsapp .elementor-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 56px !important;

    padding: 15px 22px !important;

    color: #ffffff !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-transform: uppercase !important;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease !important;
}


/* Botón rojo */

.dq-final-cta-primary .elementor-button {
    background: #e31e24 !important;

    box-shadow:
        0 10px 24px rgba(227, 30, 36, 0.28) !important;
}

.dq-final-cta-primary .elementor-button:hover {
    background: #b91419 !important;

    box-shadow:
        0 13px 30px rgba(227, 30, 36, 0.34) !important;

    transform: translateY(-2px);
}


/* Botón WhatsApp */

.dq-final-cta-whatsapp .elementor-button {
    background: #20c968 !important;

    box-shadow:
        0 10px 24px rgba(32, 201, 104, 0.24) !important;
}

.dq-final-cta-whatsapp .elementor-button:hover {
    background: #159d4e !important;

    box-shadow:
        0 13px 30px rgba(32, 201, 104, 0.30) !important;

    transform: translateY(-2px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .dq-final-cta-section {
        padding: 58px 22px !important;
    }

    .dq-final-cta-inner {
        grid-template-columns: 1fr !important;

        max-width: 820px !important;

        gap: 34px !important;
    }

    .dq-final-cta-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .dq-final-cta-title .elementor-heading-title {
        font-size: 36px !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .dq-final-cta-section {
        padding: 48px 16px !important;
    }

    .dq-final-cta-inner {
        width: 100% !important;
        max-width: 100% !important;

        gap: 28px !important;
    }

    .dq-final-cta-title .elementor-heading-title {
        font-size: 32px !important;
        line-height: 1.12 !important;
    }

    .dq-final-cta-text,
    .dq-final-cta-text p {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }

    .dq-final-cta-actions {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
    }

    .dq-final-cta-primary,
    .dq-final-cta-whatsapp,
    .dq-final-cta-primary .elementor-button,
    .dq-final-cta-whatsapp .elementor-button {
        width: 100% !important;
    }
}
/* =========================================================
   CORRECCIÓN FINAL · LLAMADA A LA ACCIÓN
   ========================================================= */

.dq-final-cta-section {
    width: 100% !important;
    max-width: 100% !important;

    --width: 100% !important;
    --content-width: 100% !important;
}

.dq-final-cta-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 342px !important;
    align-items: center !important;

    width: min(100%, 1200px) !important;
    max-width: 1200px !important;
    min-width: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 70px !important;

    flex: 0 0 100% !important;
    align-self: stretch !important;

    --width: 100% !important;
    --content-width: 100% !important;
}

/* Anula los anchos 65 % y 35 % puestos en Elementor */

.dq-final-cta-content,
.dq-final-cta-actions {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    flex: 0 0 auto !important;
    flex-basis: auto !important;

    --width: 100% !important;
    --content-width: 100% !important;
}

/* Título más ancho */

.dq-final-cta-title,
.dq-final-cta-title .elementor-heading-title {
    width: 100% !important;
    max-width: 760px !important;
}

.dq-final-cta-title .elementor-heading-title {
    font-size: 40px !important;
    line-height: 1.12 !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

/* Texto más equilibrado */

.dq-final-cta-text {
    max-width: 760px !important;
}

/* Botones iguales */

.dq-final-cta-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.dq-final-cta-primary,
.dq-final-cta-whatsapp,
.dq-final-cta-primary .elementor-widget-container,
.dq-final-cta-whatsapp .elementor-widget-container,
.dq-final-cta-primary .elementor-button-wrapper,
.dq-final-cta-whatsapp .elementor-button-wrapper,
.dq-final-cta-primary .elementor-button,
.dq-final-cta-whatsapp .elementor-button {
    width: 100% !important;
}


/* TABLET */

@media (max-width: 1024px) {

    .dq-final-cta-inner {
        grid-template-columns: 1fr !important;
        max-width: 820px !important;
        gap: 32px !important;
    }

    .dq-final-cta-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* MÓVIL */

@media (max-width: 767px) {

    .dq-final-cta-inner {
        width: 100% !important;
        max-width: 100% !important;
        gap: 26px !important;
    }

    .dq-final-cta-title .elementor-heading-title {
        max-width: 100% !important;
        font-size: 32px !important;
    }

    .dq-final-cta-actions {
        display: flex !important;
        flex-direction: column !important;
    }
}
/* =========================================================
   AJUSTE FINAL DE ANCHO · LLAMADA A LA ACCIÓN
   ========================================================= */

@media (min-width: 1025px) {

    .dq-final-cta-inner {
        width: min(1200px, calc(100% - 48px)) !important;
        max-width: min(1200px, calc(100% - 48px)) !important;

        margin-right: auto !important;
        margin-left: auto !important;

        grid-template-columns: minmax(0, 1fr) 360px !important;
        gap: 70px !important;
    }

    .dq-final-cta-inner > .elementor-element,
    .dq-final-cta-content,
    .dq-final-cta-actions {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .dq-final-cta-actions {
        width: 360px !important;
        max-width: 360px !important;

        justify-self: end !important;
    }

    .dq-final-cta-primary,
    .dq-final-cta-whatsapp,
    .dq-final-cta-primary .elementor-button,
    .dq-final-cta-whatsapp .elementor-button {
        width: 100% !important;
        max-width: 360px !important;
    }
}
/* =========================================================
   PÁGINA SOLICITAR REPUESTO · HERO
   DESGUACES QUINTANA
   ========================================================= */

.dq-request-hero {
    position: relative !important;

    width: 100% !important;
    min-height: 0 !important;

    padding: 80px 24px !important;

    color: #ffffff !important;
    /* Fondo de seguridad: no pisa la imagen elegida en Elementor */
    background-color: #071a2f !important;

    /* Mantiene las capas del hero contenidas */
    isolation: isolate !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Detalle decorativo */

.dq-request-hero::before {
    content: "";

    position: absolute;
    top: -180px;
    left: -160px;

    width: 480px;
    height: 480px;

    background: rgba(255, 255, 255, 0.035);
    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   CONTENEDOR DE DOS COLUMNAS
   ========================================================= */

.dq-request-hero-inner {
    position: relative;
    z-index: 1;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(440px, 0.82fr) !important;
    align-items: center !important;

    width: min(100%, 1200px) !important;
    max-width: 1200px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 70px !important;

    --width: 100% !important;
    --content-width: 100% !important;
}

/* Anula los anchos manuales de Elementor */

.dq-request-content,
.dq-request-form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    flex: 0 0 auto !important;

    --width: 100% !important;
    --content-width: 100% !important;
}


/* =========================================================
   COLUMNA IZQUIERDA
   ========================================================= */

.dq-request-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 0 !important;
}


/* Etiqueta */

.dq-request-label {
    width: auto !important;
    margin-bottom: 16px !important;
}

.dq-request-label .elementor-heading-title {
    display: inline-block !important;

    padding: 8px 16px !important;

    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;

    border: 1px solid rgba(255, 255, 255, 0.20) !important;
    border-radius: 40px !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
}


/* Título */

.dq-request-title {
    width: 100% !important;
    margin-bottom: 20px !important;
}

.dq-request-title .elementor-heading-title {
    color: #ffffff !important;

    font-size: 48px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: -0.9px !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}


/* Introducción */

.dq-request-intro {
    width: 100% !important;
    max-width: 650px !important;

    margin-bottom: 28px !important;
}

.dq-request-intro,
.dq-request-intro p {
    margin-top: 0 !important;

    color: #c8d2dc !important;

    font-size: 18px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   LISTA DE VENTAJAS
   ========================================================= */

.dq-request-benefits {
    width: 100% !important;
    margin-bottom: 26px !important;
}

.dq-request-benefits .elementor-icon-list-item {
    margin-bottom: 12px !important;
}

.dq-request-benefits .elementor-icon-list-icon {
    color: #e31e24 !important;
}

.dq-request-benefits .elementor-icon-list-icon svg {
    fill: #e31e24 !important;
}

.dq-request-benefits .elementor-icon-list-text {
    color: #ffffff !important;

    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
}


/* Nota final */

.dq-request-note {
    width: auto !important;

    padding: 11px 15px !important;

    background: rgba(255, 255, 255, 0.07) !important;

    border-left: 3px solid #e31e24 !important;
    border-radius: 0 7px 7px 0 !important;
}

.dq-request-note,
.dq-request-note p {
    margin: 0 !important;

    color: #d7dfe7 !important;

    font-size: 14px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   TARJETA DEL FORMULARIO
   ========================================================= */

.dq-request-form {
    display: flex !important;
    justify-content: flex-end !important;
}

.dq-request-form-card {
    width: 100% !important;
    max-width: 500px !important;

    padding: 38px !important;

    color: #17212b !important;
    background: #ffffff !important;

    border: 1px solid rgba(255, 255, 255, 0.30) !important;
    border-radius: 20px !important;

    box-shadow:
        0 28px 60px rgba(0, 0, 0, 0.28) !important;

    overflow: hidden !important;
}


/* Título del formulario */

.dq-request-form-card .elementor-heading-title {
    color: #071a2f !important;
}


/* Campos */

.dq-request-form-card .elementor-field-group {
    margin-bottom: 15px !important;
}

.dq-request-form-card .elementor-field-label {
    margin-bottom: 7px !important;

    color: #243342 !important;

    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

.dq-request-form-card input.elementor-field,
.dq-request-form-card select.elementor-field,
.dq-request-form-card textarea.elementor-field {
    min-height: 52px !important;

    padding: 13px 15px !important;

    color: #17212b !important;
    background: #f4f7fa !important;

    border: 1px solid #d4dde6 !important;
    border-radius: 8px !important;

    font-size: 15px !important;

    box-shadow: none !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease !important;
}

.dq-request-form-card input.elementor-field:focus,
.dq-request-form-card select.elementor-field:focus,
.dq-request-form-card textarea.elementor-field:focus {
    background: #ffffff !important;
    border-color: #0b3b6f !important;

    box-shadow: 0 0 0 3px rgba(11, 59, 111, 0.10) !important;

    outline: none !important;
}


/* Texto provisional */

.dq-request-form-card input::placeholder,
.dq-request-form-card textarea::placeholder {
    color: #9ba7b3 !important;
    opacity: 1 !important;
}


/* Privacidad */

.dq-request-form-card .elementor-field-type-acceptance {
    margin-top: 2px !important;
}

.dq-request-form-card .elementor-field-type-acceptance label {
    color: #566473 !important;

    font-size: 12px !important;
    line-height: 1.45 !important;
}

.dq-request-form-card .elementor-field-type-acceptance a {
    color: #0b3b6f !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}


/* =========================================================
   BOTÓN DEL FORMULARIO
   ========================================================= */

.dq-request-form-card .elementor-button {
    width: 100% !important;
    min-height: 56px !important;

    margin-top: 5px !important;
    padding: 15px 22px !important;

    color: #ffffff !important;
    background: #e31e24 !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;

    box-shadow: 0 11px 26px rgba(227, 30, 36, 0.25) !important;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}

.dq-request-form-card .elementor-button:hover {
    background: #b91419 !important;

    box-shadow: 0 14px 32px rgba(227, 30, 36, 0.32) !important;

    transform: translateY(-2px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .dq-request-hero {
        padding: 68px 24px !important;
    }

    .dq-request-hero-inner {
        grid-template-columns: 1fr !important;

        width: 100% !important;
        max-width: 820px !important;

        gap: 46px !important;
    }

    .dq-request-title .elementor-heading-title {
        font-size: 43px !important;
    }

    .dq-request-form {
        justify-content: center !important;
    }

    .dq-request-form-card {
        max-width: 650px !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .dq-request-hero {
        padding: 50px 16px !important;
    }

    .dq-request-hero-inner {
        gap: 34px !important;
    }

    .dq-request-title .elementor-heading-title {
        font-size: 36px !important;
        line-height: 1.08 !important;
    }

    .dq-request-intro,
    .dq-request-intro p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .dq-request-benefits .elementor-icon-list-text {
        font-size: 15px !important;
    }

    .dq-request-form-card {
        width: 100% !important;
        max-width: 100% !important;

        padding: 28px 22px !important;

        border-radius: 16px !important;
    }
}


/* =========================================================
   MÓVILES PEQUEÑOS
   ========================================================= */

@media (max-width: 420px) {

    .dq-request-title .elementor-heading-title {
        font-size: 33px !important;
    }

    .dq-request-form-card {
        padding: 25px 18px !important;
    }
}
/* =========================================================
   CORRECCIÓN DEFINITIVA MÓVIL · SOLICITAR REPUESTO
   ========================================================= */

@media (max-width: 767px) {

    /* Impide cualquier desplazamiento horizontal */
    html,
    body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .dq-request-hero {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        padding: 46px 18px !important;

        overflow: hidden !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }

    /* Fuerza las dos columnas a colocarse una debajo de otra */
    .dq-request-hero-inner {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 auto !important;
        padding: 0 !important;

        gap: 34px !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }

    /* Anula el 52 % y 48 % configurado en Elementor */
    .dq-request-hero-inner > .elementor-element,
    .dq-request-content,
    .dq-request-form {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        flex: 0 0 100% !important;
        flex-basis: 100% !important;

        margin: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }

    /* Columna informativa */
    .dq-request-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        overflow: visible !important;
    }

    .dq-request-label {
        width: auto !important;
        max-width: 100% !important;
    }

    /* Título sin recortes */
    .dq-request-title,
    .dq-request-title .elementor-widget-container,
    .dq-request-title .elementor-heading-title {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .dq-request-title .elementor-heading-title {
        font-size: 34px !important;
        line-height: 1.08 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        hyphens: none !important;
    }

    /* Párrafo introductorio */
    .dq-request-intro,
    .dq-request-intro .elementor-widget-container,
    .dq-request-intro p {
        width: 100% !important;
        max-width: 100% !important;

        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

    .dq-request-intro,
    .dq-request-intro p {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }

    /* Lista: permite que cada línea se adapte al ancho */
    .dq-request-benefits,
    .dq-request-benefits .elementor-widget-container,
    .dq-request-benefits .elementor-icon-list-items {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .dq-request-benefits .elementor-icon-list-item {
        display: flex !important;
        align-items: flex-start !important;

        width: 100% !important;
        min-width: 0 !important;

        margin-bottom: 13px !important;
    }

    .dq-request-benefits .elementor-icon-list-icon {
        flex: 0 0 auto !important;
        margin-top: 3px !important;
    }

    .dq-request-benefits .elementor-icon-list-text {
        display: block !important;
        flex: 1 1 auto !important;

        min-width: 0 !important;

        font-size: 15px !important;
        line-height: 1.45 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    /* Nota sin salir de la pantalla */
    .dq-request-note,
    .dq-request-note .elementor-widget-container,
    .dq-request-note p {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

    .dq-request-note {
        padding: 12px 14px !important;
    }

    /* Formulario debajo del contenido */
    .dq-request-form {
        display: block !important;
    }

    .dq-request-form-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 28px 20px !important;

        box-sizing: border-box !important;
        border-radius: 16px !important;

        transform: none !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }

    .dq-request-form-card .elementor-widget-container,
    .dq-request-form-card form,
    .dq-request-form-card .elementor-form-fields-wrapper,
    .dq-request-form-card .elementor-field-group {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .dq-request-form-card input,
    .dq-request-form-card select,
    .dq-request-form-card textarea,
    .dq-request-form-card .elementor-button {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }
}


/* MÓVILES MUY ESTRECHOS */

@media (max-width: 420px) {

    .dq-request-hero {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    .dq-request-title .elementor-heading-title {
        font-size: 31px !important;
    }

    .dq-request-form-card {
        padding: 25px 17px !important;
    }
}
/* =========================================================
   MOSTRAR FORMULARIO EN MÓVIL · SOLICITAR REPUESTO
   ========================================================= */

@media (max-width: 767px) {

    .dq-request-hero,
    .dq-request-hero-inner {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    .dq-request-form,
    .dq-request-form-card {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;

        overflow: visible !important;
        transform: none !important;
    }

    .dq-request-form.elementor-hidden-mobile,
    .dq-request-form-card.elementor-hidden-mobile {
        display: block !important;
    }

    .dq-request-form-card form,
    .dq-request-form-card .elementor-form-fields-wrapper {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
}
/* =========================================================
   FORMULARIO SOLICITAR REPUESTO · CONTENEDOR LIMPIO
   ========================================================= */

.dq-request-form {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
}

.dq-request-form-widget {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    max-width: 500px !important;

    margin: 0 0 0 auto !important;
    padding: 38px !important;

    background: #ffffff !important;
    border-radius: 20px !important;

    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.28) !important;

    box-sizing: border-box !important;
}

.dq-request-form-widget form,
.dq-request-form-widget .elementor-form-fields-wrapper,
.dq-request-form-widget .elementor-field-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

@media (max-width: 1024px) {

    .dq-request-form-widget {
        max-width: 650px !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 767px) {

    .dq-request-form {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }

    .dq-request-form-widget {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 28px 20px !important;

        border-radius: 16px !important;

        transform: none !important;
        overflow: visible !important;
    }

    .dq-request-form-widget input,
    .dq-request-form-widget select,
    .dq-request-form-widget textarea,
    .dq-request-form-widget .elementor-button {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }
}
/* =========================================================
   FOOTER MÓVIL DEFINITIVO · DESGUACES QUINTANA
   ========================================================= */

@media (max-width: 767px) {

    /* CONTENEDOR EXTERIOR */
    .dq-footer-main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        padding: 46px 20px 26px !important;
        margin: 0 !important;

        box-sizing: border-box !important;
        overflow: hidden !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }

    .dq-footer-main > .e-con-inner,
    .dq-footer-main > .elementor-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 auto !important;
        padding: 0 !important;
    }


    /* CONTENEDOR QUE AGRUPA LAS CUATRO COLUMNAS */
    .dq-footer-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-flow: row !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 30px !important;

        overflow: visible !important;

        --display: grid !important;
        --width: 100% !important;
        --content-width: 100% !important;
    }


    /* LAS CUATRO COLUMNAS */
    .dq-footer-grid > .e-con,
    .dq-footer-grid > .elementor-element,
    .dq-footer-grid > .elementor-column {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        flex: 0 0 auto !important;
        flex-basis: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }


    /* WIDGETS INTERIORES */
    .dq-footer-grid .elementor-widget,
    .dq-footer-grid .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }


    /* LOGO */
    .dq-footer-grid img {
        display: block !important;

        width: auto !important;
        max-width: 190px !important;
        height: auto !important;

        margin: 0 0 18px !important;
    }


    /* TÍTULOS */
    .dq-footer-grid .elementor-heading-title {
        width: 100% !important;
        margin: 0 0 16px !important;

        font-size: 23px !important;
        line-height: 1.2 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }


    /* PÁRRAFOS Y ENLACES */
    .dq-footer-grid p,
    .dq-footer-grid li,
    .dq-footer-grid a,
    .dq-footer-grid span {
        max-width: 100% !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    .dq-footer-grid p {
        margin-top: 0 !important;

        font-size: 15px !important;
        line-height: 1.65 !important;
    }


    /* MENÚS DEL FOOTER */
    .dq-footer-grid nav,
    .dq-footer-grid nav ul,
    .dq-footer-grid .elementor-nav-menu,
    .dq-footer-grid .elementor-nav-menu--main {
        width: 100% !important;
        max-width: 100% !important;
    }

    .dq-footer-grid nav ul,
    .dq-footer-grid .elementor-nav-menu {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 8px !important;
    }

    .dq-footer-grid nav ul li,
    .dq-footer-grid .elementor-nav-menu > li {
        width: 100% !important;
        margin: 0 !important;
    }

    .dq-footer-grid nav ul li a,
    .dq-footer-grid .elementor-nav-menu > li > a {
        display: block !important;

        width: 100% !important;
        padding: 2px 0 !important;

        white-space: normal !important;
    }


    /* LISTAS CON ICONOS Y CONTACTO */
    .dq-footer-grid .elementor-icon-list-items {
        width: 100% !important;
    }

    .dq-footer-grid .elementor-icon-list-item {
        display: flex !important;
        align-items: flex-start !important;

        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .dq-footer-grid .elementor-icon-list-icon {
        flex: 0 0 auto !important;
        margin-top: 3px !important;
    }

    .dq-footer-grid .elementor-icon-list-text {
        flex: 1 1 auto !important;
        min-width: 0 !important;

        white-space: normal !important;
        overflow-wrap: break-word !important;
    }


    /* BARRA INFERIOR */
    .dq-footer-bottom {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 34px 0 0 !important;
        padding: 22px 0 0 !important;

        gap: 14px !important;

        border-top: 1px solid rgba(255, 255, 255, 0.14) !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }

    .dq-footer-bottom > .e-con,
    .dq-footer-bottom > .elementor-element {
        width: 100% !important;
        max-width: 100% !important;

        text-align: left !important;
    }

    .dq-footer-bottom nav ul,
    .dq-footer-bottom .elementor-nav-menu {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        width: 100% !important;
        gap: 8px !important;
    }
}
/* =========================================================
   TRANSPARENCIA SEGURA · SECCIONES DE LA PORTADA
   NO ELIMINA LA IMAGEN GENERAL
   ========================================================= */

/* Secciones claras */
.dq-services-section,
.dq-trust-section,
.dq-news-section {
    background-color: rgba(244, 247, 249, 0.72) !important;

    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

/* Contenedores interiores transparentes */
.dq-services-inner,
.dq-services-heading,
.dq-services-grid,
.dq-trust-inner,
.dq-trust-media,
.dq-trust-content,
.dq-news-inner,
.dq-news-heading {
    background-color: transparent !important;
}

/* Tarjetas: más opacas para conservar la lectura */
.dq-service-card,
.dq-news-grid .elementor-post {
    background-color: rgba(255, 255, 255, 0.91) !important;

    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}

/* Confianza: el contenido permanece transparente */
.dq-trust-content {
    background-color: transparent !important;
}

/* Tablet y móvil: algo más de opacidad */
@media (max-width: 1024px) {

    .dq-services-section,
    .dq-trust-section,
    .dq-news-section {
        background-color: rgba(244, 247, 249, 0.82) !important;
    }

    .dq-service-card,
    .dq-news-grid .elementor-post {
        background-color: rgba(255, 255, 255, 0.95) !important;
    }
}
/* =========================================================
   AJUSTE FINAL DE TRANSPARENCIAS · PORTADA
   ========================================================= */

/* Servicios: fondo claro, pero controlado */
.dq-services-section {
    background-color: rgba(244, 247, 249, 0.82) !important;
}

/* Confianza: sustituye el blanco totalmente sólido */
.dq-trust-section {
    background-color: rgba(255, 255, 255, 0.88) !important;

    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

/* Noticias: un poco más opaca para reducir distracciones */
.dq-news-section {
    background-color: rgba(244, 247, 249, 0.84) !important;

    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

/* Las tarjetas conservan máxima legibilidad */
.dq-service-card,
.dq-news-grid .elementor-post {
    background-color: rgba(255, 255, 255, 0.95) !important;
}

/* Tablet y móvil */
@media (max-width: 1024px) {

    .dq-services-section,
    .dq-trust-section,
    .dq-news-section {
        background-color: rgba(244, 247, 249, 0.92) !important;
    }

    .dq-service-card,
    .dq-news-grid .elementor-post {
        background-color: rgba(255, 255, 255, 0.98) !important;
    }
}
/* =========================================================
   AJUSTES FINALES DE PORTADA
   MENÚ · FORMULARIO HERO · FOOTER
   ========================================================= */


/* =========================================================
   1. LÍNEA ACTIVA DEL MENÚ
   Más baja y desde el inicio hasta el final del elemento
   ========================================================= */

@media (min-width: 1025px) {

    .dq-header .elementor-nav-menu--main .elementor-item::after,
    .dq-main-menu .elementor-nav-menu--main .elementor-item::after {
        left: 0 !important;
        right: 0 !important;
        bottom: 8px !important;

        width: auto !important;
        height: 3px !important;

        border-radius: 3px !important;
        background-color: #e31e24 !important;

        transform-origin: left center !important;
    }
}


/* =========================================================
   2. CENTRAR EL FORMULARIO EN SU COLUMNA DERECHA
   ========================================================= */

@media (min-width: 1025px) {

    .dq-hero-col-right {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-width: 0 !important;
    }

    .dq-hero-form-card {
        width: 100% !important;
        max-width: 440px !important;

        margin-right: auto !important;
        margin-left: auto !important;

        align-self: center !important;
        justify-self: center !important;
    }
}


/* =========================================================
   3. CENTRAR EL BLOQUE COMPLETO DEL FOOTER
   Mantiene los textos alineados a la izquierda
   ========================================================= */

@media (min-width: 1025px) {

    .dq-footer-inner {
        display: grid !important;
        grid-template-columns:
            minmax(270px, 1.25fr)
            minmax(170px, 0.8fr)
            minmax(190px, 0.9fr)
            minmax(270px, 1.1fr) !important;

        width: calc(100% - 48px) !important;
        max-width: 1200px !important;

        margin-right: auto !important;
        margin-left: auto !important;
        padding-right: 0 !important;
        padding-left: 0 !important;

        align-items: start !important;
        justify-content: center !important;

        gap: 48px !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }

    .dq-footer-brand,
    .dq-footer-nav,
    .dq-footer-services,
    .dq-footer-contact {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
    }
}
/* =========================================================
   HERO · DISTRIBUCIÓN DEFINITIVA EN ESCRITORIO
   TEXTO + FORMULARIO CON ANCHO CORRECTO
   ========================================================= */

@media (min-width: 1025px) {

    /* Conjunto completo centrado */
    .dq-hero-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 460px !important;
        align-items: center !important;

        width: calc(100% - 140px) !important;
        max-width: 1440px !important;

        margin-right: auto !important;
        margin-left: auto !important;
        padding: 0 !important;

        gap: 80px !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }

    /* Primera columna: contenido */
    .dq-hero-inner > :first-child,
    .dq-hero-col-left,
    .dq-hero-copy {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        justify-self: start !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }

    /* Segunda columna: formulario */
    .dq-hero-inner > :nth-child(2),
    .dq-hero-col-right {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;

        width: 460px !important;
        min-width: 460px !important;
        max-width: 460px !important;

        margin: 0 !important;
        padding: 0 !important;

        justify-self: end !important;

        flex: 0 0 460px !important;
        flex-basis: 460px !important;

        --width: 460px !important;
        --content-width: 460px !important;
    }

    /* Tarjeta blanca */
    .dq-hero-form-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 460px !important;
        min-width: 460px !important;
        max-width: 460px !important;

        margin: 0 !important;
        padding: 38px 42px !important;

        align-self: stretch !important;

        box-sizing: border-box !important;

        --width: 460px !important;
        --content-width: 100% !important;
    }

    /* Todo el contenido interno ocupa el ancho */
    .dq-hero-form-card > .elementor-element,
    .dq-hero-form-card .elementor-widget,
    .dq-hero-form-card .elementor-widget-container,
    .dq-form-titulo,
    .dq-form-rapido,
    .dq-form-rapido form,
    .dq-form-rapido .elementor-form-fields-wrapper,
    .dq-form-rapido .elementor-field-group {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .dq-form-rapido input,
    .dq-form-rapido select,
    .dq-form-rapido textarea,
    .dq-form-rapido .elementor-button {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }
}


/* TABLET Y MÓVIL: NO FIJAR 460 PX */

@media (max-width: 1024px) {

    .dq-hero-inner > :nth-child(2),
    .dq-hero-col-right,
    .dq-hero-form-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        flex: 0 0 100% !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }
}
/* =========================================================
   FOOTER · DISTRIBUCIÓN CORRECTA EN ESCRITORIO
   ========================================================= */

@media (min-width: 1025px) {

    .dq-footer-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        justify-content: space-between !important;

        width: min(1200px, calc(100% - 48px)) !important;
        max-width: 1200px !important;

        margin-right: auto !important;
        margin-left: auto !important;
        padding: 0 !important;

        gap: 48px !important;

        --display: flex !important;
        --flex-direction: row !important;
        --flex-wrap: nowrap !important;
        --width: 100% !important;
    }

    .dq-footer-brand {
        width: auto !important;
        max-width: none !important;
        flex: 0 1 320px !important;
    }

    .dq-footer-nav {
        width: auto !important;
        max-width: none !important;
        flex: 0 0 170px !important;
    }

    .dq-footer-services {
        width: auto !important;
        max-width: none !important;
        flex: 0 0 210px !important;
    }

    .dq-footer-contact {
        width: auto !important;
        max-width: none !important;
        flex: 0 1 320px !important;
    }

    .dq-footer-brand,
    .dq-footer-nav,
    .dq-footer-services,
    .dq-footer-contact {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        --flex-direction: column !important;
    }
}
/* =========================================================
   SOLICITAR REPUESTO · CORRECCIÓN DEFINITIVA EN MÓVIL
   Reduce el espacio superior y muestra el formulario
   ========================================================= */

@media (max-width: 767px) {

    /* CONTENEDOR EXTERIOR */
    .dq-request-hero {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 32px 16px 42px !important;
        margin: 0 !important;

        overflow: visible !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }


    /* TEXTO Y FORMULARIO, UNO DEBAJO DEL OTRO */
    .dq-request-hero-inner {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;

        align-items: stretch !important;
        justify-content: flex-start !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 30px !important;

        overflow: visible !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }


    /* ANULA LOS PORCENTAJES DE ESCRITORIO */
    .dq-request-content,
    .dq-request-form {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        flex: 0 0 auto !important;
        flex-basis: auto !important;
        align-self: stretch !important;

        overflow: visible !important;
        transform: none !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }

    .dq-request-content {
        order: 1 !important;
    }

    .dq-request-form {
        order: 2 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        visibility: visible !important;
        opacity: 1 !important;
    }


    /* REDUCE EL ESPACIO ANTES DE LA ETIQUETA */
    .dq-request-label {
        margin-top: 0 !important;
    }

    .dq-request-content > :first-child {
        margin-top: 0 !important;
    }


    /* TÍTULO ADAPTADO */
    .dq-request-title,
    .dq-request-title .elementor-widget-container,
    .dq-request-title .elementor-heading-title {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .dq-request-title .elementor-heading-title {
        font-size: 33px !important;
        line-height: 1.08 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }


    /* TEXTOS Y LISTAS SIN RECORTES */
    .dq-request-intro,
    .dq-request-benefits,
    .dq-request-note {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .dq-request-intro p,
    .dq-request-note p,
    .dq-request-benefits .elementor-icon-list-text {
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }


    /* TARJETA BLANCA DEL FORMULARIO */
    .dq-request-form-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 26px 18px !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: visible !important;
        transform: none !important;

        box-sizing: border-box !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }


    /* WIDGET DEL FORMULARIO */
    .dq-request-form-widget,
    .dq-request-form-widget .elementor-widget-container,
    .dq-request-form-widget form,
    .dq-request-form-widget .elementor-form-fields-wrapper {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: visible !important;
    }

    .dq-request-form-widget .elementor-form-fields-wrapper {
        display: flex !important;
        flex-direction: column !important;
    }

    .dq-request-form-widget .elementor-field-group {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-basis: 100% !important;
    }

    .dq-request-form-widget input,
    .dq-request-form-widget select,
    .dq-request-form-widget textarea,
    .dq-request-form-widget .elementor-button {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    /* ANULA UN POSIBLE OCULTADO RESPONSIVE */
    .dq-request-form.elementor-hidden-mobile,
    .dq-request-form-card.elementor-hidden-mobile,
    .dq-request-form-widget.elementor-hidden-mobile {
        display: block !important;
    }
}


/* MÓVILES ESTRECHOS */

@media (max-width: 420px) {

    .dq-request-hero {
        padding: 26px 14px 38px !important;
    }

    .dq-request-title .elementor-heading-title {
        font-size: 31px !important;
    }

    .dq-request-form-card {
        padding: 24px 16px !important;
    }
}
/* =========================================================
   SOLICITAR REPUESTO · FORMULARIO MÓVIL DEFINITIVO
   Pegar al final absoluto del CSS
   ========================================================= */

@media screen and (max-width: 767px) {

    /* SECCIÓN EXTERIOR */
    html body .elementor .dq-request-hero {
        display: block !important;
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 28px 14px 40px !important;

        overflow: visible !important;
        box-sizing: border-box !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }


    /* PADRE: TEXTO ARRIBA Y FORMULARIO DEBAJO */
    html body .elementor .dq-request-hero-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        grid-auto-flow: row !important;

        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 28px !important;

        overflow: visible !important;
        transform: none !important;

        --display: grid !important;
        --width: 100% !important;
        --content-width: 100% !important;
    }


    /* COLUMNA DE TEXTO */
    html body .elementor .dq-request-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        grid-column: 1 !important;
        grid-row: 1 !important;

        position: static !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
        transform: none !important;

        --display: flex !important;
        --flex-direction: column !important;
        --width: 100% !important;
        --content-width: 100% !important;
    }


    /* COLUMNA DEL FORMULARIO */
    html body .elementor .dq-request-form,
    html body .elementor .dq-request-form.elementor-hidden-mobile {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;

        grid-column: 1 !important;
        grid-row: 2 !important;

        position: static !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: visible !important;
        transform: none !important;
        translate: none !important;
        clip: auto !important;
        clip-path: none !important;

        content-visibility: visible !important;
        contain: none !important;

        --display: flex !important;
        --flex-direction: column !important;
        --width: 100% !important;
        --content-width: 100% !important;
    }


    /* TARJETA BLANCA */
    html body .elementor .dq-request-form-card,
    html body .elementor .dq-request-form-card.elementor-hidden-mobile {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        position: static !important;
        inset: auto !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 26px 18px !important;

        color: #17212b !important;
        background: #ffffff !important;

        border-radius: 16px !important;
        box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24) !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: visible !important;
        transform: none !important;
        clip-path: none !important;

        box-sizing: border-box !important;

        --display: flex !important;
        --flex-direction: column !important;
        --width: 100% !important;
        --content-width: 100% !important;
    }


    /* WIDGET FORMULARIO: ELIMINA LA SEGUNDA TARJETA */
    html body .elementor .dq-request-form-widget,
    html body .elementor .dq-request-form-widget.elementor-hidden-mobile {
        display: block !important;
        position: static !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: visible !important;
        transform: none !important;
        clip-path: none !important;

        box-sizing: border-box !important;
    }


    /* CONTENIDO INTERIOR DEL FORMULARIO */
    html body .elementor .dq-request-form-card > .elementor-element,
    html body .elementor .dq-request-form-card .elementor-widget,
    html body .elementor .dq-request-form-card .elementor-widget-container,
    html body .elementor .dq-request-form-widget form,
    html body .elementor .dq-request-form-widget .elementor-form-fields-wrapper {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin-right: 0 !important;
        margin-left: 0 !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: visible !important;
        transform: none !important;

        box-sizing: border-box !important;
    }


    /* CAMPOS UNO DEBAJO DE OTRO */
    html body .elementor .dq-request-form-widget .elementor-form-fields-wrapper {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }

    html body .elementor .dq-request-form-widget .elementor-field-group {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        flex: 0 0 100% !important;
        flex-basis: 100% !important;

        box-sizing: border-box !important;
    }

    html body .elementor .dq-request-form-widget input,
    html body .elementor .dq-request-form-widget select,
    html body .elementor .dq-request-form-widget textarea,
    html body .elementor .dq-request-form-widget button,
    html body .elementor .dq-request-form-widget .elementor-button {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }


    /* TÍTULO DEL FORMULARIO */
    html body .elementor .dq-request-form-title,
    html body .elementor .dq-request-form-title .elementor-heading-title {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        color: #071a2f !important;

        visibility: visible !important;
        opacity: 1 !important;
    }

    html body .elementor .dq-request-form-title .elementor-heading-title {
        font-size: 27px !important;
        line-height: 1.15 !important;

        white-space: normal !important;
        overflow-wrap: break-word !important;
    }
}
/* =========================================================
   SOLICITAR REPUESTO · ALINEACIÓN DEL FORMULARIO EN MÓVIL
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Tarjeta */
    html body .elementor .dq-request-form-card {
        width: 100% !important;
        max-width: 100% !important;

        padding: 26px 20px !important;

        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* El formulario ocupa todo el ancho disponible */
    html body .elementor .dq-request-form-widget,
    html body .elementor .dq-request-form-widget .elementor-widget-container,
    html body .elementor .dq-request-form-widget form {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    /* Elimina márgenes negativos propios de Elementor */
    html body .elementor
    .dq-request-form-widget
    .elementor-form-fields-wrapper {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    /* Cada campo ocupa una fila completa */
    html body .elementor
    .dq-request-form-widget
    .elementor-field-group {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 0 15px !important;
        padding: 0 !important;

        flex: none !important;
        flex-basis: auto !important;

        box-sizing: border-box !important;
    }

    /* Etiquetas encima del campo */
    html body .elementor
    .dq-request-form-widget
    .elementor-field-label {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 7px !important;
        padding: 0 !important;

        font-size: 13px !important;
        line-height: 1.35 !important;

        text-align: left !important;
    }

    /* Inputs completamente contenidos */
    html body .elementor
    .dq-request-form-widget input.elementor-field,
    html body .elementor
    .dq-request-form-widget select.elementor-field,
    html body .elementor
    .dq-request-form-widget textarea.elementor-field {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 13px 14px !important;

        box-sizing: border-box !important;

        float: none !important;
        position: static !important;
        transform: none !important;
    }

    /* Privacidad */
    html body .elementor
    .dq-request-form-widget
    .elementor-field-type-acceptance {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;

        width: 100% !important;

        gap: 8px !important;
    }

    html body .elementor
    .dq-request-form-widget
    .elementor-field-type-acceptance input {
        width: auto !important;
        flex: 0 0 auto !important;
        margin-top: 3px !important;
    }

    html body .elementor
    .dq-request-form-widget
    .elementor-field-type-acceptance label {
        width: auto !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    /* Botón */
    html body .elementor
    .dq-request-form-widget
    .elementor-field-type-submit,
    html body .elementor
    .dq-request-form-widget
    .elementor-button {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }
}
/* =========================================================
   PÁGINA SOLICITAR REPUESTO
   SECCIÓN: ¿QUÉ DATOS NECESITAMOS?
   ========================================================= */


/* SECCIÓN EXTERIOR */

.dq-request-data-section {
    position: relative;

    width: 100% !important;
    max-width: 100% !important;

    padding: 80px 24px !important;

    background:
        linear-gradient(
            180deg,
            rgba(246, 248, 250, 0.98) 0%,
            rgba(232, 237, 242, 0.98) 100%
        ) !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}


/* CONTENEDOR INTERIOR */

.dq-request-data-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 1200px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 42px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

.dq-request-data-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 780px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 14px !important;

    text-align: center !important;
}


/* ETIQUETA SUPERIOR */

.dq-request-data-label {
    width: auto !important;
    max-width: 100% !important;

    margin: 0 auto !important;
}

.dq-request-data-label .elementor-heading-title {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;

    margin: 0 !important;
    padding: 9px 18px !important;

    color: #0b4174 !important;
    background: #e9eff5 !important;

    border: 1px solid #b9c9d8 !important;
    border-radius: 999px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
}


/* TÍTULO */

.dq-request-data-title,
.dq-request-data-title .elementor-widget-container {
    width: 100% !important;
}

.dq-request-data-title .elementor-heading-title {
    margin: 0 !important;

    color: #071a2f !important;

    font-size: 42px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}


/* DESCRIPCIÓN */

.dq-request-data-description,
.dq-request-data-description .elementor-widget-container {
    width: 100% !important;
}

.dq-request-data-description p {
    max-width: 720px !important;

    margin: 0 auto !important;

    color: #5d6c7b !important;

    font-size: 18px !important;
    line-height: 1.65 !important;

    text-align: center !important;
}


/* =========================================================
   CUADRÍCULA DE TARJETAS
   ========================================================= */

.dq-request-data-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 1200px !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 24px !important;

    box-sizing: border-box !important;

    --display: grid !important;
    --width: 100% !important;
}


/* TARJETAS */

.dq-request-data-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 350px !important;

    margin: 0 !important;
    padding: 34px 30px !important;

    gap: 20px !important;

    background: rgba(255, 255, 255, 0.96) !important;

    border: 1px solid #d8e0e7 !important;
    border-top: 4px solid #0b4174 !important;
    border-radius: 18px !important;

    box-shadow:
        0 18px 40px rgba(7, 26, 47, 0.10) !important;

    box-sizing: border-box !important;
    overflow: hidden !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease !important;

    --width: 100% !important;
}


/* PRIMERA TARJETA DESTACADA */

.dq-request-data-card-primary {
    border-top-color: #ed1c24 !important;
}


/* MOVIMIENTO AL PASAR EL CURSOR */

.dq-request-data-card:hover {
    transform: translateY(-6px) !important;

    box-shadow:
        0 25px 55px rgba(7, 26, 47, 0.16) !important;
}


/* =========================================================
   ICONOS
   ========================================================= */

.dq-request-data-icon {
    width: auto !important;
}

.dq-request-data-icon .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 66px !important;
    height: 66px !important;

    padding: 0 !important;

    color: #0b4174 !important;
    background: #e9eff5 !important;

    border-radius: 16px !important;

    font-size: 29px !important;
}

.dq-request-data-icon .elementor-icon svg {
    width: 29px !important;
    height: 29px !important;

    fill: currentColor !important;
}


/* ICONO DE LA PRIMERA TARJETA */

.dq-request-data-card-primary
.dq-request-data-icon
.elementor-icon {
    color: #071a2f !important;
    background: #fdebed !important;
}


/* =========================================================
   TÍTULOS DE LAS TARJETAS
   ========================================================= */

.dq-request-data-card-title,
.dq-request-data-card-title .elementor-widget-container {
    width: 100% !important;
}

.dq-request-data-card-title .elementor-heading-title {
    margin: 0 !important;

    color: #0b4174 !important;

    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}


/* =========================================================
   LISTAS
   ========================================================= */

.dq-request-data-list,
.dq-request-data-list .elementor-widget-container,
.dq-request-data-list .elementor-icon-list-items {
    width: 100% !important;
}

.dq-request-data-list .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 13px !important;
}

.dq-request-data-list .elementor-icon-list-item {
    display: flex !important;
    align-items: flex-start !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.dq-request-data-list .elementor-icon-list-icon {
    flex: 0 0 auto !important;

    margin-top: 4px !important;
    margin-right: 10px !important;
}

.dq-request-data-list .elementor-icon-list-icon i,
.dq-request-data-list .elementor-icon-list-icon svg {
    color: #ed1c24 !important;
    fill: #ed1c24 !important;

    font-size: 15px !important;
}

.dq-request-data-list .elementor-icon-list-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    color: #5d6c7b !important;

    font-size: 16px !important;
    line-height: 1.5 !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
}


/* =========================================================
   FRANJA FINAL
   ========================================================= */

.dq-request-data-cta {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    max-width: 1200px !important;

    margin: 4px 0 0 !important;
    padding: 28px 32px !important;

    gap: 30px !important;

    background:
        linear-gradient(
            110deg,
            #071a2f 0%,
            #0b345b 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 16px !important;

    box-shadow:
        0 18px 42px rgba(7, 26, 47, 0.18) !important;

    box-sizing: border-box !important;
}


/* TEXTO DE LA FRANJA */

.dq-request-data-cta-text {
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;
}

.dq-request-data-cta-text p {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 17px !important;
    line-height: 1.55 !important;
}


/* BOTÓN */

.dq-request-data-cta-button {
    flex: 0 0 auto !important;
    width: auto !important;
}

.dq-request-data-cta-button .elementor-button {
    min-width: 205px !important;

    padding: 17px 26px !important;

    color: #ffffff !important;
    background: #ed1c24 !important;

    border: 0 !important;
    border-radius: 8px !important;

    box-shadow:
        0 12px 28px rgba(237, 28, 36, 0.28) !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease !important;
}

.dq-request-data-cta-button .elementor-button:hover {
    background: #c9141b !important;
    transform: translateY(-2px) !important;
}


/* EL ANCLA NO QUEDA TAPADA POR LA CABECERA */

#solicitud-repuesto {
    scroll-margin-top: 115px !important;
}


/* =========================================================
   TABLETA
   ========================================================= */

@media (max-width: 1024px) {

    .dq-request-data-section {
        padding: 70px 28px !important;
    }

    .dq-request-data-title .elementor-heading-title {
        font-size: 38px !important;
    }

    .dq-request-data-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    .dq-request-data-card {
        min-height: 330px !important;
    }

    .dq-request-data-grid
    > .dq-request-data-card:last-child {
        grid-column: 1 / -1 !important;
        min-height: 0 !important;
    }

    .dq-request-data-cta {
        flex-direction: column !important;
        align-items: stretch !important;

        padding: 28px !important;

        text-align: center !important;
    }

    .dq-request-data-cta-button,
    .dq-request-data-cta-button .elementor-button {
        width: 100% !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .dq-request-data-section {
        padding: 54px 16px !important;
    }

    .dq-request-data-inner {
        gap: 32px !important;
    }

    .dq-request-data-heading {
        align-items: flex-start !important;

        text-align: left !important;
    }

    .dq-request-data-label {
        margin: 0 !important;
    }

    .dq-request-data-label .elementor-heading-title {
        padding: 8px 14px !important;

        font-size: 12px !important;
    }

    .dq-request-data-title .elementor-heading-title {
        font-size: 33px !important;
        line-height: 1.08 !important;

        text-align: left !important;
    }

    .dq-request-data-description p {
        font-size: 16px !important;
        line-height: 1.6 !important;

        text-align: left !important;
    }

    .dq-request-data-grid {
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 18px !important;
    }

    .dq-request-data-grid
    > .dq-request-data-card:last-child {
        grid-column: auto !important;
    }

    .dq-request-data-card {
        width: 100% !important;
        min-height: 0 !important;

        padding: 28px 24px !important;

        border-radius: 15px !important;
    }

    .dq-request-data-card:hover {
        transform: none !important;
    }

    .dq-request-data-icon .elementor-icon {
        width: 58px !important;
        height: 58px !important;

        font-size: 25px !important;
    }

    .dq-request-data-card-title
    .elementor-heading-title {
        font-size: 23px !important;
    }

    .dq-request-data-list
    .elementor-icon-list-text {
        font-size: 15px !important;
    }

    .dq-request-data-cta {
        flex-direction: column !important;
        align-items: stretch !important;

        padding: 24px 20px !important;

        gap: 20px !important;

        text-align: left !important;
    }

    .dq-request-data-cta-text p {
        font-size: 16px !important;
    }

    .dq-request-data-cta-button,
    .dq-request-data-cta-button .elementor-widget-container,
    .dq-request-data-cta-button .elementor-button {
        width: 100% !important;
    }
}
/* =========================================================
   ¿QUÉ DATOS NECESITAMOS? · ALINEACIÓN Y ANCHO DEFINITIVO
   ========================================================= */


/* LA CUADRÍCULA Y LA FRANJA INFERIOR TIENEN EL MISMO ANCHO */

html body .elementor .dq-request-data-grid,
html body .elementor .dq-request-data-cta {
    width: 100% !important;
    max-width: 1200px !important;
    min-width: 0 !important;

    margin-right: auto !important;
    margin-left: auto !important;

    align-self: stretch !important;

    box-sizing: border-box !important;
}


/* TRES COLUMNAS IGUALES EN ESCRITORIO */

html body .elementor .dq-request-data-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    justify-content: stretch !important;
    align-items: stretch !important;

    gap: 24px !important;

    --display: grid !important;
    --width: 100% !important;
    --content-width: 100% !important;
}
/* =========================================================
   DATOS NECESARIOS · ANCHO Y ALINEACIÓN DEFINITIVOS
   ========================================================= */

/* Grid y franja inferior: mismo ancho exterior */
.dq-request-data-inner > .dq-request-data-grid,
.dq-request-data-inner > .dq-request-data-cta,
.dq-request-data-inner > .e-con-inner > .dq-request-data-grid,
.dq-request-data-inner > .e-con-inner > .dq-request-data-cta {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin-right: 0 !important;
    margin-left: 0 !important;

    align-self: stretch !important;
    flex: 0 0 100% !important;

    --width: 100% !important;
    --content-width: 100% !important;

    box-sizing: border-box !important;
}


/* El grid exterior ocupa todo el ancho */
.dq-request-data-grid {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 0 !important;
}


/* Elementor puede crear este contenedor interior */
.dq-request-data-grid > .e-con-inner {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 24px !important;

    box-sizing: border-box !important;
}


/* Por si el grid no utiliza .e-con-inner */
.dq-request-data-grid:not(.e-con-boxed) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 24px !important;
}


/* Las tres tarjetas ocupan exactamente una tercera parte */
.dq-request-data-grid > .dq-request-data-card,
.dq-request-data-grid > .e-con-inner > .dq-request-data-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 360px !important;

    margin: 0 !important;

    flex: none !important;
    justify-self: stretch !important;
    align-self: stretch !important;

    --width: 100% !important;
    --content-width: 100% !important;

    box-sizing: border-box !important;
}


/* Icono centrado */
.dq-request-data-icon,
.dq-request-data-icon .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    margin: 0 auto !important;

    text-align: center !important;
}


/* Título centrado */
.dq-request-data-card-title,
.dq-request-data-card-title .elementor-widget-container,
.dq-request-data-card-title .elementor-heading-title {
    width: 100% !important;

    text-align: center !important;
}


/* Lista ocupando todo el ancho de la tarjeta */
.dq-request-data-list,
.dq-request-data-list .elementor-widget-container,
.dq-request-data-list .elementor-icon-list-items {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


/* Cada línea comienza en el mismo punto */
.dq-request-data-list .elementor-icon-list-item {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


/* Verificación alineada */
.dq-request-data-list .elementor-icon-list-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    min-width: 18px !important;

    margin: 3px 11px 0 0 !important;

    flex: 0 0 18px !important;
}


/* Texto alineado a la izquierda */
.dq-request-data-list .elementor-icon-list-text {
    display: block !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: 1 1 auto !important;

    text-align: left !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}


/* =========================================================
   TABLETA
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .dq-request-data-grid > .e-con-inner,
    .dq-request-data-grid:not(.e-con-boxed) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .dq-request-data-grid > .e-con-inner > .dq-request-data-card:last-child,
    .dq-request-data-grid:not(.e-con-boxed) > .dq-request-data-card:last-child {
        grid-column: 1 / -1 !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .dq-request-data-grid > .e-con-inner,
    .dq-request-data-grid:not(.e-con-boxed) {
        grid-template-columns: minmax(0, 1fr) !important;

        gap: 18px !important;
    }

    .dq-request-data-grid > .e-con-inner > .dq-request-data-card,
    .dq-request-data-grid:not(.e-con-boxed) > .dq-request-data-card {
        grid-column: auto !important;
        min-height: 0 !important;
    }
}
/* =========================================================
   SOLICITAR REPUESTO · PROCESO DEFINITIVO
   Sustituye todos los CSS anteriores de dq-request-process
   ========================================================= */

/* SECCIÓN */

html body .elementor .dq-request-process-section {
    width: 100% !important;
    max-width: 100% !important;
    padding: 80px 24px !important;
    background: #071f38 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* CONTENEDOR INTERIOR */

html body .elementor .dq-request-process-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 40px !important;
}

/* ENCABEZADO */

html body .elementor .dq-request-process-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 850px !important;
    margin: 0 auto !important;
    gap: 14px !important;
    text-align: center !important;
}

html body .elementor
.dq-request-process-label .elementor-heading-title {
    display: inline-flex !important;
    padding: 8px 17px !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.7px !important;
}

html body .elementor
.dq-request-process-title .elementor-heading-title {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    text-align: center !important;
}

html body .elementor .dq-request-process-description p {
    max-width: 760px !important;
    margin: 0 auto !important;
    color: #c8d2dc !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* CUADRÍCULA */

html body .elementor .dq-request-process-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 24px !important;
}

/* TARJETAS */

html body .elementor
.dq-request-process-grid > .dq-request-process-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 340px !important;
    margin: 0 !important;
    padding: 30px 28px !important;
    gap: 16px !important;
    background: #1c3853 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* NÚMEROS: EN EL FLUJO, SIN SUPERPOSICIÓN */

html body .elementor .dq-request-process-number {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    text-align: center !important;
    order: 1 !important;
}

html body .elementor
.dq-request-process-number .elementor-heading-title {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: #ed1c24 !important;
    border: 4px solid #102b46 !important;
    border-radius: 50% !important;
    box-shadow: 0 9px 22px rgba(237, 28, 36, 0.30) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

/* ICONOS */

html body .elementor .dq-request-process-icon {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    text-align: center !important;
    order: 2 !important;
}

html body .elementor
.dq-request-process-icon .elementor-widget-container {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

html body .elementor
.dq-request-process-icon .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.11) !important;
    border: 1px solid rgba(255, 255, 255, 0.20) !important;
    border-radius: 16px !important;
    font-size: 28px !important;
}

html body .elementor
.dq-request-process-icon .elementor-icon svg {
    width: 28px !important;
    height: 28px !important;
    fill: currentColor !important;
}

/* TÍTULOS DE LAS TARJETAS */

html body .elementor .dq-request-process-card-title {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    order: 3 !important;
}

html body .elementor
.dq-request-process-card-title .elementor-heading-title {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

/* TEXTOS */

html body .elementor .dq-request-process-card-text {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    order: 4 !important;
}

html body .elementor .dq-request-process-card-text p {
    margin: 0 !important;
    padding: 0 !important;
    color: #d1d9e1 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    text-align: center !important;
}

/* FRANJA FINAL */

html body .elementor .dq-request-process-cta {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 26px 30px !important;
    gap: 30px !important;
    background: #1c3853 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
}

html body .elementor .dq-request-process-cta-text {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
}

html body .elementor .dq-request-process-cta-text p {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    text-align: left !important;
}

html body .elementor .dq-request-process-cta-button {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
}

html body .elementor
.dq-request-process-cta-button .elementor-button {
    min-width: 215px !important;
    padding: 17px 25px !important;
    color: #ffffff !important;
    background: #ed1c24 !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 26px rgba(237, 28, 36, 0.28) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

/* TABLETA */

@media (min-width: 768px) and (max-width: 1024px) {

    html body .elementor .dq-request-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body .elementor
    .dq-request-process-grid > .dq-request-process-card:last-child {
        grid-column: 1 / -1 !important;
    }
}

/* MÓVIL */

@media (max-width: 767px) {

    html body .elementor .dq-request-process-section {
        padding: 55px 16px !important;
    }

    html body .elementor .dq-request-process-title .elementor-heading-title {
        font-size: 32px !important;
        text-align: left !important;
    }

    html body .elementor .dq-request-process-heading {
        align-items: flex-start !important;
        text-align: left !important;
    }

    html body .elementor .dq-request-process-description p {
        font-size: 16px !important;
        text-align: left !important;
    }

    html body .elementor .dq-request-process-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    html body .elementor
    .dq-request-process-grid > .dq-request-process-card {
        min-height: 0 !important;
        padding: 28px 22px !important;
    }

    html body .elementor .dq-request-process-cta {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 23px 20px !important;
        gap: 20px !important;
    }

    html body .elementor .dq-request-process-cta-button,
    html body .elementor
    .dq-request-process-cta-button .elementor-widget-container,
    html body .elementor
    .dq-request-process-cta-button .elementor-button {
        width: 100% !important;
    }
}
/* =========================================================
   PROCESO · ORDEN Y COLORES DEFINITIVOS
   Debe ser el último bloque de todo el CSS
   ========================================================= */

/* Tarjetas */
html body .elementor
.dq-request-process-grid
> .dq-request-process-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding: 28px 26px 32px !important;
    gap: 15px !important;

    background: #1c3853 !important;

    overflow: hidden !important;
}


/* 01, 02 Y 03: PRIMER ELEMENTO */

html body .elementor
.dq-request-process-card
> .dq-request-process-number {
    order: 1 !important;

    position: static !important;
    inset: auto !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    text-align: center !important;
}

html body .elementor
.dq-request-process-number
.elementor-heading-title {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 48px !important;
    height: 48px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: #ed1c24 !important;

    border: 4px solid #102b46 !important;
    border-radius: 50% !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}


/* ICONO: SEGUNDO ELEMENTO */

html body .elementor
.dq-request-process-card
> .dq-request-process-icon {
    order: 2 !important;

    position: static !important;

    display: flex !important;
    justify-content: center !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
}

html body .elementor
.dq-request-process-icon
.elementor-widget-container {
    display: flex !important;
    justify-content: center !important;

    width: 100% !important;
}

html body .elementor
.dq-request-process-icon
.elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 64px !important;
    height: 64px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #ffffff !important;
    fill: #ffffff !important;

    background: rgba(255, 255, 255, 0.11) !important;

    border: 1px solid rgba(255, 255, 255, 0.20) !important;
    border-radius: 16px !important;

    font-size: 28px !important;
}

html body .elementor
.dq-request-process-icon
.elementor-icon i,
html body .elementor
.dq-request-process-icon
.elementor-icon svg,
html body .elementor
.dq-request-process-icon
.elementor-icon svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}


/* TÍTULO: TERCER ELEMENTO */

html body .elementor
.dq-request-process-card
> .dq-request-process-card-title {
    order: 3 !important;

    position: static !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    text-align: center !important;
}

html body .elementor
.dq-request-process-card
.dq-request-process-card-title
.elementor-heading-title,
html body .elementor
.dq-request-process-card
.dq-request-process-card-title h2,
html body .elementor
.dq-request-process-card
.dq-request-process-card-title h3 {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;
}


/* DESCRIPCIÓN: CUARTO ELEMENTO */

html body .elementor
.dq-request-process-card
> .dq-request-process-card-text {
    order: 4 !important;

    position: static !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
}

html body .elementor
.dq-request-process-card
.dq-request-process-card-text p {
    margin: 0 !important;

    color: #d1d9e1 !important;

    font-size: 16px !important;
    line-height: 1.55 !important;

    text-align: center !important;
}
/* =========================================================
   TARJETAS «INFORMACIÓN NECESARIA» · MÓVIL
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Contenedor de las tarjetas */
    html body .elementor .dq-request-data-grid,
    html body .elementor .dq-request-data-grid > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 18px !important;

        overflow: visible !important;

        --display: flex !important;
        --flex-direction: column !important;
        --width: 100% !important;
        --content-width: 100% !important;
    }

    /* Cada tarjeta ocupa una fila completa */
    html body .elementor
    .dq-request-data-grid > .dq-request-data-card,
    html body .elementor
    .dq-request-data-grid > .e-con-inner > .dq-request-data-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 28px 24px !important;

        flex: 0 0 auto !important;
        flex-basis: auto !important;

        box-sizing: border-box !important;

        --width: 100% !important;
        --content-width: 100% !important;
    }

    /* Iconos y títulos centrados */
    html body .elementor .dq-request-data-icon,
    html body .elementor .dq-request-data-card-title {
        width: 100% !important;
        text-align: center !important;
    }

    /* Listas con ancho completo */
    html body .elementor .dq-request-data-list,
    html body .elementor
    .dq-request-data-list .elementor-widget-container,
    html body .elementor
    .dq-request-data-list .elementor-icon-list-items {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* Evita que el texto se divida letra por letra */
    html body .elementor
    .dq-request-data-list .elementor-icon-list-text {
        width: auto !important;
        min-width: 0 !important;

        text-align: left !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }
}
/* =========================================================
   SOLICITAR REPUESTO · PREGUNTAS FRECUENTES
   ========================================================= */

/* SECCIÓN EXTERIOR */

.dq-request-faq-section {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 80px 24px !important;

    background: linear-gradient(
        180deg,
        #f5f7f9 0%,
        #e9eef3 100%
    ) !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}


/* CONTENEDOR INTERIOR */

.dq-request-faq-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 1050px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 38px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

.dq-request-faq-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 760px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 13px !important;

    text-align: center !important;
}


/* ETIQUETA SUPERIOR */

.dq-request-faq-label {
    width: auto !important;
    margin: 0 auto !important;
}

.dq-request-faq-label .elementor-heading-title {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;

    margin: 0 !important;
    padding: 9px 18px !important;

    color: #0b4174 !important;
    background: #e7edf3 !important;

    border: 1px solid #b7c7d6 !important;
    border-radius: 999px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.7px !important;
}


/* TÍTULO */

.dq-request-faq-title,
.dq-request-faq-title .elementor-widget-container {
    width: 100% !important;
}

.dq-request-faq-title .elementor-heading-title {
    margin: 0 !important;

    color: #071a2f !important;

    font-size: 42px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;

    text-align: center !important;
}


/* DESCRIPCIÓN */

.dq-request-faq-description,
.dq-request-faq-description .elementor-widget-container {
    width: 100% !important;
}

.dq-request-faq-description p {
    max-width: 700px !important;

    margin: 0 auto !important;

    color: #5d6c7b !important;

    font-size: 17px !important;
    line-height: 1.65 !important;

    text-align: center !important;
}


/* =========================================================
   ACORDEÓN
   ========================================================= */

.dq-request-faq-accordion,
.dq-request-faq-accordion .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
}


/* ACORDEÓN CLÁSICO DE ELEMENTOR */

.dq-request-faq-accordion .elementor-accordion {
    display: flex !important;
    flex-direction: column !important;

    gap: 14px !important;
}

.dq-request-faq-accordion .elementor-accordion-item {
    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid #d6dfe7 !important;
    border-radius: 13px !important;

    box-shadow: 0 10px 28px rgba(7, 26, 47, 0.07) !important;
}

.dq-request-faq-accordion .elementor-tab-title {
    display: flex !important;
    align-items: center !important;

    padding: 21px 24px !important;

    color: #071a2f !important;
    background: #ffffff !important;

    border: 0 !important;

    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
}

.dq-request-faq-accordion .elementor-tab-title:hover,
.dq-request-faq-accordion .elementor-tab-title.elementor-active {
    color: #0b4174 !important;
    background: #f6f8fa !important;
}

.dq-request-faq-accordion .elementor-accordion-icon {
    color: #ed1c24 !important;

    font-size: 16px !important;
}

.dq-request-faq-accordion .elementor-tab-content {
    padding: 0 24px 23px !important;

    color: #5d6c7b !important;
    background: #ffffff !important;

    border: 0 !important;

    font-size: 16px !important;
    line-height: 1.65 !important;
}


/* ACORDEÓN ANIDADO DE ELEMENTOR */

.dq-request-faq-accordion .e-n-accordion {
    display: flex !important;
    flex-direction: column !important;

    gap: 14px !important;
}

.dq-request-faq-accordion .e-n-accordion-item {
    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid #d6dfe7 !important;
    border-radius: 13px !important;

    box-shadow: 0 10px 28px rgba(7, 26, 47, 0.07) !important;
}

.dq-request-faq-accordion .e-n-accordion-item-title,
.dq-request-faq-accordion summary {
    padding: 21px 24px !important;

    color: #071a2f !important;
    background: #ffffff !important;

    border: 0 !important;

    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
}

.dq-request-faq-accordion .e-n-accordion-item-title:hover,
.dq-request-faq-accordion .e-n-accordion-item[open] summary {
    color: #0b4174 !important;
    background: #f6f8fa !important;
}

.dq-request-faq-accordion .e-n-accordion-item-title-icon {
    color: #ed1c24 !important;
}

.dq-request-faq-accordion .e-con {
    color: #5d6c7b !important;
}

.dq-request-faq-accordion
.e-n-accordion-item
> .e-con {
    padding: 0 24px 23px !important;

    background: #ffffff !important;
}

.dq-request-faq-accordion p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    color: #5d6c7b !important;

    font-size: 16px !important;
    line-height: 1.65 !important;
}


/* =========================================================
   LLAMADA FINAL
   ========================================================= */

.dq-request-faq-cta {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 27px 30px !important;

    gap: 30px !important;

    background: linear-gradient(
        110deg,
        #071a2f 0%,
        #0b345b 100%
    ) !important;

    border-radius: 15px !important;

    box-shadow: 0 18px 40px rgba(7, 26, 47, 0.17) !important;

    box-sizing: border-box !important;
}


/* TEXTO CTA */

.dq-request-faq-cta-text {
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;
}

.dq-request-faq-cta-text p {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 17px !important;
    line-height: 1.55 !important;

    text-align: left !important;
}


/* BOTÓN WHATSAPP */

.dq-request-faq-cta-button {
    flex: 0 0 auto !important;
    width: auto !important;

    margin: 0 !important;
}

.dq-request-faq-cta-button .elementor-button {
    min-width: 235px !important;

    padding: 17px 25px !important;

    color: #ffffff !important;
    background: #20c968 !important;

    border: 0 !important;
    border-radius: 8px !important;

    box-shadow: 0 12px 28px rgba(32, 201, 104, 0.27) !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease !important;
}

.dq-request-faq-cta-button .elementor-button:hover {
    background: #18aa56 !important;
    transform: translateY(-2px) !important;
}


/* =========================================================
   TABLETA
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .dq-request-faq-section {
        padding: 70px 28px !important;
    }

    .dq-request-faq-title .elementor-heading-title {
        font-size: 38px !important;
    }

    .dq-request-faq-cta {
        flex-direction: column !important;
        align-items: stretch !important;

        text-align: center !important;
    }

    .dq-request-faq-cta-text p {
        text-align: center !important;
    }

    .dq-request-faq-cta-button,
    .dq-request-faq-cta-button .elementor-widget-container,
    .dq-request-faq-cta-button .elementor-button {
        width: 100% !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .dq-request-faq-section {
        padding: 55px 16px !important;
    }

    .dq-request-faq-inner {
        gap: 31px !important;
    }

    .dq-request-faq-heading {
        align-items: flex-start !important;

        text-align: left !important;
    }

    .dq-request-faq-label {
        margin: 0 !important;
    }

    .dq-request-faq-label .elementor-heading-title {
        padding: 8px 14px !important;

        font-size: 12px !important;
    }

    .dq-request-faq-title .elementor-heading-title {
        font-size: 33px !important;
        line-height: 1.08 !important;

        text-align: left !important;
    }

    .dq-request-faq-description p {
        font-size: 16px !important;

        text-align: left !important;
    }

    .dq-request-faq-accordion .elementor-tab-title,
    .dq-request-faq-accordion .e-n-accordion-item-title,
    .dq-request-faq-accordion summary {
        padding: 18px 17px !important;

        font-size: 16px !important;
    }

    .dq-request-faq-accordion .elementor-tab-content,
    .dq-request-faq-accordion
    .e-n-accordion-item
    > .e-con {
        padding: 0 17px 20px !important;
    }

    .dq-request-faq-cta {
        flex-direction: column !important;
        align-items: stretch !important;

        padding: 23px 20px !important;

        gap: 20px !important;
    }

    .dq-request-faq-cta-text p {
        font-size: 16px !important;

        text-align: left !important;
    }

    .dq-request-faq-cta-button,
    .dq-request-faq-cta-button .elementor-widget-container,
    .dq-request-faq-cta-button .elementor-button {
        width: 100% !important;
    }
}
/* FAQ · texto y WhatsApp en la misma línea en escritorio */
@media (min-width: 1025px) {

    .dq-request-faq-cta {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 30px !important;
    }

    .dq-request-faq-cta-text {
        width: auto !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    .dq-request-faq-cta-button {
        width: auto !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    .dq-request-faq-cta-button .elementor-widget-container,
    .dq-request-faq-cta-button .elementor-button {
        width: auto !important;
    }
}
/* FAQ · CENTRAR TEXTO Y BOTÓN EN ESCRITORIO */
@media (min-width: 1025px) {

    .dq-request-faq-cta {
        justify-content: center !important;
        gap: 42px !important;
    }

    .dq-request-faq-cta-text {
        flex: 0 1 650px !important;
        width: auto !important;
        max-width: 650px !important;
    }

    .dq-request-faq-cta-text p {
        text-align: center !important;
    }

    .dq-request-faq-cta-button {
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 !important;
    }
}
/* =========================================================
   ENTREGAR MI COCHE · HERO Y FORMULARIO
   ========================================================= */

/* SECCIÓN EXTERIOR */

html body .elementor .dq-sell-hero {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 82px 24px !important;

    background:
        radial-gradient(
            circle at top left,
            rgba(255, 255, 255, 0.055) 0,
            rgba(255, 255, 255, 0.055) 280px,
            transparent 281px
        ),
        linear-gradient(
            110deg,
            #071f38 0%,
            #173d61 100%
        ) !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}


/* CONTENEDOR INTERIOR */

html body .elementor .dq-sell-hero-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    max-width: 1200px !important;
    min-width: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 70px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   COLUMNA IZQUIERDA
   ========================================================= */

html body .elementor .dq-sell-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: 55% !important;
    max-width: 650px !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 22px !important;
}


/* ETIQUETA */

html body .elementor .dq-sell-label {
    width: auto !important;
    margin: 0 !important;
}

html body .elementor
.dq-sell-label .elementor-heading-title {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;

    margin: 0 !important;
    padding: 9px 17px !important;

    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;

    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 999px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.7px !important;
}


/* TÍTULO PRINCIPAL */

html body .elementor .dq-sell-title,
html body .elementor
.dq-sell-title .elementor-widget-container {
    width: 100% !important;
}

html body .elementor
.dq-sell-title .elementor-heading-title {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 54px !important;
    font-weight: 800 !important;
    line-height: 1.06 !important;

    text-align: left !important;
}


/* TEXTO INTRODUCTORIO */

html body .elementor .dq-sell-intro,
html body .elementor
.dq-sell-intro .elementor-widget-container {
    width: 100% !important;
}

html body .elementor .dq-sell-intro p {
    max-width: 610px !important;

    margin: 0 !important;

    color: #d1dae3 !important;

    font-size: 18px !important;
    line-height: 1.65 !important;

    text-align: left !important;
}


/* LISTA DE VENTAJAS */

html body .elementor .dq-sell-benefits,
html body .elementor
.dq-sell-benefits .elementor-widget-container,
html body .elementor
.dq-sell-benefits .elementor-icon-list-items {
    width: 100% !important;
}

html body .elementor
.dq-sell-benefits .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 12px !important;
}

html body .elementor
.dq-sell-benefits .elementor-icon-list-item {
    display: flex !important;
    align-items: flex-start !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

html body .elementor
.dq-sell-benefits .elementor-icon-list-icon {
    flex: 0 0 19px !important;

    width: 19px !important;

    margin: 4px 11px 0 0 !important;
}

html body .elementor
.dq-sell-benefits .elementor-icon-list-icon i,
html body .elementor
.dq-sell-benefits .elementor-icon-list-icon svg {
    color: #ed1c24 !important;
    fill: #ed1c24 !important;

    font-size: 16px !important;
}

html body .elementor
.dq-sell-benefits .elementor-icon-list-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 650 !important;
    line-height: 1.5 !important;

    white-space: normal !important;
}


/* NOTA */

html body .elementor .dq-sell-note {
    width: auto !important;
    max-width: 100% !important;
}

html body .elementor
.dq-sell-note .elementor-widget-container {
    padding: 14px 18px !important;

    background: rgba(255, 255, 255, 0.08) !important;

    border-left: 3px solid #ed1c24 !important;
    border-radius: 0 7px 7px 0 !important;
}

html body .elementor .dq-sell-note p {
    margin: 0 !important;

    color: #dce4eb !important;

    font-size: 15px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   COLUMNA DEL FORMULARIO
   ========================================================= */

html body .elementor .dq-sell-form {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 45% !important;
    max-width: 470px !important;
    min-width: 390px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* TARJETA BLANCA */

html body .elementor .dq-sell-form-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 38px 36px !important;

    gap: 22px !important;

    background: #ffffff !important;

    border: 1px solid #e2e7ec !important;
    border-radius: 20px !important;

    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.25) !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}


/* TÍTULO DEL FORMULARIO */

html body .elementor .dq-sell-form-title,
html body .elementor
.dq-sell-form-title .elementor-widget-container {
    width: 100% !important;
}

html body .elementor
.dq-sell-form-title .elementor-heading-title {
    position: relative !important;

    margin: 0 0 15px !important;
    padding: 0 0 17px !important;

    color: #071a2f !important;

    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;

    text-align: left !important;
}

html body .elementor
.dq-sell-form-title .elementor-heading-title::after {
    content: "";

    position: absolute;
    bottom: 0;
    left: 0;

    width: 52px;
    height: 4px;

    background: #ed1c24;

    border-radius: 999px;
}


/* =========================================================
   FORMULARIO
   ========================================================= */

html body .elementor .dq-sell-form-widget,
html body .elementor
.dq-sell-form-widget .elementor-widget-container,
html body .elementor .dq-sell-form-widget form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

html body .elementor
.dq-sell-form-widget .elementor-form-fields-wrapper {
    width: 100% !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


/* GRUPOS DE CAMPOS */

html body .elementor
.dq-sell-form-widget .elementor-field-group {
    width: 100% !important;
    max-width: 100% !important;

    margin-bottom: 15px !important;

    box-sizing: border-box !important;
}


/* ETIQUETAS */

html body .elementor
.dq-sell-form-widget .elementor-field-label {
    margin-bottom: 7px !important;

    color: #263544 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}


/* CAMPOS */

html body .elementor
.dq-sell-form-widget input.elementor-field,
html body .elementor
.dq-sell-form-widget select.elementor-field,
html body .elementor
.dq-sell-form-widget textarea.elementor-field {
    width: 100% !important;
    max-width: 100% !important;

    min-height: 52px !important;

    padding: 13px 14px !important;

    color: #263544 !important;
    background: #f4f7f9 !important;

    border: 1px solid #d5dee6 !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    font-size: 15px !important;

    box-sizing: border-box !important;
}

html body .elementor
.dq-sell-form-widget textarea.elementor-field {
    min-height: 92px !important;
    resize: vertical !important;
}

html body .elementor
.dq-sell-form-widget input.elementor-field:focus,
html body .elementor
.dq-sell-form-widget select.elementor-field:focus,
html body .elementor
.dq-sell-form-widget textarea.elementor-field:focus {
    background: #ffffff !important;

    border-color: #0b4174 !important;

    box-shadow:
        0 0 0 3px rgba(11, 65, 116, 0.10) !important;
}


/* ACEPTACIÓN */

html body .elementor
.dq-sell-form-widget .elementor-field-type-acceptance {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;

    gap: 8px !important;
}

html body .elementor
.dq-sell-form-widget .elementor-field-type-acceptance input {
    width: auto !important;

    margin-top: 3px !important;

    flex: 0 0 auto !important;
}

html body .elementor
.dq-sell-form-widget .elementor-field-type-acceptance label {
    flex: 1 1 auto !important;

    color: #5d6c7b !important;

    font-size: 12px !important;
    line-height: 1.45 !important;
}


/* BOTÓN */

html body .elementor
.dq-sell-form-widget .elementor-field-type-submit,
html body .elementor
.dq-sell-form-widget .elementor-button {
    width: 100% !important;
}

html body .elementor
.dq-sell-form-widget .elementor-button {
    min-height: 54px !important;

    padding: 16px 22px !important;

    color: #ffffff !important;
    background: #ed1c24 !important;

    border: 0 !important;
    border-radius: 8px !important;

    box-shadow:
        0 13px 28px rgba(237, 28, 36, 0.27) !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

html body .elementor
.dq-sell-form-widget .elementor-button:hover {
    background: #c9141b !important;

    transform: translateY(-2px) !important;
}


/* ANCLA */

#valoracion-coche {
    scroll-margin-top: 115px !important;
}


/* =========================================================
   TABLETA
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    html body .elementor .dq-sell-hero {
        padding: 70px 28px !important;
    }

    html body .elementor .dq-sell-hero-inner {
        gap: 38px !important;
    }

    html body .elementor .dq-sell-content {
        width: 52% !important;
    }

    html body .elementor .dq-sell-form {
        width: 48% !important;
        min-width: 340px !important;
    }

    html body .elementor
    .dq-sell-title .elementor-heading-title {
        font-size: 43px !important;
    }

    html body .elementor .dq-sell-form-card {
        padding: 32px 27px !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    html body .elementor .dq-sell-hero {
        padding: 38px 16px 48px !important;

        overflow: visible !important;
    }

    html body .elementor .dq-sell-hero-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 32px !important;

        overflow: visible !important;
    }

    html body .elementor .dq-sell-content,
    html body .elementor .dq-sell-form {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        flex: 0 0 auto !important;
    }

    html body .elementor
    .dq-sell-title .elementor-heading-title {
        font-size: 35px !important;
        line-height: 1.08 !important;
    }

    html body .elementor .dq-sell-intro p {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }

    html body .elementor .dq-sell-note {
        width: 100% !important;
    }

    html body .elementor .dq-sell-form-card {
        width: 100% !important;
        max-width: 100% !important;

        padding: 27px 19px !important;

        border-radius: 16px !important;

        overflow: hidden !important;
    }

    html body .elementor
    .dq-sell-form-title .elementor-heading-title {
        font-size: 27px !important;
    }

    html body .elementor
    .dq-sell-form-widget,
    html body .elementor
    .dq-sell-form-widget .elementor-widget-container,
    html body .elementor
    .dq-sell-form-widget form,
    html body .elementor
    .dq-sell-form-widget .elementor-form-fields-wrapper,
    html body .elementor
    .dq-sell-form-widget .elementor-field-group {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-right: 0 !important;
        margin-left: 0 !important;

        box-sizing: border-box !important;
    }

    html body .elementor
    .dq-sell-form-widget input.elementor-field,
    html body .elementor
    .dq-sell-form-widget select.elementor-field,
    html body .elementor
    .dq-sell-form-widget textarea.elementor-field {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }
}
/* =========================================================
   PARCHE · ENTREGAR MI COCHE
   Corrige aceptación y visualización móvil del formulario
   ========================================================= */

/* -------------------------
   1) ACEPTACIÓN PRIVACIDAD
   ------------------------- */

html body .elementor .dq-sell-form-widget .elementor-field-type-acceptance {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 6px 0 10px !important;
    padding: 0 !important;
}

html body .elementor .dq-sell-form-widget .elementor-field-type-acceptance .elementor-field-option {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .elementor .dq-sell-form-widget .elementor-field-type-acceptance input[type="checkbox"] {
    flex: 0 0 auto !important;
    width: 16px !important;
    height: 16px !important;
    margin: 3px 0 0 0 !important;
}

html body .elementor .dq-sell-form-widget .elementor-field-type-acceptance label {
    display: block !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    color: #5d6c7b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

/* -------------------------
   2) HERO MÓVIL
   ------------------------- */

@media (max-width: 767px) {

    html body .elementor .dq-sell-hero {
        padding: 28px 14px 36px !important;
        overflow: visible !important;
    }

    html body .elementor .dq-sell-hero-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 24px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        overflow: visible !important;
    }

    html body .elementor .dq-sell-content {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .elementor .dq-sell-form {
        order: 2 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    html body .elementor .dq-sell-form-card {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 24px 16px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    html body .elementor .dq-sell-form-widget,
    html body .elementor .dq-sell-form-widget .elementor-widget-container,
    html body .elementor .dq-sell-form-widget form,
    html body .elementor .dq-sell-form-widget .elementor-form-fields-wrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html body .elementor .dq-sell-form-widget .elementor-field-group {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html body .elementor .dq-sell-form-widget input.elementor-field,
    html body .elementor .dq-sell-form-widget select.elementor-field,
    html body .elementor .dq-sell-form-widget textarea.elementor-field {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html body .elementor .dq-sell-note {
        width: 100% !important;
        margin: 0 !important;
    }

    html body .elementor .dq-sell-note .elementor-widget-container {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}
/* ENTREGAR MI COCHE · ACEPTACIÓN ALINEADA */

html body .elementor
.dq-sell-form-widget
.elementor-field-type-acceptance
> .elementor-field-label {
    display: none !important;
}

html body .elementor
.dq-sell-form-widget
.elementor-field-type-acceptance
.elementor-field-option {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 9px !important;
}

html body .elementor
.dq-sell-form-widget
.elementor-field-type-acceptance
input[type="checkbox"] {
    display: block !important;

    width: 16px !important;
    height: 16px !important;

    margin: 2px 0 0 !important;

    flex: 0 0 16px !important;
    order: 1 !important;
}

html body .elementor
.dq-sell-form-widget
.elementor-field-type-acceptance
.elementor-field-option label {
    display: block !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: 1 1 auto !important;
    order: 2 !important;

    color: #5d6c7b !important;

    font-size: 12px !important;
    line-height: 1.45 !important;

    text-align: left !important;
}
/* =========================================================
   ENTREGAR MI COCHE · CHECKBOX DE PRIVACIDAD DEFINITIVO
   ========================================================= */

html body .elementor
.dq-sell-form-widget
.elementor-field-type-acceptance {
    display: block !important;

    width: 100% !important;

    margin: 4px 0 16px !important;
    padding: 0 !important;
}

/* Oculta la etiqueta general del campo */
html body .elementor
.dq-sell-form-widget
.elementor-field-type-acceptance
> .elementor-field-label {
    display: none !important;
}

/* Contenedor interno creado por Elementor */
html body .elementor
.dq-sell-form-widget
.elementor-field-type-acceptance
.elementor-field-subgroup {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Casilla y texto en una misma línea */
html body .elementor
.dq-sell-form-widget
.elementor-field-type-acceptance
.elementor-field-option {
    display: grid !important;
    grid-template-columns: 17px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: start !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    column-gap: 9px !important;
}

/* Casilla */
html body .elementor
.dq-sell-form-widget
.elementor-field-type-acceptance
.elementor-field-option
input[type="checkbox"] {
    grid-column: 1 !important;
    grid-row: 1 !important;

    display: block !important;

    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;

    margin: 1px 0 0 !important;
    padding: 0 !important;

    position: static !important;
    transform: none !important;

    box-sizing: border-box !important;
}

/* Texto */
html body .elementor
.dq-sell-form-widget
.elementor-field-type-acceptance
.elementor-field-option
label {
    grid-column: 2 !important;
    grid-row: 1 !important;

    display: block !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #5d6c7b !important;

    font-size: 12px !important;
    line-height: 1.45 !important;

    text-align: left !important;
}
/* =========================================================
   ENTREGAR MI COCHE · HERO MÓVIL DEFINITIVO
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Sección completa */
    html body .elementor .dq-sell-hero {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 20px 14px 36px !important;

        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /* Texto arriba y formulario inmediatamente debajo */
    html body .elementor .dq-sell-hero-inner {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 24px !important;

        overflow: visible !important;
        transform: none !important;

        --display: flex !important;
        --flex-direction: column !important;
        --width: 100% !important;
        --content-width: 100% !important;
    }

    /* Columna de contenido */
    html body .elementor .dq-sell-content {
        order: 1 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 18px !important;

        overflow: visible !important;
        transform: none !important;
    }

    /* Sube el contenido */
    html body .elementor .dq-sell-label {
        margin-top: 0 !important;
    }

    html body .elementor .dq-sell-title,
    html body .elementor .dq-sell-intro,
    html body .elementor .dq-sell-benefits,
    html body .elementor .dq-sell-note {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Columna del formulario */
    html body .elementor .dq-sell-form,
    html body .elementor .dq-sell-form.elementor-hidden-mobile {
        order: 2 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        position: static !important;
        inset: auto !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: visible !important;
        transform: none !important;
        clip: auto !important;
        clip-path: none !important;

        --display: flex !important;
        --width: 100% !important;
        --content-width: 100% !important;
    }

    /* Tarjeta blanca */
    html body .elementor .dq-sell-form-card,
    html body .elementor .dq-sell-form-card.elementor-hidden-mobile {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        position: static !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 25px 18px !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: hidden !important;
        transform: none !important;

        box-sizing: border-box !important;
    }

    /* Widget del formulario */
    html body .elementor .dq-sell-form-widget,
    html body .elementor .dq-sell-form-widget.elementor-hidden-mobile,
    html body .elementor .dq-sell-form-widget .elementor-widget-container,
    html body .elementor .dq-sell-form-widget form,
    html body .elementor .dq-sell-form-widget .elementor-form-fields-wrapper {
        display: block !important;

        position: static !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: visible !important;
        transform: none !important;

        box-sizing: border-box !important;
    }

    html body .elementor
    .dq-sell-form-widget .elementor-field-group {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 0 14px !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }
}
/* =========================================================
   ENTREGAR MI COCHE · RESTO DE LA PÁGINA
   ========================================================= */

/* CONTENEDORES GENERALES */

.dq-sell-process-section,
.dq-sell-data-section,
.dq-sell-trust-section,
.dq-sell-faq-section {
    width: 100% !important;
    max-width: 100% !important;
    padding: 80px 24px !important;
    box-sizing: border-box !important;
}

.dq-sell-process-inner,
.dq-sell-data-inner,
.dq-sell-trust-inner {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

.dq-sell-faq-inner {
    width: 100% !important;
    max-width: 1050px !important;
    margin: 0 auto !important;
}

/* =========================================================
   PROCESO
   ========================================================= */

.dq-sell-process-section {
    background: #f2f5f8 !important;
}

.dq-sell-process-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 42px !important;
}

.dq-sell-process-heading,
.dq-sell-data-heading,
.dq-sell-faq-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    gap: 13px !important;
    text-align: center !important;
}

.dq-sell-process-label .elementor-heading-title,
.dq-sell-data-label .elementor-heading-title,
.dq-sell-trust-label .elementor-heading-title,
.dq-sell-faq-label .elementor-heading-title {
    display: inline-flex !important;
    padding: 8px 17px !important;
    color: #0b4174 !important;
    background: #e7edf3 !important;
    border: 1px solid #b9c9d8 !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .7px !important;
}

.dq-sell-process-title .elementor-heading-title,
.dq-sell-data-title .elementor-heading-title,
.dq-sell-faq-title .elementor-heading-title {
    margin: 0 !important;
    color: #071a2f !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-align: center !important;
}

.dq-sell-process-description p,
.dq-sell-data-description p,
.dq-sell-faq-description p {
    max-width: 750px !important;
    margin: 0 auto !important;
    color: #5d6c7b !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    text-align: center !important;
}

.dq-sell-process-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: 22px !important;
}

.dq-sell-process-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 330px !important;
    padding: 30px 24px !important;
    gap: 16px !important;
    background: #ffffff !important;
    border: 1px solid #d7e0e8 !important;
    border-radius: 17px !important;
    box-shadow: 0 16px 35px rgba(7, 26, 47, .09) !important;
    box-sizing: border-box !important;
}

.dq-sell-process-number .elementor-heading-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 47px !important;
    height: 47px !important;
    margin: 0 auto !important;
    color: #ffffff !important;
    background: #ed1c24 !important;
    border-radius: 50% !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.dq-sell-process-icon,
.dq-sell-process-icon .elementor-widget-container {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.dq-sell-process-icon .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 62px !important;
    height: 62px !important;
    color: #0b4174 !important;
    background: #e8eef4 !important;
    border-radius: 15px !important;
    font-size: 27px !important;
}

.dq-sell-process-card-title .elementor-heading-title {
    margin: 0 !important;
    color: #0b4174 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: center !important;
}

.dq-sell-process-card-text p {
    margin: 0 !important;
    color: #5d6c7b !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* =========================================================
   INFORMACIÓN NECESARIA
   ========================================================= */

.dq-sell-data-section {
    background: linear-gradient(135deg, #071f38 0%, #173d61 100%) !important;
}

.dq-sell-data-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 42px !important;
}

.dq-sell-data-label .elementor-heading-title {
    color: #ffffff !important;
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.25) !important;
}

.dq-sell-data-title .elementor-heading-title {
    color: #ffffff !important;
}

.dq-sell-data-description p {
    color: #cbd5df !important;
}

.dq-sell-data-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: 24px !important;
}

.dq-sell-data-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 340px !important;
    padding: 32px 28px !important;
    gap: 18px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 17px !important;
    box-sizing: border-box !important;
}

.dq-sell-data-icon .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 62px !important;
    height: 62px !important;
    color: #ffffff !important;
    background: rgba(255,255,255,.11) !important;
    border-radius: 15px !important;
    font-size: 27px !important;
}

.dq-sell-data-card-title .elementor-heading-title {
    color: #ffffff !important;
    font-size: 23px !important;
    font-weight: 800 !important;
}

.dq-sell-data-list,
.dq-sell-data-list .elementor-widget-container,
.dq-sell-data-list .elementor-icon-list-items {
    width: 100% !important;
}

.dq-sell-data-list .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.dq-sell-data-list .elementor-icon-list-icon i,
.dq-sell-data-list .elementor-icon-list-icon svg {
    color: #ed1c24 !important;
    fill: #ed1c24 !important;
}

.dq-sell-data-list .elementor-icon-list-text {
    color: #d5dee7 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* =========================================================
   CONFIANZA
   ========================================================= */

.dq-sell-trust-section {
    background: #ffffff !important;
}

.dq-sell-trust-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 65px !important;
}

.dq-sell-trust-media {
    width: 48% !important;
}

.dq-sell-trust-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 52% !important;
    gap: 20px !important;
}

.dq-sell-trust-image img {
    width: 100% !important;
    min-height: 430px !important;
    object-fit: cover !important;
    border-radius: 18px !important;
    box-shadow: 0 22px 50px rgba(7,26,47,.16) !important;
}

.dq-sell-trust-title .elementor-heading-title {
    color: #071a2f !important;
    font-size: 40px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
}

.dq-sell-trust-text p {
    color: #5d6c7b !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
}

.dq-sell-trust-benefits .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 11px !important;
}

.dq-sell-trust-benefits .elementor-icon-list-icon i,
.dq-sell-trust-benefits .elementor-icon-list-icon svg {
    color: #ed1c24 !important;
    fill: #ed1c24 !important;
}

.dq-sell-trust-benefits .elementor-icon-list-text {
    color: #263544 !important;
    font-weight: 650 !important;
}

.dq-sell-trust-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

.dq-sell-trust-primary .elementor-button,
.dq-sell-faq-cta-button .elementor-button {
    padding: 16px 24px !important;
    color: #ffffff !important;
    background: #ed1c24 !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
}

.dq-sell-trust-whatsapp .elementor-button {
    padding: 16px 24px !important;
    color: #ffffff !important;
    background: #20c968 !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
}

/* =========================================================
   FAQ
   ========================================================= */

.dq-sell-faq-section {
    background: #edf1f5 !important;
}

.dq-sell-faq-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 38px !important;
}

.dq-sell-faq-accordion .elementor-accordion {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.dq-sell-faq-accordion .elementor-accordion-item {
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #d6dfe7 !important;
    border-radius: 13px !important;
    box-shadow: 0 10px 26px rgba(7,26,47,.07) !important;
}

.dq-sell-faq-accordion .elementor-tab-title {
    padding: 20px 23px !important;
    color: #071a2f !important;
    background: #ffffff !important;
    border: 0 !important;
    font-size: 17px !important;
    font-weight: 750 !important;
}

.dq-sell-faq-accordion .elementor-accordion-icon {
    color: #ed1c24 !important;
}

.dq-sell-faq-accordion .elementor-tab-content {
    padding: 0 23px 22px !important;
    color: #5d6c7b !important;
    background: #ffffff !important;
    border: 0 !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

.dq-sell-faq-cta {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 27px 30px !important;
    gap: 42px !important;
    background: #071f38 !important;
    border-radius: 15px !important;
    box-sizing: border-box !important;
}

.dq-sell-faq-cta-text {
    max-width: 650px !important;
}

.dq-sell-faq-cta-text p {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    text-align: center !important;
}

/* =========================================================
   TABLETA
   ========================================================= */

@media (max-width: 1024px) {

    .dq-sell-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .dq-sell-data-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .dq-sell-data-card:last-child {
        grid-column: 1 / -1 !important;
    }

    .dq-sell-trust-inner {
        gap: 38px !important;
    }
}

/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .dq-sell-process-section,
    .dq-sell-data-section,
    .dq-sell-trust-section,
    .dq-sell-faq-section {
        padding: 55px 16px !important;
    }

    .dq-sell-process-heading,
    .dq-sell-data-heading,
    .dq-sell-faq-heading {
        align-items: flex-start !important;
        text-align: left !important;
    }

    .dq-sell-process-title .elementor-heading-title,
    .dq-sell-data-title .elementor-heading-title,
    .dq-sell-faq-title .elementor-heading-title {
        font-size: 32px !important;
        text-align: left !important;
    }

    .dq-sell-process-description p,
    .dq-sell-data-description p,
    .dq-sell-faq-description p {
        font-size: 16px !important;
        text-align: left !important;
    }

    .dq-sell-process-grid,
    .dq-sell-data-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    .dq-sell-process-card,
    .dq-sell-data-card {
        width: 100% !important;
        min-height: 0 !important;
    }

    .dq-sell-data-card:last-child {
        grid-column: auto !important;
    }

    .dq-sell-trust-inner {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 32px !important;
    }

    .dq-sell-trust-media,
    .dq-sell-trust-content {
        width: 100% !important;
    }

    .dq-sell-trust-image img {
        min-height: 260px !important;
    }

    .dq-sell-trust-title .elementor-heading-title {
        font-size: 32px !important;
    }

    .dq-sell-trust-actions,
    .dq-sell-trust-primary,
    .dq-sell-trust-whatsapp,
    .dq-sell-trust-primary .elementor-widget-container,
    .dq-sell-trust-whatsapp .elementor-widget-container,
    .dq-sell-trust-primary .elementor-button,
    .dq-sell-trust-whatsapp .elementor-button {
        width: 100% !important;
    }

    .dq-sell-faq-cta {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 23px 20px !important;
        gap: 20px !important;
    }

    .dq-sell-faq-cta-text p {
        text-align: left !important;
    }

    .dq-sell-faq-cta-button,
    .dq-sell-faq-cta-button .elementor-widget-container,
    .dq-sell-faq-cta-button .elementor-button {
        width: 100% !important;
    }
}
/* =========================================================
   ENTREGAR MI COCHE · CORRECCIÓN DEFINITIVA GRID PROCESO
   ========================================================= */

html body .elementor .dq-sell-process-inner {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: stretch !important;

    --width: 100% !important;
    --content-width: 100% !important;
}

/* El contenedor de las cuatro tarjetas ocupa TODO el ancho */
html body .elementor .dq-sell-process-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    width: 100% !important;
    max-width: 1200px !important;
    min-width: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 24px !important;

    align-self: stretch !important;
    flex: 0 0 100% !important;

    --display: grid !important;
    --width: 100% !important;
    --content-width: 100% !important;

    box-sizing: border-box !important;
}

/* Por si Elementor ha creado un contenedor interior */
html body .elementor .dq-sell-process-grid > .e-con-inner {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 24px !important;
}

/* Cada tarjeta ocupa una columna completa */
html body .elementor
.dq-sell-process-grid > .dq-sell-process-card,
html body .elementor
.dq-sell-process-grid > .e-con-inner > .dq-sell-process-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 28px 22px !important;

    flex: none !important;
    flex-basis: auto !important;

    align-self: stretch !important;
    justify-self: stretch !important;

    --width: 100% !important;
    --content-width: 100% !important;

    box-sizing: border-box !important;
}

/* Evita textos estrechados */
html body .elementor .dq-sell-process-card-title,
html body .elementor .dq-sell-process-card-title .elementor-widget-container,
html body .elementor .dq-sell-process-card-text,
html body .elementor .dq-sell-process-card-text .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

html body .elementor .dq-sell-process-card-text p {
    width: 100% !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;

    text-align: center !important;
}

/* TABLETA */
@media (min-width: 768px) and (max-width: 1024px) {

    html body .elementor .dq-sell-process-grid,
    html body .elementor .dq-sell-process-grid > .e-con-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* MÓVIL */
@media (max-width: 767px) {

    html body .elementor .dq-sell-process-grid,
    html body .elementor .dq-sell-process-grid > .e-con-inner {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }
}
/* =========================================================
   ENTREGAR MI COCHE
   SECCIÓN 1 · PROCESO
   SECCIÓN 2 · DATOS / TARJETAS
   ========================================================= */

/* ---------- CONTENEDORES GENERALES ---------- */
html body .elementor .dq-sell-process-inner,
html body .elementor .dq-sell-data-inner {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

/* ---------- CABECERAS CENTRADAS ---------- */
html body .elementor .dq-sell-process-heading,
html body .elementor .dq-sell-data-heading {
    max-width: 760px !important;
    margin: 0 auto 36px !important;
    text-align: center !important;
}

html body .elementor .dq-sell-process-heading .elementor-widget-container,
html body .elementor .dq-sell-data-heading .elementor-widget-container {
    text-align: center !important;
}

/* =========================================================
   1) ¿CÓMO FUNCIONA LA ENTREGA DE TU VEHÍCULO?
   ========================================================= */

html body .elementor .dq-sell-process-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto 28px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

html body .elementor .dq-sell-process-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    background: #1f3d5c !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 24px !important;
    padding: 28px 22px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    align-self: stretch !important;
}

html body .elementor .dq-sell-process-card .elementor-widget-container {
    text-align: center !important;
}

html body .elementor .dq-sell-process-card h1,
html body .elementor .dq-sell-process-card h2,
html body .elementor .dq-sell-process-card h3,
html body .elementor .dq-sell-process-card h4,
html body .elementor .dq-sell-process-card p,
html body .elementor .dq-sell-process-card li,
html body .elementor .dq-sell-process-card span {
    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

html body .elementor .dq-sell-process-card p {
    margin: 0 auto !important;
    max-width: 100% !important;
    line-height: 1.7 !important;
}

/* CTA inferior proceso */
html body .elementor .dq-sell-process-cta {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 24px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 22px 28px !important;
    background: #1f3d5c !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 22px !important;
    box-sizing: border-box !important;
}

html body .elementor .dq-sell-process-cta-text .elementor-widget-container {
    text-align: left !important;
}

html body .elementor .dq-sell-process-cta-button {
    width: auto !important;
}

/* =========================================================
   2) ¿QUÉ NECESITAMOS PARA VALORAR TU COCHE?
   ========================================================= */

html body .elementor .dq-sell-data-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto 28px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

html body .elementor .dq-sell-data-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    background: #ffffff !important;
    border-radius: 24px !important;
    border: 1px solid #dbe3ec !important;
    padding: 28px 22px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    align-self: stretch !important;
}

html body .elementor .dq-sell-data-card .elementor-widget-container {
    text-align: center !important;
}

html body .elementor .dq-sell-data-card h1,
html body .elementor .dq-sell-data-card h2,
html body .elementor .dq-sell-data-card h3,
html body .elementor .dq-sell-data-card h4,
html body .elementor .dq-sell-data-card p,
html body .elementor .dq-sell-data-card li,
html body .elementor .dq-sell-data-card span {
    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

html body .elementor .dq-sell-data-card p {
    line-height: 1.7 !important;
}

html body .elementor .dq-sell-data-list .elementor-widget-container {
    text-align: left !important;
}

html body .elementor .dq-sell-data-list ul {
    margin: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}

html body .elementor .dq-sell-data-list li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    text-align: left !important;
    margin-bottom: 12px !important;
}

/* CTA inferior datos */
html body .elementor .dq-sell-data-cta {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 24px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 28px 32px !important;
    background: #0e3558 !important;
    border-radius: 22px !important;
    box-sizing: border-box !important;
}

html body .elementor .dq-sell-data-cta-text .elementor-widget-container {
    text-align: left !important;
}

html body .elementor .dq-sell-data-cta-button {
    width: auto !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    html body .elementor .dq-sell-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body .elementor .dq-sell-data-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body .elementor .dq-sell-process-cta,
    html body .elementor .dq-sell-data-cta {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }

    html body .elementor .dq-sell-process-cta-text .elementor-widget-container,
    html body .elementor .dq-sell-data-cta-text .elementor-widget-container {
        text-align: center !important;
    }
}

/* Móvil */
@media (max-width: 767px) {
    html body .elementor .dq-sell-process-inner,
    html body .elementor .dq-sell-data-inner {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html body .elementor .dq-sell-process-grid,
    html body .elementor .dq-sell-data-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    html body .elementor .dq-sell-process-card,
    html body .elementor .dq-sell-data-card {
        padding: 22px 18px !important;
    }

    html body .elementor .dq-sell-process-cta,
    html body .elementor .dq-sell-data-cta {
        grid-template-columns: 1fr !important;
        text-align: center !important;
        padding: 20px 18px !important;
    }

    html body .elementor .dq-sell-process-cta-text .elementor-widget-container,
    html body .elementor .dq-sell-data-cta-text .elementor-widget-container {
        text-align: center !important;
    }
}
/* =========================================================
   ENTREGAR MI COCHE · TARJETAS INFORMACIÓN NECESARIA
   Título visible + icono centrado
   ========================================================= */

/* Icono centrado */
html body .elementor .dq-sell-data-icon,
html body .elementor
.dq-sell-data-icon .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    margin: 0 auto !important;

    text-align: center !important;
}

html body .elementor
.dq-sell-data-icon .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 62px !important;
    height: 62px !important;

    margin: 0 auto !important;

    color: #0b4174 !important;
    background: #e8eef4 !important;

    border-radius: 15px !important;

    font-size: 27px !important;
}

html body .elementor
.dq-sell-data-icon .elementor-icon i,
html body .elementor
.dq-sell-data-icon .elementor-icon svg {
    color: #0b4174 !important;
    fill: #0b4174 !important;
}


/* Título de cada tarjeta */
html body .elementor .dq-sell-data-card-title,
html body .elementor
.dq-sell-data-card-title .elementor-widget-container {
    width: 100% !important;

    text-align: center !important;
}

html body .elementor
.dq-sell-data-card-title .elementor-heading-title {
    width: 100% !important;

    margin: 0 !important;

    color: #0b4174 !important;

    font-size: 23px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;
}
/* =========================================================
   ENTREGAR MI COCHE · NÚMEROS DEL PROCESO
   CÍRCULO APLICADO AL WIDGET
   ========================================================= */

html body .elementor .dq-sell-process-number {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    min-height: 44px !important;

    margin: 0 auto 6px !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: #ed1c24 !important;

    border: 4px solid #e8eef4 !important;
    border-radius: 50% !important;

    box-shadow: 0 8px 18px rgba(237, 28, 36, 0.28) !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-align: center !important;

    box-sizing: border-box !important;
}

/* Contenedor interno de Elementor */
html body .elementor
.dq-sell-process-number .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-align: center !important;
}

/* Por si Elementor introduce P, DIV o SPAN */
html body .elementor
.dq-sell-process-number .elementor-widget-container p,
html body .elementor
.dq-sell-process-number .elementor-widget-container div,
html body .elementor
.dq-sell-process-number .elementor-widget-container span {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-align: center !important;
}
/* =========================================================
   ENTREGAR MI COCHE · BOTONES CONFIANZA Y SERVICIO
   ========================================================= */

/* Contenedor de los dos botones */
html body .elementor .dq-sell-trust-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 28px auto 0 !important;
    padding: 0 !important;

    gap: 14px !important;

    text-align: center !important;
}

/* Ambos widgets */
html body .elementor .dq-sell-trust-primary,
html body .elementor .dq-sell-trust-whatsapp {
    width: auto !important;
    margin: 0 !important;
}

/* SOLICITAR VALORACIÓN · ROJO */
html body .elementor
.dq-sell-trust-primary .elementor-button {
    min-width: 220px !important;

    padding: 17px 25px !important;

    color: #ffffff !important;
    background: #ed1c24 !important;

    border: 0 !important;
    border-radius: 8px !important;

    box-shadow: 0 12px 28px rgba(237, 28, 36, 0.28) !important;

    font-weight: 800 !important;
}

html body .elementor
.dq-sell-trust-primary .elementor-button:hover {
    background: #c9141b !important;
}

/* WHATSAPP · VERDE */
html body .elementor
.dq-sell-trust-whatsapp .elementor-button {
    min-width: 235px !important;

    padding: 17px 25px !important;

    color: #ffffff !important;
    background: #20c968 !important;

    border: 0 !important;
    border-radius: 8px !important;

    box-shadow: 0 12px 28px rgba(32, 201, 104, 0.25) !important;

    font-weight: 800 !important;
}

html body .elementor
.dq-sell-trust-whatsapp .elementor-button:hover {
    background: #18aa56 !important;
}

/* MÓVIL */
@media (max-width: 767px) {

    html body .elementor .dq-sell-trust-actions {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    html body .elementor .dq-sell-trust-primary,
    html body .elementor .dq-sell-trust-whatsapp,
    html body .elementor
    .dq-sell-trust-primary .elementor-widget-container,
    html body .elementor
    .dq-sell-trust-whatsapp .elementor-widget-container,
    html body .elementor
    .dq-sell-trust-primary .elementor-button,
    html body .elementor
    .dq-sell-trust-whatsapp .elementor-button {
        width: 100% !important;
    }
}
/* =========================================================
   CONFIANZA Y SERVICIO · BOTONES DEFINITIVOS
   ========================================================= */

/* Contenedor */
html body .elementor .dq-sell-trust-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    gap: 14px !important;

    margin-top: 28px !important;
}

/* LOS DOS BOTONES CON EL MISMO TAMAÑO */
html body .elementor
.dq-sell-trust-actions .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 250px !important;
    min-width: 250px !important;
    height: 54px !important;

    padding: 0 22px !important;

    color: #ffffff !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    box-sizing: border-box !important;
}


/* PRIMER BOTÓN = SOLICITAR VALORACIÓN = ROJO */

/* Estructura normal de contenedores Elementor */
html body .elementor
.dq-sell-trust-actions > .elementor-element:first-child .elementor-button,
html body .elementor
.dq-sell-trust-actions > .e-con-inner > .elementor-element:first-child .elementor-button {
    background: #ed1c24 !important;

    box-shadow:
        0 12px 28px rgba(237, 28, 36, 0.28) !important;
}

html body .elementor
.dq-sell-trust-actions > .elementor-element:first-child .elementor-button:hover,
html body .elementor
.dq-sell-trust-actions > .e-con-inner > .elementor-element:first-child .elementor-button:hover {
    background: #c9141b !important;
}


/* SEGUNDO BOTÓN = WHATSAPP = VERDE */

html body .elementor
.dq-sell-trust-actions > .elementor-element:nth-child(2) .elementor-button,
html body .elementor
.dq-sell-trust-actions > .e-con-inner > .elementor-element:nth-child(2) .elementor-button {
    background: #20c968 !important;

    box-shadow:
        0 12px 28px rgba(32, 201, 104, 0.25) !important;
}


/* MÓVIL */
@media (max-width: 767px) {

    html body .elementor .dq-sell-trust-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    html body .elementor
    .dq-sell-trust-actions .elementor-button {
        width: 100% !important;
        min-width: 0 !important;
    }
}
/* INFORMACIÓN NECESARIA · MEJORAR LEGIBILIDAD DE LISTAS */

html body .elementor
.dq-sell-data-list .elementor-icon-list-text {
    color: #526477 !important;
    font-weight: 500 !important;
}

html body .elementor
.dq-sell-data-list .elementor-icon-list-icon i,
html body .elementor
.dq-sell-data-list .elementor-icon-list-icon svg {
    color: #ed1c24 !important;
    fill: #ed1c24 !important;
}
/* NÚMEROS DEL PROCESO · VERSIÓN ELEGANTE */

html body .elementor .dq-sell-process-number{
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 3px solid #ed1c24 !important;
    color: #ed1c24 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    margin: 0 auto 18px auto !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08) !important;
}

html body .elementor .dq-sell-process-number,
html body .elementor .dq-sell-process-number *{
    color: #ed1c24 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* separa mejor el número del icono */
html body .elementor .dq-sell-process-icon{
    margin-top: 6px !important;
}
/* =========================================================
   DESGUACES QUINTANA · PÁGINA SERVICIOS · DISEÑO FINAL
   ========================================================= */


/* =========================================================
   1. HERO
   ========================================================= */

html body .elementor .dq-services-hero {
    width: 100% !important;
    padding: 85px 24px !important;

    background:
        radial-gradient(
            circle at top left,
            rgba(255,255,255,.055) 0,
            rgba(255,255,255,.055) 270px,
            transparent 271px
        ),
        linear-gradient(115deg,#071f38 0%,#173d61 100%) !important;

    box-sizing: border-box !important;
}

html body .elementor .dq-services-hero-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 1000px !important;

    margin: 0 auto !important;

    gap: 20px !important;

    text-align: center !important;
}

html body .elementor
.dq-services-label .elementor-heading-title {
    display: inline-flex !important;

    padding: 9px 18px !important;

    color: #ffffff !important;
    background: rgba(255,255,255,.08) !important;

    border: 1px solid rgba(255,255,255,.25) !important;
    border-radius: 999px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .7px !important;
}

html body .elementor
.dq-services-title .elementor-heading-title {
    max-width: 900px !important;
    margin: 0 auto !important;

    color: #ffffff !important;

    font-size: 52px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;

    text-align: center !important;
}

html body .elementor .dq-services-intro p {
    max-width: 780px !important;

    margin: 0 auto !important;

    color: #d3dde6 !important;

    font-size: 18px !important;
    line-height: 1.65 !important;

    text-align: center !important;
}


/* BOTONES HERO */

html body .elementor .dq-services-hero-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;

    margin-top: 12px !important;

    gap: 14px !important;
}

html body .elementor
.dq-services-primary .elementor-button {
    min-width: 225px !important;

    padding: 17px 25px !important;

    color: #ffffff !important;
    background: #ed1c24 !important;

    border-radius: 8px !important;

    box-shadow: 0 12px 28px rgba(237,28,36,.28) !important;

    font-weight: 800 !important;
}

html body .elementor
.dq-services-whatsapp .elementor-button {
    min-width: 245px !important;

    padding: 17px 25px !important;

    color: #ffffff !important;
    background: #20c968 !important;

    border-radius: 8px !important;

    box-shadow: 0 12px 28px rgba(32,201,104,.24) !important;

    font-weight: 800 !important;
}


/* =========================================================
   2. NUESTROS SERVICIOS
   ========================================================= */

html body .elementor .dq-services-main-section {
    width: 100% !important;

    padding: 80px 24px !important;

    background: #f1f4f7 !important;

    box-sizing: border-box !important;
}

html body .elementor .dq-services-main-inner {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 1200px !important;

    margin: 0 auto !important;

    gap: 42px !important;
}

html body .elementor .dq-services-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 760px !important;

    margin: 0 auto !important;

    gap: 12px !important;

    text-align: center !important;
}

html body .elementor
.dq-services-heading-label .elementor-heading-title {
    display: inline-flex !important;

    padding: 8px 17px !important;

    color: #0b4174 !important;
    background: #e7edf3 !important;

    border: 1px solid #b9c9d8 !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .6px !important;
}

html body .elementor
.dq-services-heading-title .elementor-heading-title {
    margin: 0 !important;

    color: #071a2f !important;

    font-size: 42px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;

    text-align: center !important;
}

html body .elementor
.dq-services-heading-description p {
    margin: 0 !important;

    color: #5d6c7b !important;

    font-size: 17px !important;
    line-height: 1.6 !important;

    text-align: center !important;
}


/* GRID · 3 ARRIBA + 2 CENTRADAS ABAJO */

html body .elementor .dq-services-grid {
    display: grid !important;

    grid-template-columns: repeat(6,minmax(0,1fr)) !important;

    width: 100% !important;

    gap: 24px !important;
}

html body .elementor
.dq-services-grid > .dq-services-card {
    grid-column: span 2 !important;
}

html body .elementor
.dq-services-grid > .dq-services-card:nth-child(4) {
    grid-column: 2 / span 2 !important;
}

html body .elementor
.dq-services-grid > .dq-services-card:nth-child(5) {
    grid-column: 4 / span 2 !important;
}


/* TARJETAS */

html body .elementor .dq-services-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 360px !important;

    padding: 32px 27px !important;

    gap: 17px !important;

    background: #ffffff !important;

    border: 1px solid #d8e1e9 !important;
    border-radius: 18px !important;

    box-shadow:
        0 16px 34px rgba(7,26,47,.09) !important;

    box-sizing: border-box !important;

    text-align: center !important;
}


/* ICONOS */

html body .elementor .dq-services-card-icon,
html body .elementor
.dq-services-card-icon .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
}

html body .elementor
.dq-services-card-icon .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 68px !important;
    height: 68px !important;

    margin: 0 auto !important;

    color: #0b4174 !important;
    background: #e8eef4 !important;

    border-radius: 16px !important;

    font-size: 29px !important;
}


/* TÍTULOS */

html body .elementor
.dq-services-card-title {
    width: 100% !important;
}

html body .elementor
.dq-services-card-title .elementor-heading-title {
    margin: 0 !important;

    color: #0b4174 !important;

    font-size: 23px !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;

    text-align: center !important;
}


/* TEXTO */

html body .elementor .dq-services-card-text {
    flex: 1 1 auto !important;

    width: 100% !important;
}

html body .elementor
.dq-services-card-text p {
    margin: 0 !important;

    color: #526477 !important;

    font-size: 16px !important;
    line-height: 1.6 !important;

    text-align: center !important;
}


/* BOTONES DE TARJETA */

html body .elementor .dq-services-card-button {
    width: 100% !important;

    margin-top: auto !important;
}

html body .elementor
.dq-services-card-button .elementor-button {
    width: 100% !important;

    padding: 15px 19px !important;

    color: #ffffff !important;
    background: #0b4174 !important;

    border-radius: 7px !important;

    font-size: 12px !important;
    font-weight: 800 !important;
}


/* Primera tarjeta roja */

html body .elementor
.dq-services-grid > .dq-services-card:first-child {
    border-top: 4px solid #ed1c24 !important;
}

html body .elementor
.dq-services-grid > .dq-services-card:first-child
.dq-services-card-button .elementor-button {
    background: #ed1c24 !important;
}


/* =========================================================
   3. CONFIANZA
   ========================================================= */

html body .elementor .dq-services-trust-section {
    width: 100% !important;

    padding: 70px 24px !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
}

html body .elementor .dq-services-trust-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 1100px !important;

    margin: 0 auto !important;

    gap: 27px !important;

    text-align: center !important;
}

html body .elementor
.dq-services-trust-label .elementor-heading-title {
    color: #0b4174 !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .7px !important;
}

html body .elementor
.dq-services-trust-title .elementor-heading-title {
    margin: 0 !important;

    color: #071a2f !important;

    font-size: 39px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;

    text-align: center !important;
}

html body .elementor
.dq-services-trust-text p {
    max-width: 790px !important;

    margin: 0 auto !important;

    color: #5d6c7b !important;

    font-size: 17px !important;
    line-height: 1.65 !important;

    text-align: center !important;
}


/* VENTAJAS */

html body .elementor .dq-services-trust-grid {
    display: grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    width: 100% !important;

    gap: 18px !important;
}

html body .elementor .dq-services-trust-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 105px !important;

    padding: 21px !important;

    color: #0b4174 !important;
    background: #f1f4f7 !important;

    border: 1px solid #e1e7ec !important;
    border-radius: 14px !important;

    font-weight: 700 !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* =========================================================
   4. CTA FINAL
   ========================================================= */

html body .elementor .dq-services-cta-section {
    width: 100% !important;

    padding: 75px 24px !important;

    background:
        linear-gradient(110deg,#071f38 0%,#173d61 100%) !important;

    box-sizing: border-box !important;
}

html body .elementor .dq-services-cta-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 900px !important;

    margin: 0 auto !important;

    gap: 18px !important;

    text-align: center !important;
}

html body .elementor
.dq-services-cta-label .elementor-heading-title {
    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .7px !important;
}

html body .elementor
.dq-services-cta-title .elementor-heading-title {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 40px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
}

html body .elementor
.dq-services-cta-text p {
    max-width: 700px !important;

    margin: 0 auto !important;

    color: #d2dce5 !important;

    font-size: 17px !important;
    line-height: 1.6 !important;
}


/* BOTONES CTA */

html body .elementor .dq-services-cta-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    gap: 14px !important;
}

html body .elementor
.dq-services-cta-primary .elementor-button {
    min-width: 225px !important;

    padding: 17px 25px !important;

    color: #ffffff !important;
    background: #ed1c24 !important;

    border-radius: 8px !important;

    box-shadow:
        0 12px 28px rgba(237,28,36,.27) !important;

    font-weight: 800 !important;
}

html body .elementor
.dq-services-cta-whatsapp .elementor-button {
    min-width: 245px !important;

    padding: 17px 25px !important;

    color: #ffffff !important;
    background: #20c968 !important;

    border-radius: 8px !important;

    box-shadow:
        0 12px 28px rgba(32,201,104,.24) !important;

    font-weight: 800 !important;
}


/* =========================================================
   TABLETA
   ========================================================= */

@media (min-width:768px) and (max-width:1024px) {

    html body .elementor .dq-services-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    html body .elementor
    .dq-services-grid > .dq-services-card,
    html body .elementor
    .dq-services-grid > .dq-services-card:nth-child(4),
    html body .elementor
    .dq-services-grid > .dq-services-card:nth-child(5) {
        grid-column: auto !important;
    }

    html body .elementor .dq-services-trust-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px) {

    html body .elementor .dq-services-hero {
        padding: 50px 16px !important;
    }

    html body .elementor
    .dq-services-title .elementor-heading-title {
        font-size: 35px !important;
    }

    html body .elementor .dq-services-intro p {
        font-size: 16px !important;
    }

    html body .elementor .dq-services-main-section,
    html body .elementor .dq-services-trust-section,
    html body .elementor .dq-services-cta-section {
        padding: 55px 16px !important;
    }

    html body .elementor .dq-services-grid {
        grid-template-columns: 1fr !important;
    }

    html body .elementor
    .dq-services-grid > .dq-services-card,
    html body .elementor
    .dq-services-grid > .dq-services-card:nth-child(4),
    html body .elementor
    .dq-services-grid > .dq-services-card:nth-child(5) {
        grid-column: auto !important;
    }

    html body .elementor .dq-services-card {
        min-height: 0 !important;
    }

    html body .elementor .dq-services-heading {
        align-items: flex-start !important;

        text-align: left !important;
    }

    html body .elementor
    .dq-services-heading-title .elementor-heading-title {
        font-size: 32px !important;

        text-align: left !important;
    }

    html body .elementor
    .dq-services-heading-description p {
        text-align: left !important;
    }

    html body .elementor .dq-services-trust-grid {
        grid-template-columns: 1fr !important;
    }

    html body .elementor
    .dq-services-trust-title .elementor-heading-title,
    html body .elementor
    .dq-services-cta-title .elementor-heading-title {
        font-size: 32px !important;
    }

    html body .elementor .dq-services-hero-actions,
    html body .elementor .dq-services-cta-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    html body .elementor .dq-services-primary,
    html body .elementor .dq-services-whatsapp,
    html body .elementor .dq-services-cta-primary,
    html body .elementor .dq-services-cta-whatsapp,
    html body .elementor
    .dq-services-primary .elementor-widget-container,
    html body .elementor
    .dq-services-whatsapp .elementor-widget-container,
    html body .elementor
    .dq-services-cta-primary .elementor-widget-container,
    html body .elementor
    .dq-services-cta-whatsapp .elementor-widget-container,
    html body .elementor
    .dq-services-primary .elementor-button,
    html body .elementor
    .dq-services-whatsapp .elementor-button,
    html body .elementor
    .dq-services-cta-primary .elementor-button,
    html body .elementor
    .dq-services-cta-whatsapp .elementor-button {
        width: 100% !important;
        min-width: 0 !important;
    }
}
/* =========================================================
   DESGUACES QUINTANA · BLOG
   POSTS SIN IMAGEN
   ========================================================= */

/* =========================================================
   HERO
   ========================================================= */

html body .elementor .dq-blog-hero {
    width: 100% !important;
    padding: 75px 24px !important;

    background:
        radial-gradient(
            circle at top left,
            rgba(255,255,255,.055) 0,
            rgba(255,255,255,.055) 260px,
            transparent 261px
        ),
        linear-gradient(115deg,#071f38 0%,#173d61 100%) !important;

    box-sizing: border-box !important;
}

html body .elementor .dq-blog-hero-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 1000px !important;

    margin: 0 auto !important;
    gap: 18px !important;

    text-align: center !important;
}

html body .elementor
.dq-blog-label .elementor-heading-title {
    display: inline-flex !important;

    padding: 8px 18px !important;

    color: #ffffff !important;
    background: rgba(255,255,255,.08) !important;

    border: 1px solid rgba(255,255,255,.25) !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .7px !important;
}

html body .elementor
.dq-blog-title .elementor-heading-title {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 50px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;

    text-align: center !important;
}

html body .elementor .dq-blog-intro p {
    max-width: 750px !important;
    margin: 0 auto !important;

    color: #d3dde6 !important;

    font-size: 17px !important;
    line-height: 1.65 !important;

    text-align: center !important;
}


/* =========================================================
   ZONA DE NOTICIAS
   ========================================================= */

html body .elementor .dq-blog-news-section {
    width: 100% !important;

    padding: 75px 24px !important;

    background: #f1f4f7 !important;

    box-sizing: border-box !important;
}

html body .elementor .dq-blog-news-inner {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 1200px !important;

    margin: 0 auto !important;

    gap: 38px !important;
}

html body .elementor .dq-blog-news-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 760px !important;

    margin: 0 auto !important;

    gap: 10px !important;

    text-align: center !important;
}

html body .elementor
.dq-blog-news-label .elementor-heading-title {
    display: inline-flex !important;

    padding: 8px 17px !important;

    color: #0b4174 !important;
    background: #e5edf4 !important;

    border: 1px solid #bacbd9 !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 800 !important;
}

html body .elementor
.dq-blog-news-title .elementor-heading-title {
    margin: 0 !important;

    color: #071a2f !important;

    font-size: 41px !important;
    font-weight: 800 !important;
}

html body .elementor
.dq-blog-news-description p {
    margin: 0 !important;

    color: #5d6c7b !important;

    font-size: 17px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   WIDGET POSTS · SIN IMAGEN
   ========================================================= */

html body .elementor .dq-blog-posts {
    width: 100% !important;
}

/* Cada artículo */
html body .elementor
.dq-blog-posts .elementor-post {
    display: flex !important;
    flex-direction: column !important;

    min-height: 285px !important;

    padding: 28px 25px !important;

    background: #ffffff !important;

    border: 1px solid #d9e2ea !important;
    border-radius: 17px !important;

    box-shadow:
        0 15px 32px rgba(7,26,47,.08) !important;

    box-sizing: border-box !important;
}

/* Ocultar imagen por seguridad */
html body .elementor
.dq-blog-posts .elementor-post__thumbnail__link,
html body .elementor
.dq-blog-posts .elementor-post__thumbnail {
    display: none !important;
}

/* Texto interior */
html body .elementor
.dq-blog-posts .elementor-post__text {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    width: 100% !important;
}

/* Título */
html body .elementor
.dq-blog-posts .elementor-post__title {
    margin: 0 0 13px !important;
}

html body .elementor
.dq-blog-posts .elementor-post__title a {
    color: #071a2f !important;

    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.28 !important;

    text-decoration: none !important;
}

/* Fecha / meta */
html body .elementor
.dq-blog-posts .elementor-post__meta-data {
    margin: 0 0 14px !important;

    color: #8190a0 !important;

    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Extracto */
html body .elementor
.dq-blog-posts .elementor-post__excerpt {
    flex: 1 1 auto !important;

    margin-bottom: 20px !important;
}

html body .elementor
.dq-blog-posts .elementor-post__excerpt p {
    margin: 0 !important;

    color: #526477 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Leer más */
html body .elementor
.dq-blog-posts .elementor-post__read-more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    margin-top: auto !important;
    padding: 14px 18px !important;

    color: #ffffff !important;
    background: #0b4174 !important;

    border-radius: 7px !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    text-decoration: none !important;

    box-sizing: border-box !important;
}

html body .elementor
.dq-blog-posts .elementor-post__read-more:hover {
    background: #ed1c24 !important;
}


/* PAGINACIÓN */

html body .elementor
.dq-blog-posts .elementor-pagination {
    margin-top: 36px !important;

    text-align: center !important;
}

html body .elementor
.dq-blog-posts .page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 40px !important;
    height: 40px !important;

    margin: 4px !important;

    color: #0b4174 !important;
    background: #ffffff !important;

    border-radius: 7px !important;

    font-weight: 700 !important;
}

html body .elementor
.dq-blog-posts .page-numbers.current {
    color: #ffffff !important;
    background: #ed1c24 !important;
}


/* =========================================================
   CTA FINAL
   ========================================================= */

html body .elementor .dq-blog-cta-section {
    width: 100% !important;

    padding: 70px 24px !important;

    background:
        linear-gradient(110deg,#071f38 0%,#173d61 100%) !important;

    box-sizing: border-box !important;
}

html body .elementor .dq-blog-cta-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 900px !important;

    margin: 0 auto !important;

    gap: 18px !important;

    text-align: center !important;
}

html body .elementor
.dq-blog-cta-label .elementor-heading-title {
    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 800 !important;
}

html body .elementor
.dq-blog-cta-title .elementor-heading-title {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 38px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;

    text-align: center !important;
}

html body .elementor .dq-blog-cta-text p {
    max-width: 700px !important;

    margin: 0 auto !important;

    color: #d3dde6 !important;

    font-size: 17px !important;
    line-height: 1.6 !important;

    text-align: center !important;
}


/* BOTONES */

html body .elementor .dq-blog-cta-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    gap: 14px !important;
}

html body .elementor
.dq-blog-cta-primary .elementor-button {
    min-width: 220px !important;

    padding: 17px 24px !important;

    color: #ffffff !important;
    background: #ed1c24 !important;

    border-radius: 8px !important;

    box-shadow:
        0 12px 28px rgba(237,28,36,.27) !important;

    font-weight: 800 !important;
}

html body .elementor
.dq-blog-cta-whatsapp .elementor-button {
    min-width: 240px !important;

    padding: 17px 24px !important;

    color: #ffffff !important;
    background: #20c968 !important;

    border-radius: 8px !important;

    box-shadow:
        0 12px 28px rgba(32,201,104,.24) !important;

    font-weight: 800 !important;
}


/* =========================================================
   TABLETA
   ========================================================= */

@media (min-width:768px) and (max-width:1024px) {

    html body .elementor
    .dq-blog-posts .elementor-post {
        min-height: 270px !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px) {

    html body .elementor .dq-blog-hero {
        padding: 50px 16px !important;
    }

    html body .elementor
    .dq-blog-title .elementor-heading-title {
        font-size: 35px !important;
    }

    html body .elementor .dq-blog-news-section,
    html body .elementor .dq-blog-cta-section {
        padding: 55px 16px !important;
    }

    html body .elementor
    .dq-blog-news-title .elementor-heading-title,
    html body .elementor
    .dq-blog-cta-title .elementor-heading-title {
        font-size: 31px !important;
    }

    html body .elementor
    .dq-blog-posts .elementor-post {
        min-height: 0 !important;

        padding: 24px 20px !important;
    }

    html body .elementor .dq-blog-cta-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    html body .elementor .dq-blog-cta-primary,
    html body .elementor .dq-blog-cta-whatsapp,
    html body .elementor
    .dq-blog-cta-primary .elementor-widget-container,
    html body .elementor
    .dq-blog-cta-whatsapp .elementor-widget-container,
    html body .elementor
    .dq-blog-cta-primary .elementor-button,
    html body .elementor
    .dq-blog-cta-whatsapp .elementor-button {
        width: 100% !important;
        min-width: 0 !important;
    }
}
/* =========================================================
   BLOG · POSTS SIN IMAGEN · CORRECCIÓN DE TARJETAS
   ========================================================= */

/* EL WIDGET OCUPA TODO EL ANCHO */
html body .elementor .dq-blog-posts,
html body .elementor .dq-blog-posts .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* GRID */
html body .elementor
.dq-blog-posts .elementor-posts-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* TARJETAS */
html body .elementor
.dq-blog-posts .elementor-post {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 330px !important;

    padding: 28px 26px !important;

    background: #ffffff !important;

    border: 1px solid #d9e2ea !important;
    border-radius: 17px !important;

    box-shadow: 0 14px 30px rgba(7,26,47,.08) !important;

    box-sizing: border-box !important;

    text-align: left !important;
}

/* CONTENIDO */
html body .elementor
.dq-blog-posts .elementor-post__text {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    text-align: left !important;
}

/* TÍTULO */
html body .elementor
.dq-blog-posts .elementor-post__title {
    margin: 0 0 12px !important;

    text-align: left !important;
}

html body .elementor
.dq-blog-posts .elementor-post__title a {
    color: #071a2f !important;

    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;

    text-align: left !important;
}

/* FECHA */
html body .elementor
.dq-blog-posts .elementor-post__meta-data {
    margin-bottom: 14px !important;

    color: #8190a0 !important;

    font-size: 12px !important;

    text-align: left !important;
}

/* EXTRACTO */
html body .elementor
.dq-blog-posts .elementor-post__excerpt {
    flex: 1 1 auto !important;

    margin: 0 0 20px !important;

    text-align: left !important;
}

html body .elementor
.dq-blog-posts .elementor-post__excerpt p {
    margin: 0 !important;

    color: #526477 !important;

    font-size: 15px !important;
    line-height: 1.55 !important;

    text-align: left !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;

    overflow: hidden !important;
}

/* LEER NOTICIA */
html body .elementor
.dq-blog-posts .elementor-post__read-more {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    margin-top: auto !important;
    padding: 14px 18px !important;

    color: #ffffff !important;
    background: #0b4174 !important;

    border-radius: 7px !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    text-align: center !important;
}

html body .elementor
.dq-blog-posts .elementor-post__read-more:hover {
    background: #ed1c24 !important;
}
/* =========================================================
   BLOG · ENSANCHAR SECCIÓN DE POSTS
   ========================================================= */

/* Contenedor principal más ancho */
html body .elementor .dq-blog-news-inner {
    width: min(1380px, calc(100% - 48px)) !important;
    max-width: 1380px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: stretch !important;
}

/* Widget ocupando todo el ancho disponible */
html body .elementor .dq-blog-posts,
html body .elementor .dq-blog-posts .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* Grid más amplio */
html body .elementor .dq-blog-posts .elementor-posts-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(320px, 1fr)) !important;
    gap: 28px !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Tarjetas algo más generosas */
html body .elementor .dq-blog-posts .elementor-post {
    min-height: 360px !important;
    padding: 30px 28px !important;
}

/* Título */
html body .elementor .dq-blog-posts .elementor-post__title a {
    font-size: 20px !important;
    line-height: 1.3 !important;
}

/* Extracto */
html body .elementor .dq-blog-posts .elementor-post__excerpt p {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Tablet */
@media (max-width: 1024px) {
    html body .elementor .dq-blog-news-inner {
        width: min(100%, calc(100% - 36px)) !important;
        max-width: 100% !important;
    }

    html body .elementor .dq-blog-posts .elementor-posts-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Móvil */
@media (max-width: 767px) {
    html body .elementor .dq-blog-news-inner {
        width: calc(100% - 24px) !important;
    }

    html body .elementor .dq-blog-posts .elementor-posts-container {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    html body .elementor .dq-blog-posts .elementor-post {
        min-height: auto !important;
        padding: 24px 20px !important;
    }
}
/* BLOG · CONTENEDOR DE NOTICIAS CENTRADO */

html body .elementor .dq-blog-news-section {
    width: 100% !important;
}

html body .elementor .dq-blog-news-inner {
    width: 100% !important;
    max-width: 1200px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}

html body .elementor .dq-blog-posts,
html body .elementor .dq-blog-posts .elementor-widget-container,
html body .elementor .dq-blog-posts .elementor-posts-container {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    left: auto !important;
    right: auto !important;
    transform: none !important;
}

html body .elementor
.dq-blog-posts .elementor-posts-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
}

@media (max-width:1024px) {
    html body .elementor
    .dq-blog-posts .elementor-posts-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width:767px) {
    html body .elementor .dq-blog-news-inner {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html body .elementor
    .dq-blog-posts .elementor-posts-container {
        grid-template-columns: 1fr !important;
    }
}
/* =========================================================
   DESGUACES QUINTANA · PÁGINA EMPRESA
   ========================================================= */


/* =========================================================
   HERO
   ========================================================= */

.dq-company-hero {
    width: 100% !important;
    padding: 82px 24px !important;

    background:
        radial-gradient(
            circle at top left,
            rgba(255,255,255,.055) 0,
            rgba(255,255,255,.055) 270px,
            transparent 271px
        ),
        linear-gradient(115deg,#071f38 0%,#173d61 100%) !important;

    box-sizing: border-box !important;
}

.dq-company-hero-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 1100px !important;

    margin: 0 auto !important;
    gap: 18px !important;

    text-align: center !important;
}

.dq-company-label .elementor-heading-title {
    display: inline-flex !important;

    padding: 9px 18px !important;

    color: #ffffff !important;
    background: rgba(255,255,255,.08) !important;

    border: 1px solid rgba(255,255,255,.25) !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .7px !important;
}

.dq-company-title .elementor-heading-title {
    max-width: 900px !important;

    margin: 0 auto !important;

    color: #ffffff !important;

    font-size: 50px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;

    text-align: center !important;
}

.dq-company-intro p {
    max-width: 780px !important;

    margin: 0 auto !important;

    color: #d3dde6 !important;

    font-size: 18px !important;
    line-height: 1.65 !important;

    text-align: center !important;
}


/* =========================================================
   QUIÉNES SOMOS
   ========================================================= */

.dq-company-about-section {
    width: 100% !important;

    padding: 80px 24px !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
}

.dq-company-about-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 1200px !important;

    margin: 0 auto !important;

    gap: 55px !important;
}

.dq-company-about-image {
    flex: 1 1 48% !important;
    min-width: 0 !important;
}

.dq-company-about-image img {
    display: block !important;

    width: 100% !important;
    min-height: 480px !important;

    object-fit: cover !important;

    border-radius: 18px !important;

    box-shadow: 0 22px 50px rgba(7,26,47,.16) !important;
}

.dq-company-about-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    flex: 1 1 52% !important;
    min-width: 0 !important;

    gap: 19px !important;
}

.dq-company-about-label .elementor-heading-title {
    display: inline-flex !important;

    padding: 8px 16px !important;

    color: #0b4174 !important;
    background: #e7edf3 !important;

    border: 1px solid #bacbd9 !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 800 !important;
}

.dq-company-about-title .elementor-heading-title {
    margin: 0 !important;

    color: #071a2f !important;

    font-size: 40px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
}

.dq-company-about-text p {
    margin-top: 0 !important;

    color: #526477 !important;

    font-size: 16px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   DATOS DESTACADOS
   ========================================================= */

.dq-company-facts-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;

    width: 100% !important;

    gap: 14px !important;
}

.dq-company-fact-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;

    padding: 19px 18px !important;

    background: #f1f4f7 !important;

    border: 1px solid #e0e7ed !important;
    border-radius: 13px !important;

    box-sizing: border-box !important;
}

.dq-company-fact-number .elementor-heading-title {
    margin: 0 !important;

    color: #ed1c24 !important;

    font-size: 23px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.dq-company-fact-text p {
    margin: 5px 0 0 !important;

    color: #526477 !important;

    font-size: 14px !important;
    line-height: 1.45 !important;
}


/* =========================================================
   NUESTRO TRABAJO
   ========================================================= */

.dq-company-services-section {
    width: 100% !important;

    padding: 80px 24px !important;

    background: #f1f4f7 !important;

    box-sizing: border-box !important;
}

.dq-company-services-inner {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 1200px !important;

    margin: 0 auto !important;

    gap: 40px !important;
}

.dq-company-services-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 780px !important;

    margin: 0 auto !important;

    gap: 12px !important;

    text-align: center !important;
}

.dq-company-services-label .elementor-heading-title {
    display: inline-flex !important;

    padding: 8px 16px !important;

    color: #0b4174 !important;
    background: #e5edf4 !important;

    border: 1px solid #bacbd9 !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 800 !important;
}

.dq-company-services-title .elementor-heading-title {
    margin: 0 !important;

    color: #071a2f !important;

    font-size: 41px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;

    text-align: center !important;
}

.dq-company-services-description p {
    margin: 0 !important;

    color: #5d6c7b !important;

    font-size: 17px !important;
    line-height: 1.6 !important;

    text-align: center !important;
}


/* TRES TARJETAS */

.dq-company-services-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;

    width: 100% !important;

    gap: 24px !important;
}

.dq-company-service-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;

    padding: 32px 27px !important;

    gap: 17px !important;

    background: #ffffff !important;

    border: 1px solid #d8e1e9 !important;
    border-radius: 18px !important;

    box-shadow: 0 15px 34px rgba(7,26,47,.08) !important;

    box-sizing: border-box !important;

    text-align: center !important;
}

.dq-company-service-icon,
.dq-company-service-icon .elementor-widget-container {
    display: flex !important;
    justify-content: center !important;

    width: 100% !important;
}

.dq-company-service-icon .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 68px !important;
    height: 68px !important;

    color: #0b4174 !important;
    background: #e8eef4 !important;

    border-radius: 16px !important;

    font-size: 29px !important;
}

.dq-company-service-title .elementor-heading-title {
    margin: 0 !important;

    color: #0b4174 !important;

    font-size: 23px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;
}

.dq-company-service-text p {
    margin: 0 !important;

    color: #526477 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;

    text-align: center !important;
}


/* =========================================================
   CTA
   ========================================================= */

.dq-company-cta-section {
    width: 100% !important;

    padding: 72px 24px !important;

    background:
        linear-gradient(110deg,#071f38 0%,#173d61 100%) !important;

    box-sizing: border-box !important;
}

.dq-company-cta-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 900px !important;

    margin: 0 auto !important;

    gap: 18px !important;

    text-align: center !important;
}

.dq-company-cta-label .elementor-heading-title {
    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .7px !important;
}

.dq-company-cta-title .elementor-heading-title {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 39px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;

    text-align: center !important;
}

.dq-company-cta-text p {
    margin: 0 auto !important;

    color: #d3dde6 !important;

    font-size: 17px !important;
    line-height: 1.6 !important;
}


/* BOTONES */

.dq-company-cta-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    gap: 14px !important;
}

.dq-company-cta-primary .elementor-button {
    min-width: 220px !important;

    padding: 17px 24px !important;

    color: #ffffff !important;
    background: #ed1c24 !important;

    border-radius: 8px !important;

    font-weight: 800 !important;
}

.dq-company-cta-whatsapp .elementor-button {
    min-width: 240px !important;

    padding: 17px 24px !important;

    color: #ffffff !important;
    background: #20c968 !important;

    border-radius: 8px !important;

    font-weight: 800 !important;
}


/* =========================================================
   TABLETA
   ========================================================= */

@media (max-width:1024px) {

    .dq-company-about-inner {
        gap: 35px !important;
    }

    .dq-company-services-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }

    .dq-company-services-grid
    > .dq-company-service-card:last-child {
        grid-column: 1 / -1 !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px) {

    .dq-company-hero,
    .dq-company-about-section,
    .dq-company-services-section,
    .dq-company-cta-section {
        padding: 52px 16px !important;
    }

    .dq-company-title .elementor-heading-title {
        font-size: 35px !important;
    }

    .dq-company-about-inner {
        flex-direction: column !important;
        align-items: stretch !important;

        gap: 32px !important;
    }

    .dq-company-about-image,
    .dq-company-about-content {
        width: 100% !important;
    }

    .dq-company-about-image img {
        min-height: 270px !important;
    }

    .dq-company-about-title .elementor-heading-title,
    .dq-company-services-title .elementor-heading-title,
    .dq-company-cta-title .elementor-heading-title {
        font-size: 31px !important;
    }

    .dq-company-facts-grid,
    .dq-company-services-grid {
        grid-template-columns: 1fr !important;
    }

    .dq-company-services-grid
    > .dq-company-service-card:last-child {
        grid-column: auto !important;
    }

    .dq-company-cta-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .dq-company-cta-primary,
    .dq-company-cta-whatsapp,
    .dq-company-cta-primary .elementor-widget-container,
    .dq-company-cta-whatsapp .elementor-widget-container,
    .dq-company-cta-primary .elementor-button,
    .dq-company-cta-whatsapp .elementor-button {
        width: 100% !important;
        min-width: 0 !important;
    }
}
/* =========================================================
   EMPRESA · CTA FINAL A ANCHO COMPLETO
   ========================================================= */

html body .elementor .dq-company-cta-section {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 72px 24px !important;

    background: linear-gradient(
        110deg,
        #071f38 0%,
        #173d61 100%
    ) !important;

    box-sizing: border-box !important;
}

/* El contenido interior sigue centrado y controlado */
html body .elementor .dq-company-cta-inner {
    width: 100% !important;
    max-width: 900px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
}

/* MÓVIL */
@media (max-width: 767px) {

    html body .elementor .dq-company-cta-section {
        padding: 55px 16px !important;
    }
}
/* =========================================================
   DESGUACES QUINTANA · PÁGINA CONTACTO
   ========================================================= */


/* =========================================================
   1. HERO
   ========================================================= */

html body .elementor .dq-contact-hero {
    width: 100% !important;
    padding: 78px 24px !important;

    background:
        radial-gradient(
            circle at top left,
            rgba(255,255,255,.055) 0,
            rgba(255,255,255,.055) 270px,
            transparent 271px
        ),
        linear-gradient(
            115deg,
            #071f38 0%,
            #173d61 100%
        ) !important;

    box-sizing: border-box !important;
}


html body .elementor .dq-contact-hero-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 1000px !important;

    margin: 0 auto !important;

    gap: 18px !important;

    text-align: center !important;
}


/* ETIQUETA HERO */

html body .elementor
.dq-contact-label .elementor-heading-title {

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 8px 18px !important;

    color: #ffffff !important;
    background: rgba(255,255,255,.08) !important;

    border: 1px solid rgba(255,255,255,.25) !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .7px !important;
}


/* H1 */

html body .elementor
.dq-contact-title .elementor-heading-title {

    max-width: 850px !important;

    margin: 0 auto !important;

    color: #ffffff !important;

    font-size: 50px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;

    text-align: center !important;
}


/* INTRODUCCIÓN */

html body .elementor .dq-contact-intro,
html body .elementor .dq-contact-intro p {

    max-width: 760px !important;

    margin: 0 auto !important;

    color: #d3dde6 !important;

    font-size: 17px !important;
    line-height: 1.65 !important;

    text-align: center !important;
}



/* =========================================================
   2. SECCIÓN PRINCIPAL
   ========================================================= */

html body .elementor .dq-contact-main-section {

    width: 100% !important;

    padding: 75px 24px 80px !important;

    background: #f1f4f7 !important;

    box-sizing: border-box !important;
}


html body .elementor .dq-contact-main-inner {

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 1200px !important;

    margin: 0 auto !important;

    gap: 42px !important;
}



/* =========================================================
   3. ENCABEZADO CONTACTO DIRECTO
   ========================================================= */

html body .elementor .dq-contact-heading {

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 800px !important;

    margin: 0 auto !important;

    gap: 11px !important;

    text-align: center !important;
}


/* ETIQUETA */

html body .elementor
.dq-contact-heading-label .elementor-heading-title {

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 8px 17px !important;

    color: #0b4174 !important;
    background: #e5edf4 !important;

    border: 1px solid #bacbd9 !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}


/* TÍTULO */

html body .elementor
.dq-contact-heading-title .elementor-heading-title {

    margin: 0 !important;

    color: #071a2f !important;

    font-size: 41px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;

    text-align: center !important;
}


/* DESCRIPCIÓN */

html body .elementor .dq-contact-heading-description,
html body .elementor .dq-contact-heading-description p {

    max-width: 680px !important;

    margin: 0 auto !important;

    color: #5d6c7b !important;

    font-size: 17px !important;
    line-height: 1.6 !important;

    text-align: center !important;
}



/* =========================================================
   4. GRID DE CONTACTO
   ========================================================= */

html body .elementor .dq-contact-grid {

    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0,1fr)) !important;

    width: 100% !important;

    gap: 20px !important;

    align-items: stretch !important;
}



/* =========================================================
   5. TARJETAS
   ========================================================= */

html body .elementor .dq-contact-card {

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 320px !important;

    padding: 30px 22px !important;

    gap: 14px !important;

    background: #ffffff !important;

    border: 1px solid #d7e0e8 !important;
    border-radius: 18px !important;

    box-shadow:
        0 15px 34px rgba(7,26,47,.08) !important;

    box-sizing: border-box !important;

    text-align: center !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease !important;
}


html body .elementor .dq-contact-card:hover {

    transform: translateY(-4px) !important;

    box-shadow:
        0 20px 42px rgba(7,26,47,.13) !important;
}



/* =========================================================
   6. ICONOS
   ========================================================= */

html body .elementor .dq-contact-card-icon,
html body .elementor
.dq-contact-card-icon .elementor-widget-container {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    text-align: center !important;
}


html body .elementor
.dq-contact-card-icon .elementor-icon {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 68px !important;
    height: 68px !important;

    margin: 0 auto !important;

    color: #0b4174 !important;
    background: #e7eef4 !important;

    border-radius: 16px !important;

    font-size: 29px !important;
}


html body .elementor
.dq-contact-card-icon .elementor-icon svg {

    width: 29px !important;
    height: 29px !important;

    fill: #0b4174 !important;
}



/* =========================================================
   7. TÍTULO DE TARJETA
   ========================================================= */

html body .elementor
.dq-contact-card-title .elementor-heading-title {

    margin: 0 !important;

    color: #0b4174 !important;

    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;
}



/* =========================================================
   8. DATO DE CONTACTO
   ========================================================= */

html body .elementor .dq-contact-card-text,
html body .elementor .dq-contact-card-text p {

    margin: 0 !important;

    color: #526477 !important;

    font-size: 15px !important;
    line-height: 1.55 !important;

    text-align: center !important;

    overflow-wrap: anywhere !important;
    word-break: normal !important;
}



/* =========================================================
   9. BOTONES DE LAS TARJETAS
   ========================================================= */

html body .elementor .dq-contact-card-button {

    width: 100% !important;

    margin-top: auto !important;
}


html body .elementor
.dq-contact-card-button .elementor-widget-container {

    width: 100% !important;
}


html body .elementor
.dq-contact-card-button .elementor-button {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 48px !important;

    padding: 14px 15px !important;

    color: #ffffff !important;
    background: #0b4a80 !important;

    border: 0 !important;
    border-radius: 7px !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    box-sizing: border-box !important;

    transition:
        background .2s ease,
        transform .2s ease !important;
}


html body .elementor
.dq-contact-card-button .elementor-button:hover {

    background: #ed1c24 !important;

    transform: translateY(-1px) !important;
}



/* WHATSAPP VERDE */

html body .elementor
.dq-contact-card-whatsapp .elementor-button {

    background: #20c968 !important;

    box-shadow:
        0 10px 23px rgba(32,201,104,.22) !important;
}


html body .elementor
.dq-contact-card-whatsapp .elementor-button:hover {

    background: #17b95b !important;
}



/* =========================================================
   10. UBICACIÓN
   ========================================================= */

html body .elementor .dq-contact-location {

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;

    margin-top: 15px !important;

    gap: 24px !important;
}



/* ENCABEZADO MAPA */

html body .elementor .dq-contact-location-heading {

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 760px !important;

    margin: 0 auto !important;

    gap: 10px !important;

    text-align: center !important;
}


html body .elementor
.dq-contact-location-label .elementor-heading-title {

    display: inline-flex !important;

    padding: 8px 17px !important;

    color: #0b4174 !important;
    background: #e5edf4 !important;

    border: 1px solid #bacbd9 !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 800 !important;
}


html body .elementor
.dq-contact-location-title .elementor-heading-title {

    margin: 0 !important;

    color: #071a2f !important;

    font-size: 36px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;

    text-align: center !important;
}


html body .elementor
.dq-contact-location-description,
html body .elementor
.dq-contact-location-description p {

    margin: 0 auto !important;

    color: #5d6c7b !important;

    font-size: 16px !important;
    line-height: 1.6 !important;

    text-align: center !important;
}



/* =========================================================
   11. GOOGLE MAPS
   ========================================================= */

html body .elementor .dq-contact-map {

    width: 100% !important;

    overflow: hidden !important;

    border-radius: 18px !important;

    box-shadow:
        0 18px 42px rgba(7,26,47,.12) !important;
}


html body .elementor
.dq-contact-map .elementor-widget-container {

    width: 100% !important;

    overflow: hidden !important;

    border-radius: 18px !important;
}


html body .elementor
.dq-contact-map iframe {

    display: block !important;

    width: 100% !important;
    height: 420px !important;

    border: 0 !important;
}



/* =========================================================
   12. CTA FINAL
   ========================================================= */

html body .elementor .dq-contact-cta-section {

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 72px 24px !important;

    background:
        linear-gradient(
            110deg,
            #071f38 0%,
            #173d61 100%
        ) !important;

    box-sizing: border-box !important;
}


html body .elementor .dq-contact-cta-inner {

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 900px !important;

    margin: 0 auto !important;

    gap: 18px !important;

    text-align: center !important;
}



/* ETIQUETA CTA */

html body .elementor
.dq-contact-cta-label .elementor-heading-title {

    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .7px !important;
}



/* TÍTULO CTA */

html body .elementor
.dq-contact-cta-title .elementor-heading-title {

    margin: 0 !important;

    color: #ffffff !important;

    font-size: 39px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;

    text-align: center !important;
}



/* TEXTO CTA */

html body .elementor .dq-contact-cta-text,
html body .elementor .dq-contact-cta-text p {

    max-width: 700px !important;

    margin: 0 auto !important;

    color: #d3dde6 !important;

    font-size: 17px !important;
    line-height: 1.6 !important;

    text-align: center !important;
}



/* =========================================================
   13. BOTONES CTA
   ========================================================= */

html body .elementor .dq-contact-cta-actions {

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    gap: 14px !important;
}


/* LLAMAR */

html body .elementor
.dq-contact-cta-call .elementor-button {

    min-width: 235px !important;

    padding: 17px 24px !important;

    color: #ffffff !important;
    background: #ed1c24 !important;

    border-radius: 8px !important;

    box-shadow:
        0 12px 28px rgba(237,28,36,.27) !important;

    font-size: 12px !important;
    font-weight: 800 !important;
}


/* WHATSAPP */

html body .elementor
.dq-contact-cta-whatsapp .elementor-button {

    min-width: 240px !important;

    padding: 17px 24px !important;

    color: #ffffff !important;
    background: #20c968 !important;

    border-radius: 8px !important;

    box-shadow:
        0 12px 28px rgba(32,201,104,.24) !important;

    font-size: 12px !important;
    font-weight: 800 !important;
}


/* HOVER */

html body .elementor
.dq-contact-cta-call .elementor-button:hover {

    background: #d9141c !important;
}


html body .elementor
.dq-contact-cta-whatsapp .elementor-button:hover {

    background: #17b95b !important;
}



/* =========================================================
   14. TABLETA
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    html body .elementor .dq-contact-grid {

        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap: 20px !important;
    }


    html body .elementor .dq-contact-card {

        min-height: 300px !important;
    }


    html body .elementor
    .dq-contact-title .elementor-heading-title {

        font-size: 43px !important;
    }
}



/* =========================================================
   15. MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    /* HERO */

    html body .elementor .dq-contact-hero {

        padding: 52px 16px !important;
    }


    html body .elementor
    .dq-contact-title .elementor-heading-title {

        font-size: 34px !important;
        line-height: 1.12 !important;
    }


    html body .elementor .dq-contact-intro,
    html body .elementor .dq-contact-intro p {

        font-size: 16px !important;
    }



    /* PRINCIPAL */

    html body .elementor .dq-contact-main-section {

        padding: 55px 16px 60px !important;
    }


    html body .elementor
    .dq-contact-heading-title .elementor-heading-title {

        font-size: 30px !important;
    }



    /* TARJETAS */

    html body .elementor .dq-contact-grid {

        grid-template-columns: 1fr !important;

        gap: 16px !important;
    }


    html body .elementor .dq-contact-card {

        min-height: 0 !important;

        padding: 26px 20px !important;
    }


    html body .elementor
    .dq-contact-card-icon .elementor-icon {

        width: 62px !important;
        height: 62px !important;
    }



    /* UBICACIÓN */

    html body .elementor
    .dq-contact-location-title .elementor-heading-title {

        font-size: 29px !important;
    }


    html body .elementor
    .dq-contact-map iframe {

        height: 300px !important;
    }



    /* CTA */

    html body .elementor .dq-contact-cta-section {

        padding: 55px 16px !important;
    }


    html body .elementor
    .dq-contact-cta-title .elementor-heading-title {

        font-size: 30px !important;
    }


    html body .elementor .dq-contact-cta-actions {

        flex-direction: column !important;
        align-items: stretch !important;
    }


    html body .elementor .dq-contact-cta-call,
    html body .elementor .dq-contact-cta-whatsapp,
    html body .elementor
    .dq-contact-cta-call .elementor-widget-container,
    html body .elementor
    .dq-contact-cta-whatsapp .elementor-widget-container,
    html body .elementor
    .dq-contact-cta-call .elementor-button,
    html body .elementor
    .dq-contact-cta-whatsapp .elementor-button {

        width: 100% !important;
        min-width: 0 !important;
    }
}
/* =========================================================
   CONTACTO · ELIMINAR HUECO ENTRE TARJETAS Y MAPA
   ========================================================= */

html body .elementor .dq-contact-main-section {
    height: auto !important;
    min-height: 0 !important;
}

html body .elementor .dq-contact-main-inner {
    height: auto !important;
    min-height: 0 !important;

    justify-content: flex-start !important;

    gap: 38px !important;
}

/* Grid sin espacio inferior artificial */
html body .elementor .dq-contact-grid {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    height: auto !important;
    min-height: 0 !important;
}

/* La ubicación empieza inmediatamente después */
html body .elementor .dq-contact-location {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    justify-content: flex-start !important;
}

/* Por si Elementor ha dejado margen en el encabezado */
html body .elementor .dq-contact-location-heading {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* =========================================================
   CONTACTO · CORRECCIÓN DEFINITIVA DEL HUECO VERTICAL
   ========================================================= */

html body .elementor .e-con.dq-contact-main-section,
html body .elementor .e-con.dq-contact-main-inner,
html body .elementor .e-con.dq-contact-grid,
html body .elementor .e-con.dq-contact-location {

    height: auto !important;
    min-height: 0 !important;

    --min-height: 0px !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    --margin-top: 0px !important;
    --margin-bottom: 0px !important;
}


/* CONTENEDOR PRINCIPAL */

html body .elementor .dq-contact-main-inner {

    display: flex !important;
    flex-direction: column !important;

    justify-content: flex-start !important;
    align-items: stretch !important;

    --justify-content: flex-start !important;
    --align-items: stretch !important;

    gap: 38px !important;

    --gap: 38px !important;
    --row-gap: 38px !important;
}


/* GRID DE TARJETAS */

html body .elementor .dq-contact-grid {

    flex: none !important;

    align-self: stretch !important;

    margin: 0 !important;
}


/* UBICACIÓN */

html body .elementor .dq-contact-location {

    flex: none !important;

    align-self: stretch !important;

    margin: 0 !important;
    margin-block-start: 0 !important;

    padding: 0 !important;

    justify-content: flex-start !important;

    --justify-content: flex-start !important;
}


/* PRIMER ELEMENTO DE UBICACIÓN */

html body .elementor
.dq-contact-location > :first-child {

    margin-top: 0 !important;
}
/* =========================================================
   DESGUACES QUINTANA · AVISO LEGAL
   ========================================================= */

.dq-legal-page {
    width: 100% !important;
    padding: 65px 24px !important;
    background: #f3f5f7 !important;
    box-sizing: border-box !important;
}

.dq-legal-inner {
    width: 100% !important;
    max-width: 1050px !important;
    margin: 0 auto !important;
    padding: 45px 55px !important;
    background: #ffffff !important;
    border: 1px solid #dbe3ea !important;
    border-radius: 18px !important;
    box-shadow: 0 15px 35px rgba(7,26,47,.07) !important;
    box-sizing: border-box !important;
}

.dq-legal-label .elementor-heading-title {
    display: inline-flex !important;
    padding: 8px 16px !important;
    color: #0b4174 !important;
    background: #e7edf3 !important;
    border: 1px solid #bacbd9 !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.dq-legal-title .elementor-heading-title {
    margin: 5px 0 18px !important;
    color: #071a2f !important;
    font-size: 44px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}

.dq-legal-content h2 {
    margin: 32px 0 10px !important;
    color: #0b4174 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
}

.dq-legal-content h2:first-child {
    margin-top: 0 !important;
}

.dq-legal-content p {
    margin: 0 0 15px !important;
    color: #526477 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.dq-legal-content a {
    color: #0b4174 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

@media (max-width: 767px) {

    .dq-legal-page {
        padding: 40px 16px !important;
    }

    .dq-legal-inner {
        padding: 30px 22px !important;
    }

    .dq-legal-title .elementor-heading-title {
        font-size: 34px !important;
    }

    .dq-legal-content h2 {
        font-size: 20px !important;
    }

    .dq-legal-content p {
        font-size: 15px !important;
    }
}
/* =========================================================
   HOME · ¿QUÉ NECESITAS?
   RESTAURACIÓN DEFINITIVA DEL ANCHO
   ========================================================= */

/* Sección */
html body .elementor .dq-services-section {
    width: 100% !important;
    max-width: 100% !important;

    --width: 100% !important;
}


/* Interior */
html body .elementor
.dq-services-section .dq-services-inner {

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 1200px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    --width: 100% !important;
    --content-width: 1200px !important;
}


/* Encabezado centrado */
html body .elementor
.dq-services-section .dq-services-heading {

    width: 100% !important;
    max-width: 800px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    align-self: center !important;
}


/* =========================================================
   GRID REAL DE 3 COLUMNAS
   ========================================================= */

html body .elementor
.dq-services-section .dq-services-grid {

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    width: 100% !important;
    max-width: 1100px !important;

    min-width: 0 !important;

    margin: 30px auto 0 !important;

    gap: 24px !important;

    align-self: center !important;

    flex: none !important;

    --width: 100% !important;
    --content-width: 1100px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ANULAR EL ANCHO DE ELEMENTOR EN LOS HIJOS
   ========================================================= */

html body .elementor
.dq-services-section
.dq-services-grid > .e-con,

html body .elementor
.dq-services-section
.dq-services-grid > .elementor-element {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    flex: none !important;
    flex-basis: auto !important;

    margin: 0 !important;

    --width: 100% !important;

    align-self: stretch !important;
}


/* =========================================================
   TARJETAS
   ========================================================= */

html body .elementor
.dq-services-section .dq-service-card {

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;

    padding: 32px 28px !important;

    box-sizing: border-box !important;
}


/* Títulos y textos normales */
html body .elementor
.dq-services-section .dq-service-card * {

    word-break: normal !important;
    overflow-wrap: normal !important;
}


/* Botón abajo */
html body .elementor
.dq-services-section .dq-service-card .elementor-button-wrapper {

    margin-top: auto !important;
}


/* =========================================================
   TABLETA
   ========================================================= */

@media (min-width:768px) and (max-width:1024px) {

    html body .elementor
    .dq-services-section .dq-services-grid {

        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        max-width: 760px !important;
    }
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width:767px) {

    html body .elementor
    .dq-services-section .dq-services-inner {

        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html body .elementor
    .dq-services-section .dq-services-grid {

        grid-template-columns: 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 18px !important;
    }

    html body .elementor
    .dq-services-section .dq-service-card {

        width: 100% !important;
        padding: 28px 22px !important;
    }
}
/* =========================================================
   SOLICITAR REPUESTO · FOTO DE FONDO DEFINITIVA
   La fotografía se selecciona en Elementor > Fondo.
   Se evita ampliarla a todo el ancho para reducir el desenfoque.
   ========================================================= */

.dq-request-hero {
    position: relative !important;

    /* El azul rellena la zona que no ocupa la fotografía */
    background-color: #071a2f !important;

    /* La imagen mantiene sus proporciones y no se estira a todo el ancho */
    background-position: left center !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;

    overflow: hidden !important;
}

/* Capa azul progresiva:
   deja ver mejor la estantería a la izquierda
   y oscurece más hacia el formulario. */
.dq-request-hero::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background: linear-gradient(
        90deg,
        rgba(6, 31, 56, 0.62) 0%,
        rgba(7, 34, 64, 0.70) 38%,
        rgba(7, 26, 47, 0.88) 68%,
        rgba(7, 26, 47, 0.96) 100%
    ) !important;

    z-index: 0 !important;
    pointer-events: none !important;
}

/* Mantiene texto y formulario por encima de la capa azul */
.dq-request-hero > * {
    position: relative !important;
    z-index: 1 !important;
}

/* TABLET:
   evita ampliar excesivamente una imagen de baja resolución. */
@media (max-width: 1024px) {

    .dq-request-hero {
        background-position: center top !important;
        background-size: auto 620px !important;
    }

    .dq-request-hero::after {
        background: linear-gradient(
            180deg,
            rgba(6, 31, 56, 0.66) 0%,
            rgba(7, 34, 64, 0.78) 38%,
            rgba(7, 26, 47, 0.94) 68%,
            #071a2f 100%
        ) !important;
    }
}

/* MÓVIL:
   la fotografía queda como cabecera visual y el resto continúa en azul. */
@media (max-width: 767px) {

    .dq-request-hero {
        background-position: center top !important;
        background-size: auto 440px !important;
    }

    .dq-request-hero::after {
        background: linear-gradient(
            180deg,
            rgba(6, 31, 56, 0.70) 0%,
            rgba(7, 34, 64, 0.86) 30%,
            rgba(7, 26, 47, 0.97) 52%,
            #071a2f 72%,
            #071a2f 100%
        ) !important;
    }
}
/* =========================================================
   SOLICITAR REPUESTO · HERO FINAL
   ========================================================= */

.dq-request-hero {
    position: relative !important;
    overflow: hidden !important;

    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.dq-request-hero::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background: linear-gradient(
        90deg,
        rgba(5, 29, 54, 0.72) 0%,
        rgba(6, 34, 63, 0.60) 42%,
        rgba(6, 31, 56, 0.35) 68%,
        rgba(6, 31, 56, 0.45) 100%
    ) !important;

    z-index: 0 !important;
    pointer-events: none !important;
}

.dq-request-hero > * {
    position: relative !important;
    z-index: 1 !important;
}
.dq-request-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;

    background: linear-gradient(
        90deg,
        rgba(5, 29, 54, 0.68) 0%,
        rgba(6, 34, 63, 0.52) 42%,
        rgba(6, 31, 56, 0.24) 68%,
        rgba(6, 31, 56, 0.32) 100%
    ) !important;

    z-index: 0 !important;
    pointer-events: none !important;
}
.dq-request-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;

    background: linear-gradient(
        90deg,
        rgba(5, 29, 54, 0.70) 0%,
        rgba(6, 34, 63, 0.58) 42%,
        rgba(6, 31, 56, 0.42) 68%,
        rgba(6, 31, 56, 0.50) 100%
    ) !important;

    z-index: 0 !important;
    pointer-events: none !important;
}/* End custom CSS */