:root {
    --color-primary: #6C9BCF;
    --color-danger: #FF0060;
    --color-success: #1B9C85;
    --color-warning: #F7D060;
    --color-white: #fff;
    --color-info-dark: #7d8da1;
    --color-info-dark2: rgba(125, 141, 161, 0.315);
    --color-dark: #363949;
    --color-light: rgba(132, 139, 200, 0.3);
    --color-dark-variant: #677483;
    --color-background: #f6f6f9;

    --card-border-radius: 2rem;
    --border-radius-1: 0.4rem;
    --border-radius-2: 1.2rem;

    --card-padding: 1.8rem;
    --padding-1: 1.2rem;

    --box-shadow: 0 10px 3rem 0 var(--color-light);
    --box-shadow-2: 0 10px 1rem 0 rgba(0, 0, 0, 0.336);
}


@import url('https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');
@font-face {
    font-family: 'Playball';
    src: url('/fonts/Playball-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
* {
    font-family: "Billabong", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "wdth" 100;



    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #312023;
}




.fondoNuevo {
    margin-top: 0;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    backdrop-filter: blur(60rem);
    position: fixed;
    width: 100vw;
    overflow-y: auto;
    height: 100vh;
}

.main {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 1rem 0;
    height: 100vh;
    overflow: auto;
}

.container {
    width: 40%;
    min-width: 600px;
    border-radius: 20px;
    overflow-y: auto;
    position: relative;
    background-color: #ffffff;
    max-width: 720px !important;
}

.cerrado {
    align-items: flex-start !important;
    height: 5rem;
    overflow-y: hidden;
    transition: all 0.3s;
}

.animacion {
    animation: mover 1.3s linear infinite;
}

@keyframes mover {
    0% {
        transform: translateX(0px);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(0px);
    }

    75% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0px);
    }
}

.col {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 20px;
}

.footer {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.btnOption {
    color: black;
    background-color: white;
    border-radius: 50%;
    padding: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    display: flex;
    cursor: pointer;
}

.notification {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 8a8 8 0 1 1 16 0v4.697l2 3V20h-5.611a4.502 4.502 0 0 1-8.777 0H2v-4.303l2-3zm5.708 12a2.5 2.5 0 0 0 4.584 0zM12 2a6 6 0 0 0-6 6v5.303l-2 3V18h16v-1.697l-2-3V8a6 6 0 0 0-6-6'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.tiktok {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cmask id='lineMdTiktok0'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath fill='%23fff' stroke='none' d='M16.6 5.82c-0.68 -0.78 -1.06 -1.78 -1.06 -2.82h-3.09v12.4c-0.02 0.67 -0.31 1.31 -0.79 1.77c-0.48 0.47 -1.13 0.73 -1.8 0.73c-1.42 0 -2.6 -1.16 -2.6 -2.6c0 -1.72 1.66 -3.01 3.37 -2.48v-3.16c-3.45 -0.46 -6.47 2.22 -6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69 -2.55 5.69 -5.7v-6.29c1.25 0.9 2.76 1.38 4.3 1.38v-3.09c0 0 -1.88 0.09 -3.24 -1.48Z'/%3E%3Cpath stroke='%23000' stroke-dasharray='36' stroke-dashoffset='72' stroke-width='4' d='M11 11h-1c-2.21 0 -4.5 1.79 -4.5 4c0 2.21 1.5 4.5 4.5 4.5c2.21 0 4 -2.29 4 -4.5v-12.5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='72;36'/%3E%3C/path%3E%3Cpath stroke='%23000' stroke-dasharray='10' stroke-dashoffset='20' stroke-width='4' d='M18 2.5v8'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.5s' dur='0.1s' values='20;10'/%3E%3C/path%3E%3C/g%3E%3C/mask%3E%3Crect width='24' height='24' fill='%23ffb8e5' mask='url(%23lineMdTiktok0)'/%3E%3C/svg%3E");
}

.youtube {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffb8e5' d='m10 15l5.19-3L10 9zm11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73' stroke-width='0.5' stroke='%23ffb8e5'/%3E%3C/svg%3E");
}

.tiktok-b {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cmask id='lineMdTiktok0'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath fill='%23fff' stroke='none' d='M16.6 5.82c-0.68 -0.78 -1.06 -1.78 -1.06 -2.82h-3.09v12.4c-0.02 0.67 -0.31 1.31 -0.79 1.77c-0.48 0.47 -1.13 0.73 -1.8 0.73c-1.42 0 -2.6 -1.16 -2.6 -2.6c0 -1.72 1.66 -3.01 3.37 -2.48v-3.16c-3.45 -0.46 -6.47 2.22 -6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69 -2.55 5.69 -5.7v-6.29c1.25 0.9 2.76 1.38 4.3 1.38v-3.09c0 0 -1.88 0.09 -3.24 -1.48Z'/%3E%3Cpath stroke='%23000' stroke-dasharray='36' stroke-dashoffset='72' stroke-width='4' d='M11 11h-1c-2.21 0 -4.5 1.79 -4.5 4c0 2.21 1.5 4.5 4.5 4.5c2.21 0 4 -2.29 4 -4.5v-12.5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='72;36'/%3E%3C/path%3E%3Cpath stroke='%23000' stroke-dasharray='10' stroke-dashoffset='20' stroke-width='4' d='M18 2.5v8'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.5s' dur='0.1s' values='20;10'/%3E%3C/path%3E%3C/g%3E%3C/mask%3E%3Crect width='24' height='24' fill='black' mask='url(%23lineMdTiktok0)'/%3E%3C/svg%3E");
}

.instagram-b {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.028 2c1.125.003 1.696.009 2.189.023l.194.007c.224.008.445.018.712.03c1.064.05 1.79.218 2.427.465c.66.254 1.216.598 1.772 1.153a4.9 4.9 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428c.012.266.022.487.03.712l.006.194c.015.492.021 1.063.023 2.188l.001.746v1.31a79 79 0 0 1-.023 2.188l-.006.194c-.008.225-.018.446-.03.712c-.05 1.065-.22 1.79-.466 2.428a4.9 4.9 0 0 1-1.153 1.772a4.9 4.9 0 0 1-1.772 1.153c-.637.247-1.363.415-2.427.465l-.712.03l-.194.006c-.493.014-1.064.021-2.189.023l-.746.001h-1.309a78 78 0 0 1-2.189-.023l-.194-.006a63 63 0 0 1-.712-.031c-1.064-.05-1.79-.218-2.428-.465a4.9 4.9 0 0 1-1.771-1.153a4.9 4.9 0 0 1-1.154-1.772c-.247-.637-.415-1.363-.465-2.428l-.03-.712l-.005-.194A79 79 0 0 1 2 13.028v-2.056a79 79 0 0 1 .022-2.188l.007-.194c.008-.225.018-.446.03-.712c.05-1.065.218-1.79.465-2.428A4.9 4.9 0 0 1 3.68 3.678a4.9 4.9 0 0 1 1.77-1.153c.638-.247 1.363-.415 2.428-.465c.266-.012.488-.022.712-.03l.194-.006a79 79 0 0 1 2.188-.023zM12 7a5 5 0 1 0 0 10a5 5 0 0 0 0-10m0 2a3 3 0 1 1 .001 6a3 3 0 0 1 0-6m5.25-3.5a1.25 1.25 0 0 0 0 2.5a1.25 1.25 0 0 0 0-2.5'/%3E%3C/svg%3E");
}

.share {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81c1.66 0 3-1.34 3-3s-1.34-3-3-3s-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65c0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.s1 {
    scale: 1.1;
}

.s2 {
    scale: 1.3;
}

#linkredes {
    display: flex;
    gap: 10px;
}

.p-20 {
    padding: 20px;
}

.imagen {
    width: 100%;
    height: 35rem; /* o 350px si prefieres unidades absolutas */
    background-image: url('img/fondos/fondo3.png');
    /* Propiedades de fondo mejoradas */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
    position: relative;
}


.imagen::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, transparent, #ffffff);
}



.links {
    color: black;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 30%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 101;
    flex-direction: column;
}

.links p {
    font-size: 1.5rem;
    font-weight: 800;
    margin: 0;
    font-family: "Libre Baskerville", sans-serif;
}


.modalMio {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    justify-content: center;
    align-items: flex-start;
    backdrop-filter: blur(4px);
    z-index: 101;
}

.abierto {
    display: flex;
    align-items: flex-start;
}

.modalContent {
    margin-top: 5rem;
    padding: 20px;
    width: 50%;
    height: max-content;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 10px 23px 3px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    min-width: 400px;
    transition: all 0.2s;
    animation: mostrar 0.2s linear;
}

@keyframes mostrar {
    0% {
        transform: translateY(-15px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }

}

input,
select {
    padding: 10px;
    background-color: transparent;
    color: rgb(12, 11, 26);
    border: transparent;
    border-bottom: 1px solid rgb(12, 11, 26);
}

.close {
    position: absolute;
    color: white;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    right: 10px;
    top: 0;
    padding: 5px 15px;
    text-align: center;
    background-color: red;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: rgb(4, 5, 22);
    text-decoration: none;
    cursor: pointer;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.btn {
    width: 100%;
    padding: 10px;
    border: transparent;
    background-color: var(--color-white);
    color: var(--color-dark);
    border-radius: var(--border-radius-1);
    cursor: pointer;
}

.btn-swiper {
    padding: 10px;
    border: transparent;
    background-color: var(--color-white);
    color: var(--color-dark);
    border-radius: var(--border-radius-1);
    cursor: pointer;
}



input:focus-visible {
    background-color: white;
    border: transparent;
}



.btn-success {
    border: var(--color-success) !important;
    background-color: var(--color-success) !important;
    color: white !important;
}

.btn-#d0d4e8 {
    border: #d0d4e8 !important;
    background-color: #d0d4e8 !important;
    color: black !important;
}

.btn-secundary {
    border: rgba(51, 46, 47, 0.801) !important;
    background-color: #db7e9a !important;
    color: rgb(255, 255, 255) !important;
    border-radius: 20px !important;
}



.taC {
    text-align: center;
}

.botones {
    padding: 3rem 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #ffffff;
    border-radius: 0 0 20px 20px;
}

.pattaya-regular {
    font-family: "Pattaya", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.correos {
    background-color: #ffc9d2;
    margin: 1rem 3rem;
}



.fw1 {
    font-weight: 100;
}
.fw7 {
    font-weight: 700;
}

.fw8 {
    font-weight: 800;
}

.instagram-fill {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffb8e5' d='M13.028 2c1.125.003 1.696.009 2.189.023l.194.007c.224.008.445.018.712.03c1.064.05 1.79.218 2.427.465c.66.254 1.216.598 1.772 1.153a4.9 4.9 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428c.012.266.022.487.03.712l.006.194c.015.492.021 1.063.023 2.188l.001.746v1.31a79 79 0 0 1-.023 2.188l-.006.194c-.008.225-.018.446-.03.712c-.05 1.065-.22 1.79-.466 2.428a4.9 4.9 0 0 1-1.153 1.772a4.9 4.9 0 0 1-1.772 1.153c-.637.247-1.363.415-2.427.465l-.712.03l-.194.006c-.493.014-1.064.021-2.189.023l-.746.001h-1.309a78 78 0 0 1-2.189-.023l-.194-.006a63 63 0 0 1-.712-.031c-1.064-.05-1.79-.218-2.428-.465a4.9 4.9 0 0 1-1.771-1.153a4.9 4.9 0 0 1-1.154-1.772c-.247-.637-.415-1.363-.465-2.428l-.03-.712l-.005-.194A79 79 0 0 1 2 13.028v-2.056a79 79 0 0 1 .022-2.188l.007-.194c.008-.225.018-.446.03-.712c.05-1.065.218-1.79.465-2.428A4.9 4.9 0 0 1 3.68 3.678a4.9 4.9 0 0 1 1.77-1.153c.638-.247 1.363-.415 2.428-.465c.266-.012.488-.022.712-.03l.194-.006a79 79 0 0 1 2.188-.023zM12 7a5 5 0 1 0 0 10a5 5 0 0 0 0-10m0 2a3 3 0 1 1 .001 6a3 3 0 0 1 0-6m5.25-3.5a1.25 1.25 0 0 0 0 2.5a1.25 1.25 0 0 0 0-2.5'/%3E%3C/svg%3E");
}

.item-container {
    position: absolute;
    height: 100%;
    width: max-content;
    left: 10px;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.btn-item {
    border-radius: 25px !important;
    padding: 15px 20px !important;
    width: 100% !important;
    background-color: #db7e9a !important;
    color: white !important;
    position: relative !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
}

.btn-item h3 {
    padding: 0 2rem;
    color: white;
}

.btn-item p,
.btn-item span,
.btn-item h4 {
    color: white;
}

.btn-item:hover {
    box-shadow: var(--box-shadow-2);
}

.img-item {
    height: 41px;
    width: 41px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center;

}



.sidebar {
    height: 100%;
    /* Altura completa del sidebar */
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.3s;
    box-shadow: var(--box-shadow-2);

}

.sidebar a {
    padding: 10px 15px;
    text-decoration: none;
    color: #312023;
    display: block;
    transition: 0.3s;
}

.sidebar a:hover {
    color: #f1f1f1;
    /* Color al pasar el ratn por encima */
}

/* Botón de cerrar (×) */
.closeBtn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 2rem;
    margin-right: 10px;
    background: none;
    border: none;
    color: white;
    cursor: pointer;
}

.closeBtn:hover {
    color: #f1f1f1;
}

/* Cuando se abre el sidebar */
.sidebar.open {
    width: 250px;
    z-index: 1000;
}



/* Main container for the carousel */
#seguros .swiper-container {
    overflow-x: hidden;
    width: 90%;
    max-width: 1200px;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 40px;
}

#seguros .swiper-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#seguros .swiper-slide {
    min-width: max-content;
    display: flex;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
}

.sublink {
    padding-left: 20px;
}

#compañias .swiper-container {
    overflow-x: hidden;
    width: 90%;
    max-width: 1200px;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 40px;
}

#compañias .swiper-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#swiper-wrapper-2 .swiper-slide {
    min-width: max-content;
    display: flex !important;
    justify-content: center;
}

.slide-content {
    border: 2px solid #ccc;
    border-radius: 15px;
    background: #ffffff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    max-width: 280px;
}

.slide-content:hover {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    transform: scale(1.05);
    border-color: #5A67D8;
}

.image-container {
    height: 200px;
    overflow: hidden;
}

.image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.img280 {
    min-width: 280px;
}

.content {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.title {
    font-size: 1.2rem;
    font-weight: bold;
    color: #4A5568;
}

.swiper-button-prev,
.swiper-button-next {
    color: #5A67D8;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    opacity: 1;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 1.5rem;
}


.items-center {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.noticias {
    position: fixed;
    right: 20px;
    top: 0;
    height: 100vh;
    width: 300px;
    padding: 5rem 20px 3rem 20px;
    overflow-y: auto;
    z-index: 1;
}

.titulonoti {
    position: fixed;
    top: 1rem;
    right: 20px;
    z-index: 1000;
    width: 300px;
    text-align: center;
    background: #d0d4e8;
    color: white;
    font-size: 24px;
    font-weight: 800;
    padding: 1rem;
    border-radius: 15px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}

.contentnoticias {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
    padding: 20px;
    height: max-content;
    background-color: white;
    border-radius: 15px;
}


.spinner {
    height: 25px;
    width: 25px;
    background-color: transparent;
    border-top: 3px solid transparent;
    border-left: 3px solid white;
    border-bottom: 3px solid white;
    border-right: 3px solid white;
    border-radius: 50%;
    animation: spinner 1s linear infinite;
}






@keyframes spinner {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}



.titleMaga{
    font-family: Playball; 
    color: white;
    text-shadow: 5px 3px 10px black; 
    font-size: 4.3rem;
}


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

    .titulonoti,
    .noticias {
        display: none;
    }

}

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

    .titulonoti,
    .noticias {
        display: none;
    }

    .fondoNuevo {
        background-size: contain;
    }

    .container {
        width: 100%;
        min-width: 0px;
    }

    .correos {
        margin: 1rem 0;
    }

    .imagen {
        height: 30rem;
    }
    .titleMaga{
        font-size: 3rem;
    }

}