/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

body {
    font-family: var(--f-general);
    font-size: 1rem;
    line-height: 1.5;

    p {
        margin-bottom: 20px;

        &:last-child {
            margin-bottom: 0;
        }
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.25em;
}

h1 {

    & span,
    & b {
        background-image: linear-gradient(90deg, var(--c-rojo) 0%, rgba(255, 255, 255, 0.8) 80%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.txt-resaltado {
    font-family: var(--f-resaltado);
}

.txt-blanco {
    * {
        color: var(--c-blanco) !important;
    }
}

.txt-gris {
    * {
        color: var(--c-gris) !important;
    }
}

.ico-linea svg {
    fill: none;
}

.lista {
    ul {
        list-style: none;
        margin: 0 0 0 25px;

        li {
            position: relative;
            margin-bottom: 10px;

            &::before {
                content: "";
                position: absolute;
                background-color: var(--c-rojo);
                width: 10px;
                height: 10px;
                top: 7px;
                left: -20px;
                border-radius: 20px;
            }
        }
    }
}

.flm-difuminado {
    --difuminado-x: 120px;
    /* cuánto sobresale a los lados */
    --difuminado-y: 60px;
    /* cuánto sobresale arriba y abajo */
    --difuminado-color: #FCFAF6;
    --difuminado-blur: 7px;

    position: relative;
    isolation: isolate;
    /* el ::after queda detrás del texto, no del bloque padre */
    z-index: 1 !important;

    &::after {
        content: "";
        position: absolute;
        inset: calc(var(--difuminado-y) * -1) calc(var(--difuminado-x) * -1);
        z-index: -1;
        pointer-events: none;
        background: radial-gradient(closest-side, var(--difuminado-color) 55%, transparent 100%);
        -webkit-backdrop-filter: blur(var(--difuminado-blur));
        backdrop-filter: blur(var(--difuminado-blur));
        -webkit-mask-image: radial-gradient(closest-side, #000 55%, transparent 100%);
        mask-image: radial-gradient(closest-side, #000 55%, transparent 100%);
    }

    @media (max-width: 767px) {
        --difuminado-x: 40px;
        --difuminado-y: 40px;
    }
}

.fondo-rejilla {
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(90deg, var(--blanco) 1px, transparent 1px), linear-gradient(var(--blanco) 1px, transparent 1px);
    background-size: 48px 48px;
}

.deg-fondo {
    background-image: radial-gradient(120% 80% at 80% 10%, color-mix(in srgb, var(--c-rojo-oscuro) 55%, transparent), transparent 60%), radial-gradient(90% 70% at 10% 90%, color-mix(in srgb, var(--c-rojo) 35%, transparent), transparent 55%), linear-gradient(140deg, var(--c-negro), var(--c-azul));
}

.cursor-grab {
    cursor: grab;
}

.cursor-pointer {
    cursor: pointer;
}

.slider-pq {
    .swiper {
        padding-left: 24px;
    }

    @media (max-width: 768px) {
        .swiper {
            padding-left: 20px;
        }
    }
}

/* ----- RESPONSIVE ------ */
@media screen and (max-width:1024px) {}

@media screen and (max-width:767px) {}