/* ==============================================================
   NUEVAS TENDENCIAS · LANDING AUTOSOLICITUD
   Versión consolidada: SOLO DOS BREAKPOINTS
   - Hasta 767px: móvil
   - Desde 768px: tablet y ordenador
   ============================================================== */

/* BASE COMÚN */
    .banda {width: 100vw;margin-left: calc(50% - 50vw);padding: 10px;box-sizing: border-box;background: #1b2b4d;}
    .woocrm-form-success {margin-top: 20px;padding: 15px 20px;border: 1px solid #46b450;border-radius: 8px;background: #f0fff2;color: #24752c;font-size: 15px;font-weight: 600;text-align: center;}

/* La imagen y el texto comparten el mismo contenedor.
   El banner sale a pantalla completa incluso dentro de una columna. */
    .woocrm-banner-solicitud {position: relative;width: 100vw;max-width: none;margin-left: calc(50% - 50vw);overflow: hidden;}
    .woocrm-banner-solicitud img.woocrm-solicitud-registro-imagen {display: block;width: 100%;max-width: none;margin: 0;object-fit: cover;object-position: center;position: static;transform: none;}

/* Para imágenes que puedan aparecer sin el contenedor del banner */
    .woocrm-solicitud-registro-imagen {display: block;max-width: none;}
    .woocrm-banner-solicitud .woocrm-banner-texto span {display: block;font-weight: 500;}
    .woocrm-banner-solicitud .woocrm-banner-texto {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    width: min(94%, 860px);
    color: #ffffff !important;
    text-align: center;
    font-weight: 800;
    line-height: 1.15;
    text-shadow: 0 2px 5px rgba(0,0,0,.45);
    pointer-events: none;
}
        .nt-campania {--nt-azul: #1c2d50;--nt-rojo: #be1e2d;--nt-amarillo: #ffdc4a;color: var(--nt-azul);font-family: inherit;width: 100%;max-width: 860px;margin-left: auto;margin-right: auto;overflow: visible;}
    .nt-campania * { box-sizing: border-box; }

/* Oferta 30 €: blanco a todo el ancho + diagonal gris */
    .nt-campania .nt-oferta {position: relative;isolation: isolate;background: transparent;color: var(--nt-azul);text-align: center;}
    .nt-campania .nt-oferta::before,
    .nt-campania .nt-oferta::after {content: "";position: absolute;left: 50%;width: 100vw;transform: translateX(-50%);pointer-events: none;}
    .nt-campania .nt-oferta::before {top: 0;bottom: 0;background: #fff;z-index: -2;}
    .nt-campania .nt-oferta::after {bottom: 0;background: #f0f1f3;clip-path: polygon(0 100%, 100% 35%, 100% 100%);z-index: -1;}
    .nt-campania .nt-ceja {
    color: var(--nt-azul) !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
}
    .nt-campania .nt-regalo {color: var(--nt-azul);font-weight: 600;}
.nt-campania .nt-precio {
    color: #da2f47;
    font-family: 'Lato', sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -2px;
    text-shadow: none;
}

.nt-campania .nt-precio small {
    font-size: .58em;
    vertical-align: 18%;
    margin-left: 4px;
}

.nt-campania .nt-precio .nt-puntos {
    display: inline-block;
    color: #da2f47;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.3px;
    vertical-align: middle;
    text-shadow: none;
}
    .nt-campania .nt-explicacion {color: var(--nt-azul);font-weight: 650;line-height: 1.45;max-width: 560px;margin-left: auto;margin-right: auto;}
    .nt-productos {color: #da2f47;font-style: italic;font-size: 13px;font-weight: 600;margin-top: 5px;}

/* Banda azul, de extremo a extremo */
    .nt-campania .nt-diferencia {position: relative;isolation: isolate;text-align: center;}
    .nt-campania .nt-diferencia::before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 50%;width: 100vw;transform: translateX(-50%);background: var(--nt-azul);}
    .nt-campania .nt-diferencia h2 {color: #fff;font-weight: 600;line-height: 1.25;}
    .nt-campania .nt-destacado {display: inline-block;max-width: 100%;background: #fff;color: var(--nt-azul);transform: rotate(-1.5deg);font-weight: 900;line-height: 1.15;box-shadow: none;}
    .nt-campania .nt-ventajas {list-style: none;display: flex;justify-content: center;flex-wrap: wrap;padding: 0;}
    .nt-campania .nt-ventajas li {color: #fff;border: 0;font-weight: 800;white-space: normal;line-height: 1.3;}
    .nt-campania .nt-ventajas span {color: #fff;margin-right: 5px;}

/* Cuatro beneficios */
    .nt-campania .nt-beneficios {display: grid;max-width: 860px;margin-left: auto;margin-right: auto;}
    .nt-campania .nt-beneficio {min-width: 0;text-align: center;}
    .nt-campania .nt-beneficio-icono {display: block;line-height: 1.2;}
    .nt-campania .nt-beneficio h3 {color: var(--nt-azul);font-weight: 800;line-height: 1.25;}
    .nt-campania .nt-beneficio p {color: var(--nt-azul);font-weight: 600;line-height: 1.4;margin: 0;}

/* Reto antes del formulario */
    .nt-campania .nt-reto {text-align: center;border-top: 2px solid var(--nt-azul);}
    .nt-campania .nt-reto h2 {color: var(--nt-azul);font-weight: 600;line-height: 1.2;}
    .nt-campania .nt-aviso {font-size: 15px;font-weight: 600;}
    .nt-campania .nt-aviso strong { color: var(--nt-rojo); }
    .nt-campania .nt-profesionales {font-size: 13px;font-weight: 600;font-style: italic;opacity: .93;}
    .nt-campania .nt-flecha {display: block;color: #ffcc4d;font-weight: 900;line-height: 1;}

/* ==============================================================
   1) MÓVIL: 767px O MENOS
   ============================================================== */
@media (max-width: 767px) {
    .woocrm-cabecera-landing {position: relative !important;top: auto !important;left: auto !important;transform: none !important;width: 100% !important;}
    .woocrm-banner-solicitud { margin-top: 0 !important; }
    .woocrm-banner-solicitud img.woocrm-solicitud-registro-imagen {height: 200px;width: 100%;object-fit: cover;object-position: center center;}
    .woocrm-banner-solicitud .woocrm-banner-texto {bottom: 22px;font-size: 19px;}
    .woocrm-banner-solicitud .woocrm-banner-texto span {font-size: 13px;margin-top: 3px;}
    .nt-campania { margin-top: 0; }
    .nt-campania .nt-oferta { padding: 5px 14px 5px; }
    .nt-campania .nt-oferta::after { height: 50px; }
    .nt-campania .nt-ceja { font-size: 13px; margin: 10px 0 12px; }
    .nt-campania .nt-regalo { font-size: 17px; }
    .nt-campania .nt-precio {font-size: 40px;margin: 8px 0 1px;}
    .nt-campania .nt-precio .nt-puntos {font-size: 17px;margin-left: 3px;}
    .nt-campania .nt-explicacion { font-size: 13px; margin-top: 8px; }
    .nt-campania .nt-diferencia { padding: 1px 14px 8px; }
    .nt-campania .nt-diferencia h2 {font-size: 19px;margin: 15px auto 15px !important;}
    .nt-campania .nt-destacado { font-size: 17px; padding: 8px 12px; }
    .nt-campania .nt-ventajas { gap: 7px; margin: 0; }
    .nt-campania .nt-ventajas li { font-size: 12px; padding: 8px 5px; }
    .nt-campania .nt-ventajas span { font-size: 15px; }
    .nt-campania .nt-beneficios {grid-template-columns: repeat(2, minmax(0,1fr));gap: 8px;padding: 0 10px;margin-top: 0;margin-bottom: 0;}
    .nt-campania .nt-beneficio { padding: 12px 1px; }
    .nt-campania .nt-beneficio-icono { font-size: 26px; margin-bottom: 8px; }
    .nt-campania .nt-beneficio h3 { font-size: 12px; margin: 0 0 6px; }
    .nt-campania .nt-beneficio p { font-size: 12px; }
    .nt-campania .nt-reto { padding: 1px 14px; }
    .nt-campania .nt-reto h2 { font-size: 20px; margin: 10px 0 !important; }
    .nt-campania .nt-profesionales { margin: 7px auto 0; }
    .nt-campania .nt-flecha { font-size: 28px; margin: 7px 0 -8px; }
}

/* ==============================================================
   2) TABLET + ORDENADOR: DESDE 768px
   - Sin salto de estilos entre 768 y 1023px
   - Contenido contenido en 860px y fondos a 100vw
   ============================================================== */
@media (min-width: 768px) {
    .woocrm-banner-solicitud { margin-top: 99px; }
    .woocrm-banner-solicitud img.woocrm-solicitud-registro-imagen {height: 250px;}
    .woocrm-banner-solicitud .woocrm-banner-texto {bottom: 26px;font-size: 23px;}
    .woocrm-banner-solicitud .woocrm-banner-texto span {font-size: 15px;margin-top: 5px;}
    .nt-campania { margin-top: 0; }
    .nt-campania .nt-oferta { padding: 10px 20px; }
    .nt-campania .nt-oferta::after { height: 55px; }
    .nt-campania .nt-ceja { font-size: 15px; margin: 0 0 5px; }
    .nt-campania .nt-regalo { font-size: 20px; }
    .nt-campania .nt-precio {font-size: clamp(41px, 0vw, 47px);margin: 6px 8px 0 0;}
    .nt-campania .nt-precio .nt-puntos {font-size: 22px;margin-left: 8px;}
    .nt-campania .nt-explicacion { font-size: 15px; margin-top: 7px; }
    .nt-campania .nt-diferencia { padding: 1px 18px 5px; }
    .nt-campania .nt-diferencia h2 {font-size: 19px;margin: 15px auto 12px !important;}
    .nt-campania .nt-destacado { font-size: 18px; padding: 8px 14px; }
    .nt-campania .nt-ventajas { gap: 8px; margin: 7px 0 0; }
    .nt-campania .nt-ventajas li { font-size: 13px; padding: 8px 10px; }
    .nt-campania .nt-ventajas span { font-size: 15px; }
    .nt-campania .nt-beneficios {grid-template-columns: repeat(4, minmax(0,1fr));gap: 12px;padding: 0 12px;margin-top: 15px;margin-bottom: 15px;}
    .nt-campania .nt-beneficio { padding: 0; }
    .nt-campania .nt-beneficio-icono { font-size: 30px; margin-bottom: 10px; }
    .nt-campania .nt-beneficio h3 { font-size: 14px; margin: 0 0 8px; }
    .nt-campania .nt-beneficio p { font-size: 13px; }
    .nt-campania .nt-reto { padding: 0; }
    .nt-campania .nt-reto h2 { font-size: 22px; margin: 10px 0 !important; }
    .nt-campania .nt-profesionales { margin: 5px auto 0; }
    .nt-campania .nt-flecha { font-size: 25px; margin: 4px 0 -7px; }
}

/* CONTENEDORES PRINCIPALES A ANCHO COMPLETO */
    .woocrm-solicitud-registro,
    .woocrm-solicitud-registro-inner {width: 100% !important;max-width: none !important;margin-left: 0 !important;margin-right: 0 !important;padding-left: 0 !important;padding-right: 0 !important;box-sizing: border-box;}

/* BANNER DE EXTREMO A EXTREMO */
    .woocrm-banner-solicitud {position: relative;width: 100%;max-width: none;margin-left: 0;}

/* CONTENIDO CENTRAL DE LA LANDING */
    .nt-campania {width: 100%;max-width: 860px;margin-left: auto;margin-right: auto;}

/* FORMULARIO CENTRADO, SIN EXTENDER LOS CAMPOS */
    #woocrm-solicitud-registro-form {width: calc(100% - 30px);max-width: 1100px;margin-left: auto;margin-right: auto;}