@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;600;700;800;900&display=swap');
/* Base aislada: los estilos del portal no alteran la maquetación de la landing. */
body {
    margin:0
}

#landing-selae {
    position:relative;
    isolation:isolate;
    font-family:'Public Sans',Arial,sans-serif;
    font-size:16px;
    line-height:normal;
    color:var(--texto,#26313c)
}

#landing-selae :where(h1,h2,h3,p) {
    float:none;
    position:static;
    display:block;
    width:auto;
    max-width:none;
    padding:0;
    margin:0
}

#landing-selae :where(a) {
    float:none;
    text-decoration:none
}

:root {
    --marca:#cb1517;
    --marca-oscura:#821114;
    --fondo:url("https://www.loteriasyapuestas.es/f/loterias/Landing/IMG-1/fondo-campana.jpg");
    --fondo-video:var(--fondo);
    --posicion-fondo:center;
    --posicion-fondo-movil:center;
    --alto-cabecera:76px;
    font-family:"Public Sans",Arial,sans-serif
}

#landing-selae * {
    box-sizing:border-box;
}

html {
    scroll-behavior:smooth
}

#landing-selae {
    margin:0;
    color:var(--texto,#26313c)!important;
}

#landing-selae img {
    max-width:100%;
}

#landing-selae .lp-sr-only {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
}

#landing-selae .lp-skip {
    position:fixed;
    top:-90px;
    left:10px;
    z-index:100;
    background:white;
    color:#111!important;
    padding:12px;
}

#landing-selae .lp-skip:focus {
    top:10px;
}

#landing-selae :focus-visible {
    outline:3px solid #ffb900;
    outline-offset:3px;
}

#landing-selae .lp-cabecera {
    position:fixed;
    inset:0 0 auto;
    z-index:20;
    height:var(--alto-cabecera);
    background:rgba(255,255,255,.97);
    box-shadow:0 2px 15px #0002;
    display:flex;
    align-items:center;
    padding:0 clamp(22px,6vw,90px);
}

#landing-selae .lp-marca {
    font-weight:900;
    font-size:1.45rem;
    color:var(--marca)!important;
    text-transform:uppercase;
}

#landing-selae .lp-marca img {
    max-height:54px;
    max-width:200px;
    display:block;
}

#landing-selae .lp-hero {
    min-height:max(700px,100svh);
    background-image:linear-gradient(90deg,rgba(6,29,25,.88),rgba(6,29,25,.65) 38%,rgba(6,29,25,.08) 80%),var(--fondo);
    background-size:cover;
    background-position:var(--posicion-fondo);
    color:white!important;
    display:flex;
    align-items:center;
    padding:calc(var(--alto-cabecera) + 45px) clamp(22px,7vw,110px) 75px;
}

#landing-selae .lp-hero__contenido {
    width:min(55vw,860px);
}

#landing-selae .lp-marquesina {
    overflow:hidden;
    mask-image:linear-gradient(90deg,transparent,black 7%,black 93%,transparent);
    font-weight:700;
    font-size:clamp(.95rem,1.3vw,1.15rem);
}

#landing-selae .lp-cinta {
    display:flex;
    width:max-content;
    animation:correr 24s linear infinite;
}

#landing-selae .lp-grupo {
    display:flex;
    flex:none;
}

#landing-selae .lp-mensaje {
    display:inline-flex;
    align-items:center;
    gap:15px;
    white-space:nowrap;
    padding:15px 32px 15px 0;
}

#landing-selae .lp-mensaje:before {
    content:"";
    width:7px;
    height:7px;
    background:#f9dd7e;
    border-radius:50%;
}

@keyframes correr {
    to {
        transform:translateX(-50%)
    }
}

#landing-selae h1 {
    font-size:clamp(3.5rem,5.9vw,7.4rem);
    line-height:1.04;
    letter-spacing:-.055em;
    max-width:850px;
    margin:28px 0 36px;
    text-wrap:balance;
}

#landing-selae .lp-acciones {
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

#landing-selae .lp-boton {
    min-width:190px;
    padding:17px 24px;
    border:2px solid white;
    border-radius:4px;
    font-weight:800;
    text-align:center;
    cursor:pointer;
}

#landing-selae .lp-primario {
    background:white;
    color:var(--marca-oscura)!important;
}

#landing-selae .lp-secundario {
    color:white!important;
}

#landing-selae .lp-sello {
    display:inline-block;
    border:1px dashed #fffa;
    padding:13px 16px;
    margin:34px 0 0;
    font-size:.95rem;
}

#landing-selae .lp-ventajas {
    padding:38px 22px;
    background:white;
}

#landing-selae .lp-ventajas-grid {
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

#landing-selae .lp-ventaja {
    background:#f5f7fa;
    border:1px solid #e4e8ee;
    border-radius:14px;
    text-align:center;
    padding:20px 18px;
}

#landing-selae .lp-ventaja img {
    width:55px;
    height:55px;
    object-fit:contain;
}

#landing-selae .lp-ventaja h2 {
    color:inherit!important;
    font-size:1.5rem;
    margin:9px 0;
}

#landing-selae .lp-ventaja p {
    line-height:1.5;
    margin:0;
}

#landing-selae .lp-pasos {
    background:color-mix(in srgb,var(--marca) 9%,white);
    padding:55px 22px 65px;
}

#landing-selae .lp-contenedor {
    max-width:1180px;
    margin:auto;
}

#landing-selae .lp-seccion-titulo {
    text-align:center;
    margin-bottom:32px;
}

#landing-selae .lp-seccion-titulo h2,#landing-selae .lp-video-seccion h2 {
    font-size:clamp(1.9rem,3vw,2.7rem);
    margin:0 0 12px;
}

#landing-selae .lp-seccion-titulo h2 {
    color:inherit!important;
}

#landing-selae .lp-seccion-titulo p {
    margin:0;
}

#landing-selae .lp-pasos-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

#landing-selae .lp-paso {
    display:flex;
    align-items:center;
    gap:18px;
    position:relative;
    background:white;
    border:1px solid #0001;
    border-radius:14px;
    padding:26px 24px 26px 48px;
    min-height:145px;
    box-shadow:0 6px 22px #0000000b;
}

#landing-selae .lp-paso-numero {
    position:absolute;
    left:-10px;
    top:13px;
    color:var(--marca)!important;
    background:#fff;
    border:1px solid color-mix(in srgb,var(--marca) 22%,white);
    font-size:1.1rem;
    line-height:1;
    font-weight:800;
    padding:9px 10px;
    border-radius:9px;
}

#landing-selae .lp-paso img {
    width:55px;
    height:55px;
    object-fit:contain;
    flex:none;
}

#landing-selae .lp-paso h3 {
    color:inherit!important;
    font-size:1.2rem;
    margin:0 0 7px;
}

#landing-selae .lp-paso p {
    line-height:1.5;
    margin:0;
}

#landing-selae .lp-video-seccion {
    text-align:center;
    color:white!important;
    background-color:#183128;
    background-image:linear-gradient(90deg,#061d1980,#061d1960),var(--fondo-video);
    background-size:cover;
    background-position:var(--posicion-fondo-video,center);
    background-repeat:no-repeat;
    padding:70px 22px;
}

#landing-selae .lp-video-marco {
    max-width:900px;
    margin:30px auto 0;
    aspect-ratio:16/9;
    background:#0c1520;
    border:2px solid #ffffff70;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 15px 45px #0005;
}

#landing-selae .lp-video-marco video {
    display:block;
    width:100%;
    height:100%;
}

#landing-selae .lp-volver-arriba {
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:30;
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    border-radius:50%;
    background:var(--marca);
    border:2px solid white;
    color:white!important;
    text-decoration:none;
    font-size:1.7rem;
    box-shadow:0 4px 18px #0004;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:opacity .2s,transform .2s,visibility .2s;
}

#landing-selae .lp-volver-arriba.lp-visible {
    opacity:1;
    visibility:visible;
    transform:none;
}

@media(max-width:700px) {
    :root {
        --alto-cabecera:66px
    }
    #landing-selae .lp-cabecera {
        justify-content:center;
    }
    #landing-selae .lp-hero {
        min-height:100svh;
        padding:calc(var(--alto-cabecera) + 32px) 20px 55px;
        align-items:flex-start;
        justify-content:center;
        text-align:center;
        background-image:linear-gradient(180deg,#061d19dc,#061d19bd 47%,#061d1933),var(--fondo);
        background-position:var(--posicion-fondo-movil);
    }
    #landing-selae .lp-hero__contenido {
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    #landing-selae .lp-marquesina {
        width:100%;
    }
    #landing-selae h1 {
        font-size:clamp(2.55rem,10vw,4rem);
        margin:20px 0 26px;
    }
    #landing-selae .lp-acciones {
        width:100%;
        flex-direction:column;
        align-items:center;
        gap:12px;
    }
    #landing-selae .lp-boton {
        width:min(100%,310px);
        padding:14px;
    }
    #landing-selae .lp-sello {
        margin-top:25px;
    }
    #landing-selae .lp-ventajas {
        padding:28px 18px;
    }
    #landing-selae .lp-ventajas-grid {
        grid-template-columns:1fr;
        gap:12px;
    }
    #landing-selae .lp-ventaja {
        padding:18px;
    }
    #landing-selae .lp-pasos {
        padding:45px 20px 55px;
    }
    #landing-selae .lp-pasos-grid {
        grid-template-columns:1fr;
        gap:16px;
    }
    #landing-selae .lp-paso {
        padding:24px 20px 24px 42px;
        gap:13px;
        min-height:0;
    }
    #landing-selae .lp-paso-numero {
        left:-10px;
        top:12px;
    }
    #landing-selae .lp-paso img {
        width:48px;
        height:48px;
    }
    #landing-selae .lp-video-seccion {
        padding:55px 18px;
    }
    #landing-selae .lp-volver-arriba {
        right:14px;
        bottom:14px;
        width:46px;
        height:46px;
    }
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto
    }
    #landing-selae .lp-cinta {
        animation:none;
        flex-wrap:wrap;
        width:auto;
    }
    #landing-selae .lp-grupo {
        flex-wrap:wrap;
    }
    #landing-selae .lp-grupo:nth-child(2) {
        display:none;
    }
    #landing-selae .lp-mensaje {
        white-space:normal;
    }
    #landing-selae .lp-marquesina {
        mask-image:none;
    }
    #landing-selae .lp-volver-arriba {
        transition:none;
    }
}

/* Efectos de los botones de portada. Sin afectar al resto de la página. */
#landing-selae .lp-boton {
    transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease;
}

@media(hover:hover) and (pointer:fine) {
    #landing-selae .lp-boton:hover {
        transform:translateY(-3px);
        box-shadow:0 8px 22px #0004;
    }
    #landing-selae .lp-primario:hover {
        background:#f3f5f7;
    }
    #landing-selae .lp-secundario:hover {
        background:#fff;
        color:var(--marca-oscura)!important;
    }
}

#landing-selae .lp-boton:focus-visible {
    transform:translateY(-3px);
    box-shadow:0 8px 22px #0004;
}

@media(prefers-reduced-motion:reduce) {
    #landing-selae .lp-boton {
        transition:none;
    }
    #landing-selae .lp-boton:hover,#landing-selae .lp-boton:focus-visible {
        transform:none;
    }
}

/* Identidad y portada: los valores de campaña se definen en js/config.js. */
#landing-selae .lp-cabecera {
    justify-content:space-between;
    gap:24px;
}

:root {
    --alto-cabecera:108px
}

#landing-selae .lp-marca img {
    max-height:86px;
    max-width:180px;
    object-fit:contain;
}

#landing-selae .lp-logo-loterias {
    display:block;
    width:205px;
    max-height:70px;
    object-fit:contain;
}

#landing-selae .lp-logo-loterias[hidden] {
    display:none;
}

#landing-selae .lp-hero {
    position:relative;
    isolation:isolate;
    background-color:var(--fondo-base);
    background-image:linear-gradient(90deg,var(--fondo-base) 0%,transparent 58%),var(--fondo);
    background-repeat:no-repeat;
    background-size:100% 100%,var(--ajuste-fondo);
    background-position:center,var(--posicion-fondo);
    min-height:max(760px,100svh);
    color:var(--titular)!important;
    padding-bottom:65px;
}

#landing-selae .lp-hero__contenido {
    width:min(44vw,660px);
}

#landing-selae .lp-hero h1 {
    font-size:clamp(2.8rem,4.2vw,4.6rem);
    line-height:1.08;
    letter-spacing:-.035em;
    margin:28px 0 34px;
    max-width:660px;
}

#landing-selae .lp-mensaje:before {
    background:var(--marca);
}

#landing-selae .lp-boton {
    font-size:1.2rem;
    border-color:transparent;
    line-height:1.3;
}

#landing-selae .lp-primario {
    background:var(--marca);
    color:white!important;
    border-color:var(--marca);
}

#landing-selae .lp-secundario {
    background:var(--registro);
    color:var(--registro-texto)!important;
    border-color:var(--registro-texto);
}

#landing-selae .lp-sello {
    display:block;
    border:0;
    padding:0;
    margin:28px 0 0;
    font-weight:800;
    font-size:clamp(1.35rem,2.1vw,1.8rem);
    line-height:1.3;
    max-width:600px;
}

@media(hover:hover) and (pointer:fine) {
    #landing-selae .lp-primario:hover {
        background:var(--marca);
        color:white!important;
        filter:brightness(.9);
    }
    #landing-selae .lp-secundario:hover {
        background:var(--registro);
        color:var(--registro-texto)!important;
        filter:brightness(.96);
    }
}

@media(max-width:700px) {
    :root {
        --alto-cabecera:96px
    }
    #landing-selae .lp-cabecera {
        height:var(--alto-cabecera);
        justify-content:center;
    }
    #landing-selae .lp-marca img {
        max-height:78px;
        max-width:155px;
    }
    #landing-selae .lp-logo-loterias {
        display:none;
    }
    #landing-selae .lp-hero {
        background-image:linear-gradient(180deg,var(--fondo-base) 0%,transparent 54%),var(--fondo);
        background-size:100% 100%,var(--ajuste-fondo-movil);
        background-position:center,var(--posicion-fondo-movil);
        min-height:max(780px,calc(460px + 80vw));
        padding-top:calc(var(--alto-cabecera) + 24px);
        padding-bottom:40px;
        align-items:flex-start;
    }
    #landing-selae .lp-hero__contenido {
        width:100%;
    }
    #landing-selae .lp-hero h1 {
        font-size:clamp(2rem,8.4vw,3.4rem);
        line-height:1.1;
        margin:20px 0 25px;
        max-width:520px;
    }
    #landing-selae .lp-sello {
        margin-top:22px;
        font-size:1.4rem;
    }
}

/* Los CTA son enlaces nativos, accesibles por teclado. */
#landing-selae .lp-acciones .lp-boton {
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

/* Fondo único fijo: la portada y el vídeo dejan ver la misma imagen,
   con idéntico tamaño respecto a la ventana, sin ampliación por sección. */
#landing-selae .lp-fondo-fijo {
    display:none;
}

html[data-fondo-fijo="true"] #landing-selae {
    isolation:isolate;
    background:var(--fondo-base,#f5f4f0);
}

html[data-fondo-fijo="true"] #landing-selae .lp-fondo-fijo {
    display:block;
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background-color:var(--fondo-base,#f5f4f0);
    background-image:var(--fondo);
    background-repeat:no-repeat;
    background-size:var(--ajuste-fondo,auto 100%);
    background-position:var(--posicion-fondo,right center);
}

html[data-fondo-fijo="true"] #landing-selae main {
    position:relative;
    z-index:1;
}

html[data-fondo-fijo="true"] #landing-selae .lp-hero {
    background-color:transparent;
    background-image:linear-gradient(90deg,var(--fondo-base,#f5f4f0),transparent 58%);
    background-size:100% 100%;
    background-position:center;
}

html[data-fondo-fijo="true"] #landing-selae .lp-ventajas,html[data-fondo-fijo="true"] #landing-selae .lp-pasos {
    box-shadow:0 -8px 26px #00000008,0 8px 26px #0000000c;
}

html[data-fondo-fijo="true"] #landing-selae .lp-video-seccion {
    background-color:transparent;
    background-image:linear-gradient(90deg,#14202acc,#14202a99);
    background-size:100% 100%;
    background-position:center;
}

@media(max-width:700px) {
    html[data-fondo-fijo="true"] #landing-selae .lp-fondo-fijo {
        background-size:var(--ajuste-fondo-movil,100% auto);
        background-position:var(--posicion-fondo-movil,center bottom);
    }
    html[data-fondo-fijo="true"] #landing-selae .lp-hero {
        background-image:linear-gradient(180deg,var(--fondo-base,#f5f4f0),transparent 64%);
    }
}

/* Fuentes locales para la sección 1. */
@font-face {
    font-family: "Barlow Condensed";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://www.loteriasyapuestas.es/f/loterias/Landing/IMG-1/fonts/barlow-condensed-700.ttf) format("truetype");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://www.loteriasyapuestas.es/f/loterias/Landing/IMG-1/fonts/montserrat-600.ttf) format("truetype");
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://www.loteriasyapuestas.es/f/loterias/Landing/IMG-1/fonts/montserrat-700.ttf) format("truetype");
}

#landing-selae .lp-hero {
    font-family:var(--fuente-portada,"Montserrat"),"Public Sans",Arial,sans-serif;
}

#landing-selae .lp-hero h1 {
    font-family:var(--fuente-titular,"Barlow Condensed"),"Arial Narrow",Arial,sans-serif;
    font-weight:700;
    font-size:clamp(3.6rem,6vw,6.5rem);
    line-height:.98;
    letter-spacing:.005em;
    text-wrap:balance;
    margin:26px 0 34px;
}

#landing-selae .lp-hero .lp-marquesina {
    font-weight:600;
    letter-spacing:.015em;
    font-size:clamp(.85rem,1.1vw,1rem);
}

#landing-selae .lp-hero .lp-boton {
    font-family:inherit;
    font-weight:700;
    letter-spacing:.025em;
}

#landing-selae .lp-hero .lp-sello {
    font-family:inherit;
    font-weight:600;
    letter-spacing:-.025em;
    font-size:clamp(1.3rem,1.7vw,1.6rem);
    line-height:1.4;
}

@media(max-width:700px) {
    #landing-selae .lp-hero h1 {
        font-size:clamp(2.8rem,12vw,4.7rem);
        line-height:1;
        margin:20px 0 27px;
        max-width:520px;
    }
    #landing-selae .lp-hero .lp-marquesina {
        font-size:.85rem;
    }
    #landing-selae .lp-hero .lp-sello {
        font-size:clamp(1.15rem,4.8vw,1.5rem);
        max-width:400px;
    }
}

/* Bote entre el titular y los botones. */
#landing-selae .lp-bote {
    margin:0 0 24px;
    padding:14px 20px;
    background:#ffffffeb;
    border:1px solid #26313c20;
    border-left:4px solid var(--marca);
    border-radius:4px;
    width:fit-content;
    max-width:100%;
    text-align:left;
    box-shadow:0 4px 18px #00000006;
    color:var(--titular,#26313c)!important;
}

#landing-selae .lp-bote[hidden],#landing-selae .lp-bote [hidden] {
    display:none;
}

#landing-selae .lp-bote-fecha {
    font-size:.9rem;
    line-height:1.5;
    margin:0;
}

#landing-selae .lp-bote-etiqueta {
    font-weight:700;
}

#landing-selae .lp-bote-nombre {
    font-size:.85rem;
    font-weight:600;
    margin:7px 0 0;
    line-height:1.4;
}

#landing-selae .lp-bote-valor {
    font-family:var(--fuente-titular,"Barlow Condensed"),"Arial Narrow",Arial,sans-serif;
    font-size:clamp(2.6rem,4.5vw,4.4rem);
    font-weight:700;
    line-height:1.05;
    letter-spacing:.015em;
    margin:5px 0 0;
    color:var(--marca-oscura)!important;
}

#landing-selae .lp-bote-estado {
    font-size:.8rem;
    line-height:1.5;
    margin:0 0 16px;
    max-width:450px;
}

#landing-selae .lp-bote-estado:empty {
    display:none;
}

@media(max-width:700px) {
    #landing-selae .lp-bote {
        margin:0 auto 22px;
        padding:12px 16px;
        text-align:center;
    }
    #landing-selae .lp-bote-fecha {
        font-size:.8rem;
    }
    #landing-selae .lp-bote-valor {
        font-size:clamp(2.5rem,11vw,3.5rem);
    }
    #landing-selae .lp-bote-estado {
        max-width:310px;
        margin:0 auto 14px;
    }
}

/* SECCIÓN 3: cuatro cajas comunes a todos los juegos, sin numeración. */
#landing-selae .lp-pasos {
    background:var(--pasos-fondo);
    padding:70px 24px 78px;
}

#landing-selae .lp-pasos .lp-seccion-titulo {
    margin-bottom:58px;
}

#landing-selae .lp-pasos .lp-seccion-titulo h2 {
    font-family:"Montserrat","Public Sans",Arial,sans-serif;
    font-weight:700;
    color:var(--pasos-titulo)!important;
    font-size:clamp(1.65rem,2.6vw,2.5rem);
    line-height:1.3;
    letter-spacing:.015em;
    margin-bottom:28px;
}

#landing-selae .lp-pasos .lp-seccion-titulo p {
    color:var(--texto,#26313c)!important;
    line-height:1.6;
}

#landing-selae .lp-pasos-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:32px 56px;
}

#landing-selae .lp-paso {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    gap:22px;
    min-height:230px;
    padding:32px 28px;
    background:var(--pasos-cajas);
    color:var(--pasos-texto)!important;
    border:1px solid var(--pasos-borde);
    border-radius:0;
    text-align:center;
    box-shadow:none;
}

#landing-selae .lp-paso img {
    width:60px;
    height:64px;
    object-fit:contain;
    flex:none;
}

#landing-selae .lp-paso .lp-paso-copy {
    width:100%;
}

#landing-selae .lp-paso h3 {
    color:white;
    font-family:"Montserrat","Public Sans",Arial,sans-serif;
    font-size:1.05rem;
    font-weight:700;
    letter-spacing:.22em;
    line-height:1.5;
    text-transform:uppercase;
    margin:0 0 18px;
}

#landing-selae .lp-paso p {
    color:white;
    font-size:1.05rem;
    line-height:1.55;
    margin:0;
}

@media(max-width:700px) {
    #landing-selae .lp-pasos {
        padding:48px 20px 54px;
    }
    #landing-selae .lp-pasos .lp-seccion-titulo {
        margin-bottom:30px;
    }
    #landing-selae .lp-pasos .lp-seccion-titulo h2 {
        margin-bottom:18px;
    }
    #landing-selae .lp-pasos-grid {
        grid-template-columns:1fr;
        gap:22px;
    }
    #landing-selae .lp-paso {
        min-height:0;
        padding:28px 22px;
        gap:20px;
    }
    #landing-selae .lp-paso h3 {
        font-size:1rem;
        letter-spacing:.16em;
        margin-bottom:14px;
    }
    #landing-selae .lp-paso p {
        font-size:1rem;
    }
}

/* Pie corporativo: envoltura propia y opaca sobre el fondo fijo. */
.landing-pie {
    position:relative;
    z-index:2;
    display:flow-root;
    isolation:isolate;
    background:#ffffff
}

.landing-pie .landing-pie-logo {
    background:#ffffff;
    text-align:center;
    padding:30px 20px 0
}

.landing-pie .portal-seccion-footer, .landing-pie .r-pie, .landing-pie .c-pie {
    background-color:#f5fafc !important
}