@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
html {
    scroll-behavior: smooth;
}

.basis-0 {
    flex-basis: 0px;
}

* {
    /* Evita el parpadeo al pulsar en el movil */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* *{
    border: 0.3px solid red;
} */


/* j */

.slanted-br-2 {
    clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
}


/* ESTILOS PARA EL INDEX */

:root {
    --color1: #fbdd22;
    --color2: #1e539b;
    --color3: #FFAD05;
    --color4: #DD6031;
    --color5: #ffa058;
    --color6: #f8be0c;
    --color7: #ff3333;
    --side: 22;
}

html {
    scroll-behavior: smooth;
}

.illustration {
    mix-blend-mode: multiply;
}

.sidebar {
    backdrop-filter: blur(10px) saturate(180%);
    width: 100%;
    min-width: calc(1vw * var(--side));
    background: transparent;
}

@media (min-width:768px) {
    .sidebar {
        backdrop-filter: blur(10px) saturate(180%);
        width: 430px;
        min-width: calc(1vw * var(--side));
        background: transparent;
    }
}

.signal {
    right: 10vw;
    top: 15vh;
}

.sidebar:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: white;
    animation: slide 2.2s ease 1 forwards;
    animation-delay: 1s;
}

.iconSidebar.soy {
    color: var(--color2);
    background: white;
    background: #1f539b9c;
}

.iconSidebar.quiero {
    color: var(--color1);
    background: white;
    background: #fbdd219c;
}

.iconSidebar {
    background: white;
    color: grey;
    padding: .6em;
    padding-top: 10vh;
}

@media (min-width:640px) {
    .iconSidebar {
        border: 1em solid white;
        border-width: 1em 1em .356em 1em;
    }
}

.tee_plus_ball svg {
    max-width: 15vw;
}

.scribbleTee {
    color: red;
}

.objectTee {
    width: 500px;
    height: 500px;
    max-height: 50vh;
    ;
    padding-top: 20px;
    max-width: 20vw;
    ;
}

.marca_cont {
    padding-top: 18vh;
    padding-left: 14vh;
    opacity: 1;
    color: var(--color6);
    clip-path: polygon(0 50vh, 100% 50vh, 100% 100%, 0% 100%);
}

.marca_main {
    height: 410px;
    height: 40vh;
    transform: scale(2.5) rotate(-23deg) translateX(176px);
}

.logo_center_a,
.logo_center_b {
    padding-left: 1em;
    left: 430px;
    left: calc(var(--side)*1vw);
    -webkit-animation: swing-in-bottom-fwd 1.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-bottom-fwd 1.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation-delay: 3s;
    width: 450px;
}

@media only screen and (max-width: 1900px) {
    .logo_center_a,
    .logo_center_b {
        left: 430px;
    }
}

.logo_center_b {
    animation-delay: 3.6s;
}

.knockout:hover .knockoutCont svg path {
    display: initial;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: dash .8s ease forwards;
    animation-delay: .3s;
}

.scribbleTee {
    display: block;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: dash 3s ease-Out forwards;
    animation-delay: 1s;
    color: var(--color1);
}

.iconCall {
    z-index: 5;
    transition: all .4s ease;
}

.knockout:hover .iconCall {
    transition: all .4s ease;
    transform: translateY(-6px) scale(1.256);
    -webkit-transform: translateY(-6px) scale(1.256);
}

.fade-in-fwd-index.delay-animacion {
    animation-delay: 1s;
}

.fills {
    clip-path: url(#cesta_mask);
    color: var(--color1);
}

.fill_anim {
    -webkit-animation: holein 1.2s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: holein 1.2s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    outline: 1px solid red;
}

.entry {
    color: var(--color2);
}

.cesta {
    color: #e7e9eb;
}

.tee {
    color: var(--color2)
}

.path {
    display: none;
}

@keyframes dash {
    from {
        stroke-dashoffset: 1;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.imgCont {
    clip-path: url(#clubMask);
}

.quiero {
    background-color: var(--color1);
}

.circling_B {
    background: transparent;
    border-radius: 50%;
    width: 170px;
    height: 170px;
    font-size: 12px;
    right: calc(5vw - 90px);
    bottom: -90px;
}

.soy {
    background-color: var(--color2);
}

.knockout {
    font-weight: 900;
    font-size: 2.5em;
    line-height: 1;
    letter-spacing: -0.03em;
    font-weight: 900;
    width: 100%;
}

@media only screen and (max-width: 1900px) {
    .knockout {
        font-size: 2.25em;
    }
    section {
        content-visibility: auto;
    }
}

.text_I {
    transform: translateY(100px);
    opacity: 0;
}

.filler {
    text-align: center;
    color: #ccc;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.1;
}

@media(min-width: 640px) {
    .prevPage,
    .nextPage {
        border-radius: 6px;
        cursor: pointer;
        background-color: #e9eef380;
        transition: .3s ease all;
    }
    .nextPage:hover {
        transform: rotate( 3deg) translate(12px, -3px);
    }
    .prevPage:hover {
        transform: rotate( -3deg) translate(-12px, -3px);
    }
    .prevPage:hover,
    .nextPage:hover {
        opacity: 1;
        background-color: rgba(255, 228, 101, var(--tw-bg-opacity));
        background: white;
    }
}

.knockoutCont {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

.knockoutCont::after {
    content: "";
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    border: 1em solid white;
    border-width: 0 1em 0 1em;
}

.vcont {
    overflow: hidden;
}

.vcont video {
    mix-blend-mode: overlay;
    right: 0;
    width: 85vw;
    min-height: 50vh;
    ;
}

@keyframes slide {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
    50% {
        clip-path: polygon(0 50%, 100% 88%, 100% 100%, 0% 100%);
    }
    100% {
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    }
}


/*----------------------------------------
* animation fade-in-fwd
* ----------------------------------------
*/

@-webkit-keyframes fade-in-fwd {
    0% {
        -webkit-transform: translateZ(-80px);
        transform: translateZ(-80px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes fade-in-fwd {
    0% {
        -webkit-transform: translateZ(-80px);
        transform: translateZ(-80px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@-webkit-keyframes swing-in-bottom-fwd {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 1;
    }
}

@keyframes swing-in-bottom-fwd {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 1;
    }
}

@-webkit-keyframes holein {
    from {
        -webkit-transform-origin: center center;
        transform: scale(0)rotate(-25deg);
    }
}

to {
    /* -webkit-transform-origin: center center; */
    transform-origin: center center;
    transform: scale(1);
}

@keyframes holein {
    from {
        transform-origin: center center;
        transform: scale(0) rotate(-25deg)
    }
    to {
        transform-origin: center center;
        transform: scale(1)
    }
}


/* FIN ESTILOS PARA EL INDEX */


/*nacho*/


/* .clubes div:nth-child(2n){
    background-color: #FED100;
} */


/* --------------------BACKGROUNDS---------------- */


/* .svgPicos{
    background-color: #fffbf7;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='12' viewBox='0 0 40 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.172L6.172 0h5.656L0 11.828V6.172zm40 5.656L28.172 0h5.656L40 6.172v5.656zM6.172 12l12-12h3.656l12 12h-5.656L20 3.828 11.828 12H6.172zm12 0L20 10.172 21.828 12h-3.656z' fill='%236ee7b7' fill-opacity='0.16' fill-rule='evenodd'/%3E%3C/svg%3E");
} */


/* .circles{
    background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236ee7b7' fill-opacity='0.4'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
} */


/* .ondas{
    background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236ee7b7' fill-opacity='0.4'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
} */

.chaflan {
    /* verde 300 */
    /* background-image: url("../rsc/img/bg-chaflan.svg"); */
    /* verde 200 */
    /* background-image: url("../rsc/img/bg-cha-gr-200.svg"); */
    /* verde 100 */
    /* background-image: url("../rsc/img/bg-chaflan-gr-100.svg"); */
    /* verde 50 */
    background-image: url("../img/bg-chaflan-gr-50.svg");
    background-size: cover;
    /* background-repeat: no-repeat; */
}


/* ------------------------------------------- */

.bgAbstracto {
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-position: center;
    /* background-image: url("../img/bg-abstract-3.svg"); */
    /* background-image: url("../img/bg-fgm.svg"); */
    background: linear-gradient( 318deg, rgb(255, 245, 230) 10%, rgba(255, 253, 250, 1) 100%);
}

.zebreado li:nth-of-type(2n) {
    background-color: #f9fafb;
}

.transparencia-3 {
    backdrop-filter: blur(5px) saturate(0);
    background-color: #ffffff66;
}

.transparencia-2 {
    backdrop-filter: blur(5px) saturate(0);
    background-color: #ffffffcc;
}

.transparencia-1 {
    backdrop-filter: blur(5px) saturate(0) opacity(0.8);
    background-color: #ffffffd9;
}

.transparencia-1-red {
    backdrop-filter: blur(5px) saturate(0);
    background-color: #fcb7b7d9;
}

.transparencia-1-blue {
    backdrop-filter: blur(5px) saturate(0);
    background-color: #bbd3ffd9;
}

.transparencia-1-yellow {
    backdrop-filter: blur(5px) saturate(0);
    background-color: #fffbc3d9;
}

.transparencia-1-gray {
    backdrop-filter: blur(5px) saturate(0);
    background-color: #efeeecd9;
}


/*Animacion*/

.mascara-diagonal-oculta {
    transition: 0.8s;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.mascara-diagonal-visible {
    transition: 0.8s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.fondoTarjeta {
    background-image: url("../img/frontend/Sun-Tornado.svg");
    background-repeat: no-repeat;
    background-size: cover;
}


/* animista--------------------------------------------------------------------------------------------------- */

.slide-in-blurred-bottom {
    -webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
    animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}


/**
 * ----------------------------------------
 * animation slide-in-blurred-bottom
 * ----------------------------------------
 */

@-webkit-keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}


/* -----------------------------------------------------------------//---------------------------------------------------------------- */

.amarillo-corporativo {
    color: #fed100;
}

.bg-amarillo-corporativo {
    background-color: #fed100;
}

.azul-corporativo {
    color: #00338d;
}

.bg-azul-corporativo {
    background-color: #00338d;
}

.rojo-corporativo {
    color: #e00003;
}

.bg-rojo-corporativo {
    background-color: #e00003;
}

.gris-oliva-corporativo {
    color: #8c774e;
}

.gris-medio-corporativo {
    color: #909191;
}

.gris-oscuro-corporativo {
    color: #767577;
}


/* corte header */

.corte {
    clip-path: polygon(0 0, 100% 0%, 97% 100%, 0% 100%);
}

/* .pantalla-2 {
    min-height: 80vh;
} */

.pantalla-1 {
    height: 10vh;
}

.pantall-0 {
    height: 5vh;
}


/* ICONOS TARJETAS NAV-CALENDARIO */

.bg-icono-sucomites {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' opacity='.35' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    animation-delay: 0.1s !important;
}

.bg-icono-competiciones {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='.35' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    animation-delay: 0.2s !important;
}

.bg-icono-noticias {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='.35' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    animation-delay: 0.45s !important;
}

.bg-icono-circulares {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='.35' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    animation-delay: 0.3s !important;
}

.slider-titular {
    text-shadow: 1px 1px 1px #0000008a, 3px 3px 5px #4d4d4d4d;
    /* background: #422f177a; */
    padding: .2em .5em;
    width: fit-content;
    height: 1.6em;
    height: fit-content;
    border-left: 3px solid var(--color7);
    border-radius: 3px;
}


/* ---------------------------- */


/* BG-IMAGEN CABECERAS */

.bg-cabecera {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='394' height='314' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M77.2 242.5l-7.5-10.2L48 219.7l-19.3-39.5-7.8-29s18.8-15 42.4-21.1c21-5.6 35.8-.6 46-2.9 4.6-1 23.7-16.3 44-21.1 21-4.9 40.8-2 48.3-2s32.4-1.8 49.7 3c18.6 5.4 25 14.1 45.5 19.3 13.8 3.5 29.5-.7 52.4 6.7a43.4 43.4 0 0124.4 24l-8.3 34.9-23 38.2-24 12.3-118-23.3-120.7 22.9-2.3.4z' fill='%23CFCFCF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M180.4 175.8c-46-41.5-10-66.3-7.3-76.6 2.7-10-7-8.4-15.9-10.3-161-33.8-126.8 132.5-67.7 123.7 51.1-7.5 7.4-11 28.7-46.4.6-1 31.5 44.5 62.2 9.6zM189.8 2h13.7v10.8l6.7.1 6.6.1.1 6v6.1h-13.3v13.2s-3 30.4 38.6 25c147.8-19.4 137 77.6 137.3 102v1.8c12.6-1.6 13.2 1.5 10.5 5.3-2.7 3.9-8.8 8.6-9.7 10.1a282 282 0 01-49.5 65.7 94.2 94.2 0 01-21 16l-51-5.6-51.2-5.5-5-3.3-4.9-3.2h-2l-5 3.2-5 3.3-51 5.5-51.2 5.6s-8-3.9-21-16a281.7 281.7 0 01-49.4-65.7c-1-1.5-7-6.2-9.7-10-2.7-4-2-7 10.4-5.3v-1.9c.5-24.4-10.5-121.4 137.3-102 41.6 5.4 38.6-25 38.6-25V25.1h-13.3v-6l.1-6.1h6.6l6.6-.2V7.5l.1-5.5zM213 175.8c30.8 34.9 61.7-10.6 62.3-9.6 21.3 35.4-22.4 38.9 28.7 46.4 59 8.8 93.4-157.5-67.7-123.7-9 1.9-18.6.4-16 10.3 3 10.3 38.8 35.1-7.3 76.6z' fill='%23004186'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M180.4 175.8c-46-41.5-10-66.3-7.3-76.6 2.7-10-7-8.4-15.9-10.3-161-33.8-126.8 132.5-67.7 123.7 51.1-7.5 7.4-11 28.7-46.4.6-1 31.5 44.5 62.2 9.6zM189.8 2h13.7v10.8l6.7.1 6.6.1.1 6v6.1h-13.3v13.2s-3 30.4 38.6 25c147.8-19.4 137 77.6 137.3 102v1.8c12.6-1.6 13.2 1.5 10.5 5.3-2.7 3.9-8.8 8.6-9.7 10.1a282 282 0 01-49.5 65.7 94.2 94.2 0 01-21 16l-51-5.6-51.2-5.5-5-3.3-4.9-3.2h-2l-5 3.2-5 3.3-51 5.5-51.2 5.6s-8-3.9-21-16a281.7 281.7 0 01-49.4-65.7c-1-1.5-7-6.2-9.7-10-2.7-4-2-7 10.4-5.3v-1.9c.5-24.4-10.5-121.4 137.3-102 41.6 5.4 38.6-25 38.6-25V25.1h-13.3v-6l.1-6.1h6.6l6.6-.2V7.5l.1-5.5zM213 175.8c30.8 34.9 61.7-10.6 62.3-9.6 21.3 35.4-22.4 38.9 28.7 46.4 59 8.8 93.4-157.5-67.7-123.7-9 1.9-18.6.4-16 10.3 3 10.3 38.8 35.1-7.3 76.6z' fill='%23EBEBEB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M117.4 86.4c-69.6 0-75 48.6-75 63.5 0 32.5 20 61 42.6 61a34 34 0 004.2-.3c10.8-1.6 22.1-3.7 24-6.7.7-1 .1-2.8-1-5.7-2.2-6.6-5.7-16.6 4.2-33.1l.6-1h1.2c1.1 0 1.5.5 3.4 2.5 4.5 5 18 20.3 34 20.3 7.6 0 15-3.7 22-11-36.5-33.8-19.8-57.4-10.8-70.2 2-3 3.8-5.4 4.3-7 .5-2 .5-3.5 0-4.3-1-1.6-4.7-2-8.5-2.5-2-.3-3.8-.5-5.8-1-14.2-3-27.5-4.5-39.4-4.5zM85 215.1c-27.6 0-46.8-34.4-46.8-65.2 0-32.7 20.8-67.6 79.2-67.6 12.2 0 25.7 1.5 40.2 4.6l5.5.8c4.8.6 9.3 1.2 11.4 4.4 1.3 2 1.5 4.4.6 7.6-.7 2.4-2.5 5-5 8.4-8.9 12.8-24 34 11.7 66.2l1.6 1.4-1.4 1.5c-8 9.2-17 13.9-26.5 13.9-17.5 0-32-16-36.9-21.5-7.2 13.4-4.4 21.3-2.4 27.2 1.2 3.5 2.2 6.5.5 9.3-2.3 3.8-9 6-27 8.6-1.5.2-3 .4-4.7.4zm190.2-51h1.1l.7 1c10 16.5 6.4 26.5 4 33.1-.9 3-1.5 4.7-.8 5.7 1.8 3 13.1 5 24 6.7l4.2.3c22.7 0 42.6-28.5 42.6-61a61 61 0 00-16.8-43.5c-13-13.2-32.7-20-58.2-20-12 0-25.2 1.6-39.4 4.6l-5.8.9c-3.8.5-7.4.9-8.5 2.5-.6.8-.6 2.3 0 4.2.4 1.7 2.2 4.2 4.3 7 9 12.9 25.7 36.5-10.7 70.4 6.8 7.2 14.2 11 22 11 15.8 0 29-14.8 34-20.3 1.7-2.1 2.2-2.6 3.3-2.6zm33.2 51c-1.6 0-3.2-.2-4.8-.4-17.9-2.6-24.7-4.8-27-8.6-1.7-2.8-.6-5.8.6-9.3 2-5.9 4.8-13.8-2.5-27.2-5.3 6-19.3 21.5-36.8 21.5-9.5 0-18.4-4.7-26.5-13.9l-1.4-1.5 1.5-1.4c35.7-32.1 20.7-53.4 11.7-66.2-2.4-3.3-4.3-6-5-8.4-.8-3.2-.6-5.7.6-7.6 2.2-3.2 6.7-3.8 11.5-4.4l5.4-.8c14.5-3 28-4.6 40.3-4.6 26.6 0 47.2 7 61.2 21.2a65.1 65.1 0 0118 46.4c0 30.8-19.3 65.2-46.8 65.2zm-100 36l101 11c2-1.1 9.3-5.4 20-15.4 11.6-11 29.6-31.2 49-65.2.6-1 1.7-2 3.8-3.9 2-1.9 4.6-4.3 6-6.4 1-1.3 1-1.8 1-1.9 0 0-.7-.5-3.8-.5-1.5 0-3.4.1-5.6.4l-2.4.3.1-4.2v-5.5c.1-17.3.4-49.4-22-72-16.5-16.6-42.4-25-77.2-25-11 0-23 .8-35.8 2.5-16 2.1-27.7-.7-34.5-8.3-7-7.7-6.5-17.6-6.4-18.8V23H215v-8h-13.4V4H192v10.8l-13.3.2v8h13.2v15c.1 1.3.6 11.2-6.4 18.9-6.9 7.6-18.6 10.4-34.5 8.3a278.2 278.2 0 00-35.8-2.5c-34.8 0-60.8 8.4-77.2 25-22.4 22.6-22.2 54.7-22 72v9.7l-2.3-.3c-2.3-.3-4.2-.4-5.7-.4-3 0-3.7.5-3.8.6 0 0 0 .6 1 1.8 1.4 2 4 4.5 6 6.4 2.2 2 3.3 3 3.8 3.9 19.5 34 37.4 54.2 49 65.2 6 6 12.7 11 20 15.3l101-11 10.1-6.5h3.3l10 6.5.1.2zm101.8 15.2L207 255.1l-9.7-6.4h-1l-9.8 6.4-103.4 11.2-.5-.2c-.3-.2-8.5-4.2-21.5-16.4a283.6 283.6 0 01-49.8-66.2l-3-2.8c-2.2-2.1-5-4.7-6.6-7-.6-1-2.6-3.7-1.3-6.3 1.3-2.5 5-2.8 7.5-2.8 1.1 0 2.4 0 3.8.2v-5c0-16.6-.4-51 23.2-75 17.3-17.4 44.3-26.2 80.2-26.2 11.2 0 23.4.9 36.3 2.6 14.5 1.9 25-.5 31-7 6-6.7 5.2-15.7 5.2-15.8V27.3h-13.4l.3-16.3 13.2-.1V0h18v10.8l13.2.1.2 16.3h-13.4v11.3s-.8 9 5.4 15.7c6 6.5 16.4 8.9 31 7a284 284 0 0136.2-2.6c36 0 63 8.8 80.1 26.3 23.7 23.8 23.4 58.3 23.3 75v4.9l3.7-.2c2.6 0 6.2.3 7.6 2.8 1.3 2.6-.7 5.3-1.3 6.2-1.7 2.4-4.5 5-6.7 7-1 1.2-2.6 2.5-2.9 3-19.8 34.4-38 55-49.8 66.1-13 12.2-21.2 16.2-21.5 16.4l-.6.2z' fill='%23EBEBEB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M75 308.8v-52c0-2.7 2.4-5.6 7.5-7.5 99.8-36 213.1-7.6 229.5 0 5 2.3 7.4 4.8 7.4 7.5v52c-16.7-11.5-146.9-44.9-244.3 0' fill='%23A8A8A8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M317.7 312.7c-7.5-4-70.4-24.3-122.2-24.4a388 388 0 00-122.3 24.4c-7.5 4-10-14.4-1.6-19.3 8.5-4.8 61.8-23.5 124-23.6 62 .1 115.2 18.8 123.7 23.6 8.5 5 6 23.4-1.6 19.3zM93 155.4a19.6 19.6 0 1139.2 0 19.6 19.6 0 01-39.2 0' fill='%23EBEBEB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M112.6 136.9a18.5 18.5 0 100 37 18.5 18.5 0 000-37zm0 39.3a21 21 0 11-2.9-41.7 21 21 0 013 41.7zm151.8-18.7a19.7 19.7 0 1139.3-2.8 19.7 19.7 0 01-39.3 2.8' fill='%23EBEBEB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M284 139.1a18.5 18.5 0 000 36.9 18.5 18.5 0 000-36.9zm0 39.2a20.8 20.8 0 110-41.6 20.8 20.8 0 010 41.6' fill='%23EBEBEB'/%3E%3C/svg%3E");
}

.bg-cabecera-subcomites {
    background-repeat: no-repeat;
    background-size: 40%;
    background-position-y: center;
    background-position-x: 20%;
    opacity: 20%;
}

.bg-cabecera-competiciones {
    background-repeat: no-repeat;
    background-size: 40%;
    background-position-y: center;
    background-position-x: 60%;
    opacity: 20%;
}

.bg-cabecera-noticias {
    background-repeat: no-repeat;
    background-size: 40%;
    background-position-y: center;
    background-position-x: 20%;
    opacity: 20%;
}

.bg-cabecera-circulares {
    background-repeat: no-repeat;
    background-size: 40%;
    background-position-y: center;
    background-position-x: 60%;
    opacity: 20%;
}

.comunicado {
    filter: url(#svgTint) url(#svgThreshold);
    mix-blend-mode: lighten;
    opacity: 0.1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%);
}


/* ---------------------------- */


/* BG-CALENDARIO */

.fondo-calendario {
    /*  background-image: url("../img/fondo-calendario.jpg"); */
    background: #f9eee0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient( 279deg, #ffffff, transparent 23%);
}

.calendario {
    height: 32em;
    height: clamp(25em, 32em, 100vh);
}

@media (min-width: 1024px) {
    .calendar_anim {
        transform: rotate(-2deg) translateY(-3em);
        opacity: 0;
        animation: calendar_anim 1.2s cubic-bezier(0.9, 0.04, 0.54, 1.48) forwards;
        animation-delay: 1.5s;
    }
}

@keyframes calendar_anim {
    to {
        transform: rotate(0) translate(0);
        opacity: 1;
    }
}

.gradiente-fondo-calendario {
    backdrop-filter: blur(60px) contrast(1) saturate(1.8) hue-rotate(17deg);
}


/* .corte-inf-10{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
}
------------- */

.help-text {
    font-size: 80%;
}

@keyframes prueba {
    to {
        /* transform:scaleY(0%); */
        height: 20px;
        /* transform:translateY() */
    }
}


/* zebreado */

.zebra tr:nth-child(even) {
    background-color: #f3f4f6;
}


/* Photostack ///////////////////////////////////////////////////////////////////////////*/


/*The actual photo stack starts here*/

#size-controller {
    height: 400px;
    transition: 0.2s;
    padding: 1.5rem;
}

#imgstack {
    width: 100%;
    height: 300px;
    margin: 0 auto;
    margin-top: 2%;
}

#imgstack a {
    width: 80%;
    height: 100%;
    position: absolute;
    display: block;
    /* box-shadow:0 0 10px rgba(0,0,0,.3); */
    transition: margin 0.5s;
    -webkit-transition: margin 0.5s;
}

#imgstack img {
    border: 1px solid #f5f5f5;
    padding: 1em 1em 3em 1em;
    background-color: white;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    max-height: 100%;
}

#imgstack a:first-of-type {
    /* margin-top: -5px;
  margin-left: -20px; */
    z-index: 6;
    /* transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg); */
}


/* #imgstack a:nth-of-type(2),#imgstack a:nth-of-type(3),#imgstack a:nth-of-type(4),#imgstack a:nth-of-type(5){
  margin-top:-5px;
  margin-left:-10px;
    
} */


/* #imgstack a:last-of-type{
  transform:rotate(3deg);
  -webkit-transform:rotate(3deg);
} */

#imgstack:hover a:first-of-type {
    /* margin-left:-310px; */
    margin-top: 5px;
}

#imgstack a {
    transition: 1s ease;
}

#imgstack a:nth-of-type(2) {
    z-index: 5;
    transform: translateX(2%) rotate(3deg);
}

#imgstack a:nth-of-type(3) {
    z-index: 4;
    transform: translateX(4%) rotate(4deg);
}

#imgstack a:nth-of-type(4) {
    z-index: 3;
    transform: translateX(6%) rotate(5deg);
}

#imgstack a:nth-of-type(5) {
    z-index: 2;
    transform: translateX(8%) rotate(6deg);
}

#imgstack a:nth-of-type(6) {
    z-index: 1;
    transform: translateX(10%) rotate(7deg);
}

#imgstack:hover a:nth-of-type(2) {
    margin-top: -5px;
    transform: translateY(+50%) rotate(1deg);
    transition: 0.4s ease;
    margin-top: 5px;
    z-index: 5;
}

#imgstack:hover a:nth-of-type(3) {
    margin-top: -5px;
    transform: translateY(+100%) rotate(2deg);
    transition: 0.4s ease;
    margin-top: 5px;
    z-index: 4;
}

#imgstack:hover a:nth-of-type(4) {
    margin-top: -5px;
    transform: translateY(+150%) rotate(3deg);
    transition: 0.4s ease;
    margin-top: 5px;
    z-index: 3;
}

#imgstack:hover a:nth-of-type(5) {
    margin-top: -5px;
    transform: translateY(+200%) rotate(4deg);
    transition: 0.4s ease;
    margin-top: 5px;
    z-index: 2;
}

#imgstack:hover a:nth-of-type(6) {
    margin-top: -5px;
    transform: translateY(+250%) rotate(5deg);
    transition: 0.4s ease;
    margin-top: 5px;
    z-index: 1;
}


/* #imgstack:hover a:last-of-type{
  transform: translateX(490%);
  margin-top:5px;
  transition-delay:1s; 
  transition: 1s ease ;
} */

#imgstack a:first-of-type:hover,
#imgstack a:last-of-type:hover {
    margin-top: -5px;
}

#imgstack a:nth-of-type(2):hover {
    transform: translateX(-8%) translateY(+80%);
}

#imgstack a:nth-of-type(3):hover {
    transform: translateX(-8%) translateY(+130%);
}

#imgstack a:nth-of-type(4):hover {
    transform: translateX(-8%) translateY(+180%);
}

#imgstack a:nth-of-type(5):hover {
    transform: translateX(-8%) translateY(+230%);
}

#imgstack a:nth-of-type(6):hover {
    transform: translateX(-8%) translateY(+280%);
}

@media (min-width: 640px) {
    #imgstack a {
        width: 25%;
    }
    #imgstack:hover a:nth-of-type(2) {
        margin-top: -5px;
        transform: translateX(+50%) rotate(1deg);
        transition: 0.4s ease;
        margin-top: 5px;
        z-index: 5;
    }
    #imgstack:hover a:nth-of-type(3) {
        margin-top: -5px;
        transform: translateX(+100%) rotate(2deg);
        transition: 0.4s ease;
        margin-top: 5px;
        z-index: 4;
    }
    #imgstack:hover a:nth-of-type(4) {
        margin-top: -5px;
        transform: translateX(+150%) rotate(3deg);
        transition: 0.4s ease;
        margin-top: 5px;
        z-index: 3;
    }
    #imgstack:hover a:nth-of-type(5) {
        margin-top: -5px;
        transform: translateX(+200%) rotate(4deg);
        transition: 0.4s ease;
        margin-top: 5px;
        z-index: 2;
    }
    #imgstack:hover a:nth-of-type(6) {
        margin-top: -5px;
        transform: translateX(+250%) rotate(5deg);
        transition: 0.4s ease;
        margin-top: 5px;
        z-index: 1;
    }
    #imgstack a:nth-of-type(2):hover {
        transform: translateY(-8%) translateX(+60%);
    }
    #imgstack a:nth-of-type(3):hover {
        transform: translateY(-8%) translateX(+120%);
    }
    #imgstack a:nth-of-type(4):hover {
        transform: translateY(-8%) translateX(+170%);
    }
    #imgstack a:nth-of-type(5):hover {
        transform: translateY(-8%) translateX(+220%);
    }
    #imgstack a:nth-of-type(6):hover {
        transform: translateY(-8%) translateX(+270%);
    }
}


/* TEXTO A DOS COLUMNAS */

@media (min-width: 1280px) {
    .dos-columnas {
        column-count: 2;
        column-gap: 12ch;
        -webkit-column-rule: 0.2rem solid #FED100;
        /* Chrome, Safari, Opera */
        -moz-column-rule: 0.2rem solid #FED100;
        /* Firefox */
        column-rule: 8px solid #ececec;
    }
}

.contenedorCuerpo {
    /* padding: 2em 2em 4em 4em; */
    background: #f7f7f7;
    border-radius: 1em;
}

.cuerpo::first-letter {
    color: #E74C3C;
    font-size: 5em;
    background: #FED100;
    float: left;
    line-height: 56px;
    padding: 10px 8px;
    margin-right: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-family: 'Lexend';
    border-radius: 4px;
    border: 1px solid #e74b3b47;
}

.contenedorVideo {
    padding: 2em 2em 4em 4em;
    background: #1E3A8A;
    border-radius: 1em 1em 1em 6em;
    border: 4px solid #FED100;
}


/* desabilitar scrollbar */

@media (min-height:1024px) and (hover:hover) {
    .scrollbar-initial {
        overflow: initial;
    }
}


/* NUEVA GALERÍA DE FLICKR */

.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-auto-rows: 300px;
    grid-gap: 21px;
    margin: 0 auto;
    max-width: 960px;
    padding: 15px;
}

.card {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    transform: translateY(0);
    transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.card:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(3, 169, 244, 0.72);
    opacity: 0;
    transition: opacity 0.6s ease;
}

.card:nth-child(2),
.card:nth-child(4),
.card:nth-child(7) {
    grid-row: span 2;
}

img {
    /* width: 100%;
    height: 100%; */
    object-fit: cover;
    transform: translateZ(0);
    transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 9px;
    width: 100%;
    color: white;
    font-size: 18px;
    line-height: 1.2;
    z-index: 1;
    opacity: 0;
    transform: translateY(-12px) rotate(-3deg);
    transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.card:hover {
    transform: translateY(-6px);
    box-shadow: rgba(0, 0, 0, 0.5) 0 12px 24px -12px;
}

.card:hover:after {
    opacity: 1;
}

.card:hover img {
    transform: scale(1.05);
}

.card:hover figcaption {
    opacity: 1;
    transform: translateY(0) rotate(-3deg);
}


/* -- */


/* efecto filter galeria flickr */

.galeria-caja-txt {
    will-change: auto;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    margin-right: -1em;
    border: 1px solid #0000002c;
    border-width: 1px 0 1px 0;
}

.galeria-flickr:hover .galeria-caja-txt {
    color: white;
    background-color: black;
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
    /* backdrop-filter: none; */
    padding: 2em;
    border-color: transparent;
}

.bg-video {
    mix-blend-mode: color-burn;
}


/* gradiente que solo se ve en móvil o dispositivos sin efecto hover */

.efecto-filter {
    background: rgb(4, 22, 91);
    background: linear-gradient(172deg, rgba(4, 22, 91, 0.6951155462184874) 1%, rgba(0, 212, 255, 0) 100%);
}

.galeria-numFotos {
    height: 0px;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    overflow: hidden;
}

.galeria-fecha {
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateX(8em);
    overflow: hidden;
    color: #999;
}

@media (hover:hover) and (min-width:1024px) {
    .max-h-select {
        max-height: 300px;
    }
    /* - */
    .galeria-flickr:hover>.galeria-caja-txt .galeria-numFotos {
        height: 1.5em;
    }
    .galeria-caja-txt:hover>.galeria-fecha {
        transition: all 1s .4s cubic-bezier(0.19, 1, 0.22, 1);
        transform: translateX(-0%);
    }
    .efecto-filter {
        backdrop-filter: brightness(0.8)contrast(1);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        background: transparent;
    }
    .galeria-flickr img {
        transform: scale(1);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    }
    .efecto-filter:hover,
    .galeria-caja-txt:hover~.efecto-filter {
        backdrop-filter: brightness(1.1)contrast(1.1);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    }
    .galeria-flickr:hover img {
        transform: scale(1.15);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    }
}


/* - */


/* DUOTONE */

.duotone-cream {
    filter: blur(8px) url('#duotone_cream');
}

.duotone-redblue {
    filter: url('#duotone_redblue');
}

.duotone-blue-orange {
    filter: url('#duotone_blueorange');
}

.duotone-blue-orange-blur {
    filter: url('#duotone_blueorange') blur(5px);
}

.duotone-blue {
    filter: url('#duotone_spotify_blue');
}

.duotone-seafoam {
    filter: url('#duotone_bluetan');
}


/* - */


/* GRADIENT TEXT */

@media (max-width: 767px) {
    .gradContainer h2 {
        background-image: #bfc0ea;
        --color-1: #bfc0ea;
        --color-2: #c4d1f2;
        --color-3: #fed100;
        --color-4: #ff8585;
        --color-5: #f9002f;
        background-image: linear-gradient(130deg, var(--color-1) 5%, var(--color-2) 28%, var(--color-2) 39%, transparent 39%, transparent 40%, var(--color-3) 40%, var(--color-3) 59%, transparent 59%, transparent 60%, var(--color-4) 60%, var(--color-4) 79%, transparent 79%, transparent 80%, var(--color-5) 80%);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        width: 100%;
    }
    
    .pantalla-2 {
        height: 80vh;
    } 
}

@media (min-width: 768px) {
    .gradContainer h2 {
        background-image: #bfc0ea;
        --color-1: #bfc0ea;
        --color-2: #c4d1f2;
        --color-3: #fed100;
        --color-4: #ff8585;
        --color-5: #f9002f;
        background-image: linear-gradient(130deg, var(--color-1) 5%, var(--color-2) 28%, var(--color-2) 39%, transparent 39%, transparent 40%, var(--color-3) 40%, var(--color-3) 59%, transparent 59%, transparent 60%, var(--color-4) 60%, var(--color-4) 79%, transparent 79%, transparent 80%, var(--color-5) 80%);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        animation: gradContainer 4s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
        animation-delay: 3s;
        width: 800%;
        transform: translateZ(0);
    }
}

@keyframes gradContainer {
    0% {
        width: 800%
    }
    100% {
        width: 100%;
    }
}


/* SLIDER */

.circulo-slider {
    stroke: transparent;
    stroke-width: 1rem;
}

.circulo-slider:hover {
    stroke: white;
    stroke-width: 1rem;
}


/* - */

.EN_news_pic {
    filter: grayscale(.2) sepia(.1) brightness(.8) saturate(1);
    transition: .6s cubic-bezier(0.41, 0.05, 0.32, 1.13);
}

.EN_news .EN_news_text {
    /*background: linear-gradient(347deg, #f5f5f5 88%, #ffffff7a 105%);*/
    z-index: 4;
    margin-top: -2.75em;
    transition: .9s cubic-bezier(0.41, 0.05, 0.32, 1.13);
    clip-path: polygon( -1px -1px, 110% -1px, 110% 110%, -1px 110%);
}

.EN_news:hover .EN_news_text {
    clip-path: polygon(0 0, 100% 1.2em, 100% 100%, 0 100%);
    /* background: linear-gradient(343deg, white 91%, #ffeb3b 50%, #ffeb3b7a 190%); */
}

.EN_news_text:hover {
    background-image: linear-gradient( 140deg, hsl(0deg 0% 100%) 0%, hsl(46deg 87% 98%) 21%, hsl(46deg 85% 95%) 52%, hsl(46deg 84% 93%) 70%, hsl(47deg 82% 90%) 81%, hsl(47deg 81% 88%) 88%, hsl(48deg 80% 85%) 93%, hsl(48deg 78% 82%) 96%, hsl(49deg 77% 80%) 98%, hsl(49deg 76% 77%) 100%);
}

.EN_news:hover .EN_news_pic {
    filter: grayscale(0) sepia(0) brightness(1.05) saturate(1.05);
    transform: scale3d(1.056, 1.056, 1);
}

.EN_news {
    transition: .6s ease all;
}

.EN_news:hover {
    transform: scale(1.04);
}

.h-50 {
    height: 50px;
}

.headerNoticia {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, 2em 50%);
    background-image: linear-gradient( 270deg, hsl(0deg 0% 100%) 0%, hsl(48deg 100% 99%) 3%, hsl(48deg 100% 99%) 7%, hsl(48deg 100% 98%) 11%, hsl(48deg 100% 97%) 17%, hsl(48deg 100% 97%) 23%, hsl(48deg 100% 95%) 31%, hsl(48deg 100% 95%) 42%, hsl(38deg 66% 87%) 57%, hsl(48deg 100% 94%) 99%);
}

.fechaNoticia,
.headerNoticia,
.contenedorCuerpo {
    font-family: 'Lora', serif;
}

.bgAbstracto-sec {
    background-image: linear-gradient( 175deg, hsl(49deg 100% 93%) 0%, hsl(36deg 100% 92%) 11%, hsl(49deg 100% 95%) 22%, hsl(49deg 100% 96%) 33%, hsl(49deg 100% 96%) 44%, hsl(49deg 100% 97%) 56%, hsl(49deg 100% 98%) 67%, hsl(49deg 100% 99%) 78%, hsl(49deg 100% 99%) 89%, hsl(0deg 0% 100%) 100%);
}


/* broken image placeholder */

img:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: teal;
}

@media (min-width: 1024px) {
    .nav_cabecera {
        background: linear-gradient( 180deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .4) 80%);
    }
}

.fondoBackend {
    background-color: #e6f3ff;
}

.cuerpoNoticia>p>a {
    display: inline-block;
    text-overflow: ellipsis;
    max-width: 100%;
    /*overflow: hidden;*/
}

.bg_noticia {
    background: linear-gradient(to top, black 0%, rgba(0, 0, 0, .738) 19%, rgba(0, 0, 0, .541) 34%, rgba(0, 0, 0, .382) 47%, rgba(0, 0, 0, .278) 56.5%, rgba(0, 0, 0, .194) 65%, rgba(0, 0, 0, .126) 73%, rgba(0, 0, 0, .075) 80.2%, rgba(0, 0, 0, .042) 86.1%, rgba(0, 0, 0, .021) 91%, rgba(0, 0, 0, .008) 95.2%, rgba(0, 0, 0, .002) 98.2%, transparent 100%);
}

.bg-neutral-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}

.bg-neutral-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

.text-neutral-300 {
    --tw-text-opacity: 1;
    color: rgb(212 212 212 / var(--tw-text-opacity));
}

.sticky {
    position: sticky;
}

.hover\:bg-neutral-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

.max-h-\[10rem\] {
    max-height: 10em;
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

#tablaCalendario {
    overflow: auto;
    overflow-x: hidden;
}