/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* Estilos del sufijo del contador > HOME */
.uagb-counter-block-prefix {
    color: #78B82D;
}

.uagb-block-e1878c3d span.uagb-counter-block-prefix:nth-child(1) {
    color: #2970B7;
}

.uagb-block-5d3da65b span.uagb-counter-block-prefix:nth-child(1) {
    color: #21D1FB;
}

/* ************************************************************************* */

/* Centrar parrafos > HOME */
.text-center {
    text-align: center;
}

/* ************************************************************************* */

/* Estilos del formulario */

.wpcf7-form {
    background-color: #2970B7;
    padding: 20px 90px 20px 0px;
    border-radius: 8px;
    color: #FFFFFF;
    max-width: 100%;
    margin: auto;
    padding: 0;
}

.wpcf7-form label {
    display: block;
    font-size: 16px;
}

/* Inputs y textarea */
.wpcf7-form input,
.wpcf7-form textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #FFFFFF;
    background-color: transparent;
    color: #FFFFFF;
    border-radius: 8px;
    outline: none;
    font-size: 16px;
}

/* Placeholder blanco */
.wpcf7-form ::placeholder {
    color: #FFFFFF66;
}

/* Campos en línea */
.custom-flex {
    display: flex;
    gap: 20px;
}

.custom-flex div {
    flex: 1;
}

/* Mensaje */
.wpcf7-form textarea {
    height: 100px;
    resize: none;
}

/* Checkbox */
.custom-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.custom-checkbox br {
    display: none;
}

.custom-checkbox p {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
}

.custom-checkbox .wpcf7-list-item {
    margin: 0;
}

.custom-checkbox input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    background: transparent !important;
    appearance: none;
    border: 1px solid #FFFFFF;
    width: 20px;
    height: 20px;
    border-radius: 6px;
}

.custom-checkbox input[type="checkbox"]:checked {
    background-color: #78B82D !important;
    border: none;
}

.custom-checkbox input[type="checkbox"]::after {
    content: "✔";
    font-size: 12px;
    font-weight: bold;
    color: #2970B7;
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    display: none;
}

/* Mostrar el check cuando está marcado */
.custom-checkbox input[type="checkbox"]:checked::after {
    display: block;
}

.custom-checkbox a {
    color: white;
    text-decoration: underline;
}

.custom-checkbox a:hover {
    font-weight: 500;
}

/* boton */
.wpcf7-form input[type="submit"] {
    width: 100%;
    padding: 15px;
    background-color: transparent;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
    transition: background-color 0.3s, color 0.3s;
}

.wpcf7-form input[type="submit"]:hover {
    background-color: white;
    color: #2970B7;
}


/* ************************************************************************* */

/* Estilos del formulario > CONTACTO y EQUIPO */

.white-form .wpcf7-form {
    background-color: #FFFF;
    padding: 20px;
    border-radius: 8px;
    color: #193D62;
    max-width: 100%;
    margin: auto;
}

.white-form .wpcf7-form label {

    display: block;
    font-size: 16px;
    font-family: Urbanist;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.5px;
}

.wpcf7-form label span:first-child {
    padding-left: 10px;
}



/* Inputs y textarea */
.white-form .wpcf7-form input,
.white-form .wpcf7-form textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #D0D5DD;
    background-color: transparent;
    color: #193D62;
    border-radius: 8px;
    outline: none;
    font-size: 16px;
    font-family: Urbanist;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.5px;
    height: 65.3px;
}

/* Placeholder blanco */
.white-form .wpcf7-form ::placeholder {
    color: #193D6266;
}

/* Campos en línea */
.white-form .custom-flex {
    display: flex;
    gap: 20px;
}

.white-form .custom-flex div {
    flex: 1;
}

/* Mensaje */
.white-form .wpcf7-form textarea {
    height: 179px;
    resize: none;
}

/* Checkbox */
.white-form .custom-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.white-form .custom-checkbox br {
    display: none;
}

.white-form .custom-checkbox p {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
}

.white-form .custom-checkbox .wpcf7-list-item {
    margin: 0;
}

.white-form .custom-checkbox input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    background: transparent !important;
    appearance: none;
    border: 1px solid #D0D5DD;
    width: 17.8px !important;
    height: 20px !important;
    border-radius: 6px;
    padding: 0;
}

.white-form .custom-checkbox input[type="checkbox"]:checked {
    background-color: #78B82D !important;
    border: 1px solid #78B82D;
}

.white-form .custom-checkbox input[type="checkbox"]::after {
    content: "✔";
    font-size: 12px;
    font-weight: bold;
    color: #193D62;
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    display: none;
}

/* Mostrar el check cuando está marcado */
.white-form .custom-checkbox input[type="checkbox"]:checked::after {
    display: block;
}

.white-form .custom-checkbox a {
    color: #475467;
    text-decoration: underline;
}

.white-form .custom-checkbox a:hover {
    font-weight: 600;
}

/* boton */
.white-form .wpcf7-form input[type="submit"] {
    width: 100%;
    padding: 15px 25px;
    background-color: #78B82D;
    color: #FFFFFF;
    border: 1px solid #78B82D;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    line-height: 20.8px;
    color: #FFF;
    font-family: Urbanist;
    font-style: normal;
    text-transform: uppercase;
    transition: background-color 0.3s, color 0.3s;
}

.white-form .wpcf7-form input[type="submit"]:hover {
    background-color: #3EAF3F;
    color: #FFFFFF;
}

/* responsive del form mobile */

@media (max-width: 768px) {
    .wpcf7-form {
        padding: 20px;
        text-align: center;
    }

    .custom-checkbox {
        justify-content: center;
    }

    .custom-checkbox p {
        justify-content: center;
        text-align: center;
    }

    .custom-flex {
        flex-direction: column;
        gap: 10px;
    }

    .custom-flex div {
        width: 100%;
    }

    .wpcf7-form input,
    .wpcf7-form textarea {
        text-align: center;
    }
}

/* Responsive del form tablet */

@media (min-width: 768px) and (max-width: 1024px) {
    .wpcf7-form {
        padding: 20px;
        text-align: center;
    }

    .custom-checkbox {
        justify-content: center;
    }

    .custom-checkbox p {
        justify-content: center;
        text-align: center;
    }

    .custom-flex {
        flex-direction: column;
        gap: 10px;
    }

    .wpcf7-form input,
    .wpcf7-form textarea {
        text-align: center;
    }
}


/* ************************************************************************* */


/* Barra verde > HOME */

.uagb-block-5f618199 .uagb-ifb-separator {
    width: 100% !important;
    height: 3px !important;
    background-color: #78B82D !important;
    border: #78B82D !important;
    margin-top: 53px;
}


/* ************************************************************************* */


/* Barra de footer */

.site-below-footer-wrap[data-section="section-below-footer-builder"] {
    background-color: #FFFFFF;
    min-height: 30px;
    border-style: solid;
    border-width: 0px;
    border-top-width: 1px;
    border-top-color: #2970b7;
    max-width: 1200px;
    margin: 0 auto;
}


/* ************************************************************************* */


/* hover del submenu del header */

.menu-item .sub-menu {
    width: 156px;
    height: 55px;
    border-radius: 0px 0px 12px 12px;
}

.main-header-menu .sub-menu li {
    background: #FFFFFF !important;
    position: relative;
    overflow: hidden;
}

.main-header-menu .sub-menu li::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(41, 112, 183, 0.31);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.main-header-menu .sub-menu li:hover::after {
    opacity: 1;
}

.main-header-menu .sub-menu li a {
    position: relative;
    z-index: 1;
}

.menu-item .sub-menu li:last-child {
    border-radius: 0px 0px 12px 12px;
}


/* ************************************************************************* */


/* Estilos del "Unete a nuesto equipo" del header */

.link-style {
    font-size: 14px;
    color: #fff;
    font-family: Urbanist;
    font-style: normal;
    font-weight: bold;
    line-height: 20.8px;
}

.link-style a {
    color: inherit;
    text-decoration: none;
}

.link-style:hover {
    text-decoration: underline;
}

/* ************************************************************************* */


/* Esconder contacto y unete del menu */


/* ************************************************************************* */


/* Alinear los separadores de consultoria > ventajas */

.uagb-block-0a88b089 .wp-block-uagb-container {
    position: relative;
}

.uagb-block-0a88b089 .uagb-ifb-separator {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}


/* ************************************************************************* */


/* Regular reponsive tabs */

.stk-block-tabs__tab {
    width: 215px !important;
    min-height: 82px !important;
}

@media screen and (min-width: 795px) and (max-width: 897px) {
    .stk-block-tabs__tab {
        width: 320px !important;
    }
}

@media screen and (min-width: 898px) and (max-width: 1119px) {
    .stk-block-tabs__tab {
        width: 150px !important;
    }
}

@media screen and (min-width: 1120px) and (max-width: 1187px) {
    .stk-block-tabs__tab {
        width: 200px !important;
    }
}


/* ************************************************************************* */


/* regular posición de las flechas slider */

.uagb-block-4b0f57ab .swiper-button-next,
.uagb-block-4b0f57ab .swiper-button-prev,
.uagb-block-bd28d325 .swiper-button-next,
.uagb-block-bd28d325 .swiper-button-prev {
    top: 35%;
}


/* ************************************************************************* */


/* Ajustar el Más inforimación de sectores > home */

.info-card-with-button-end {
    position: relative;
    height: 100%;
}

.info-card-with-button-end .uagb-ifb-button-wrapper {
    position: absolute;
    bottom: 25px;
    left: 20px;
}

@media (max-width: 768px) {
    .info-card-with-button-end .uagb-ifb-button-wrapper {
        position: static !important;
        margin-top: 30px;
    }

    .uagb-block-eee0054f,
    .uagb-block-77753db4,
    .uagb-block-bd8b3147 {
        position: relative;
        height: auto;
    }

    /* padding footer*/
    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
        padding: 25px
    }
}


/* ************************************************************************* */


/* botones de SECTORES */

.uagb-block-d2a456be .uagb-buttons__wrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, auto);
    width: 1200px;
}

.uagb-block-d2a456be .wp-block-uagb-buttons-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 222px;
    height: 82px;
}

.uagb-block-d2a456be .uagb-button__wrapper {
    width: 100%;
    height: 100%;
}

.uagb-block-d2a456be .uagb-buttons-repeater {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
}



@media screen and (min-width: 471px) and (max-width: 1190px) {
    .uagb-block-d2a456be .uagb-buttons__wrap {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        width: 100% !important;
        gap: 10px;
    }

    .uagb-block-d2a456be .wp-block-uagb-buttons-child {
        width: 100%;
        height: auto;
    }
}


/* ************************************************************************* */


/* width del boton del carrusel sectores > mobile */

.uagb-block-46344de3 .uagb-buttons-repeater {
    min-width: 200px;
}


/* ************************************************************************* */


/* breadcrumbs */
.migas {
    color: #193D62;
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0 2px;
}

.migas a {
    color: #193D62;
    text-decoration: none;
}

.migas a:hover {
    text-decoration: underline;
}

.migas svg {
    vertical-align: -2px;
    stroke: currentColor;
    stroke-width: 0.5;
    margin: 0 5px;
}

.post-header .migas svg {
    margin: 0 10px;
}


/* ************************************************************************* */


/* responsive del footer */

@media (max-width: 1024px) {

    .site-below-footer-inner-wrap,
    .site-primary-footer-inner-wrap {
        display: flex;
        flex-direction: column;
    }
}


/* ************************************************************************* */


/* Responsive del header */

@media screen and (min-width: 922px) and (max-width: 1025px) {
    .site-above-header-wrap,
    .site-primary-header-wrap {
        width: 80%;
    }
}

@media screen and (min-width: 1026px) and (max-width: 1200px) {
    .site-above-header-wrap,
    .site-primary-header-wrap {
        width: 80%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1450px) {
    .site-above-header-wrap,
    .site-primary-header-wrap {
        width: 80%;
    }
}


/* ************************************************************************* */


/* fondo de los servicios */

.tab-services-fullwidth-background:after {
    content: '' !important;
    background: #eef8ff !important;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 0;
    height: 100%;
    width: 100vw;
    transform: translateX(-50%);
}


/* ************************************************************************* */


/* Responsive del h1 en ipad pro */
@media screen and (min-width: 977px) and (max-width: 1225px) {

    .wp-block-uagb-advanced-heading h1,
    .migas,
    .breadcrumb-item--parent,
    .post-title {
        padding-left: 20px !important;
    }

    .uagb-block-d2a456be .uagb-buttons__wrap {
        padding-left: 10px;
        padding-right: 10px;
    }
}


/* ************************************************************************* */


/* estilos descripcion > contacto */

.description {
    color: #193D62;
    text-align: center;
    font-family: Urbanist;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 544px) {
    .description {
        font-size: 20px;
    }
}


/* ************************************************************************* */


/* ordenar los post_card */

.uagb-post-grid .uagb-post__inner-wrap {
    display: flex !important;
    flex-direction: column !important;
}

.uagb-post-grid .uagb-post__date {
    order: 1 !important;
}

.uagb-post-grid .uagb-post__title {
    order: 2 !important;
}

.uagb-post-grid .uagb-post__excerpt {
    order: 3 !important;
}

.uagb-post-grid .uagb-post__cta {
    order: 4 !important;
}


/* ************************************************************************* */


/* barra del post_card */

.uagb-post-grid .uagb-post__title {
    position: relative;
    padding-top: 15px;
}

.uagb-post-grid .uagb-post__title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #DDE8F3;
    width: 100%;
}


/* ************************************************************************* */


/* Flecha de más información > POST */

.uagb-post-grid .uagb-post__cta::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M4.16699 10.0001H15.8337M15.8337 10.0001L10.0003 4.16675M15.8337 10.0001L10.0003 15.8334" stroke="%232970B7" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    line-height: 1;
}


/* ************************************************************************* */


/* quiter margin de las breadcrumbs */
.breadcrumb-items {
    margin: 0 !important;
}


/* ************************************************************************* */


/* regular grossor del svg de las breadcrumbs */

.breadcrumb-items svg {
    stroke: currentColor;
    stroke-width: 0.7;
}


/* ************************************************************************* */


/* regular margen imagen mobile */

@media only screen and (max-width: 976px) {
    .uagb-block-d896875d.is-grid .uagb-post__inner-wrap .uagb-post__image:first-child {
        margin-left: -24px !important;
        margin-right: -24px !important;
        margin-top: -24px !important;
    }
}


/* ************************************************************************* */


/* Esconder el navegador de posts */

.post-navigation {
    display: none;
}

/* ************************************************************************* */
/* ************************************************************************* */
/* *****************************Post containers***************************** */
/* ************************************************************************* */
/* ************************************************************************* */


/* responsive */

/* mobile */
@media screen and (max-width: 768px) {

    /* header */
    .site-logo-img img {
        max-width: 150px !important;
        width: 150px !important;
    }

    .post-header h1 {
        font-size: 38px;
        white-space: normal;
        word-break: break-word;
        overflow-wrap: break-word;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1.1;
    }

    .post-header {
        height: 530px !important;
        padding: 50px 20px;
    }

    .post-header .container {
        padding: 50px 5px;
        margin-top: 100px;
    }

    /* imagen del post */
    .ast-container {
        padding: 0;
    }

    .post-image {
        width: 100% !important;
    }

    .post-image .post-main-image img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    /* fecha */
    .post-date {
        padding: 0 10px;
    }

    /* contenido */
    .post-content {
        padding: 0 10px;
    }

    /* compartir en redes */
    .social-share {
        display: flex;
        flex-direction: column;
    }

    /* cards otras publi */
    .related-posts-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0 10px;
    }

    .related-post-item {
        width: 100% !important;
        margin-bottom: 40px;
    }
}

/* tablet */
@media screen and (min-width: 769px) and (max-width: 976px) {

    /* header */
    .post-header h1 {
        font-size: 50px;
        white-space: normal;
        line-height: 1.0;
        word-break: break-word;
        overflow-wrap: break-word;
        padding: 0 !important;
        margin: 0 !important;
    }

    .post-header .container {
        padding: 100px 20px;
    }

    .post-header {
        height: 575px !important;
        padding: 100px 25px;
    }

    /* imagen del post */
    .ast-container {
        padding: 0;
    }

    .post-image {
        width: 100% !important;
    }

    .post-image .post-main-image img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    /* fecha */
    .post-date {
        padding: 0 10px;
    }

    /* contenido */
    .post-content {
        padding: 0 10px;
    }

    /* compartir en redes */
    .social-share {
        padding: 0 10px;
    }

    /* cards otras publi */
    .related-posts-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0 10px;
    }

    .related-post-item {
        width: 100% !important;
        margin-bottom: 40px;
    }

    .related-posts {
        padding-bottom: 60px !important;
    }
}

/* Posts Relacionados */

.post-container {
    position: relative;
}

.bottom-bar {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 1px;
    background-color: #2970B7;
}


.related-posts {
    margin-top: 80px;
    width: 100%;
    max-width: 1200px;
    padding-bottom: 20px;
}

.related-post-date {
    display: block;
    color: #193D62;
    text-align: start;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}

.related-posts h3 {
    color: #193D62;
    text-align: center;
    font-family: Urbanist;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 60px;
}

.related-posts-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.related-post-item {
    width: 31%;
    min-height: 553px;
    max-height: auto;
    border-radius: 20px;
    border: 1px solid #DDE8F3;
    background: #FFF;
    box-shadow: 0px 16px 15px -14px rgba(0, 0, 0, 0.20);
    overflow: hidden;
    position: relative;
}


.related-post-thumbnail img {
    width: 100%;
    height: 218px;
    object-fit: cover;
}

.related-post-content {
    padding: 24px;
    text-align: start;
}

.related-post-content h4 {
    color: #193D62;
    font-family: Urbanist;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 15px 0;
    border-top: solid 1px #DDE8F3;
}

.related-post-content h4 a {
    color: inherit;
}


.related-post-content p {
    color: #193D62;
    font-family: Urbanist;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 30px;
}

.read-more {
    color: #2970B7;
    font-family: Urbanist;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    position: absolute;
    bottom: 25px;
    left: 20px;
}

.read-more svg {
    width: 20px;
    height: 20px;
    fill: #2970B7;
    vertical-align: middle;
}

.read-more:hover {
    color: #165A9E;
}

.read-more:hover svg {
    fill: #165A9E;
}


/* Botones de Compartir */

.social-share svg {
    width: 30px;
    height: 30px;
    fill: #2970B7;
}

.social-share {
    width: 100%;
    max-width: 1200px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 35px;
    border-top: 1px solid #DDE8F3;
    padding-top: 20px;
    margin-top: 40px;
}

.social-share p {
    color: #2970B7;
    text-align: center;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.social-share .logos {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 35px;
}

.social-share a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

/* Contenido del Post */
.post-content {
    width: 100%;
    max-width: 1200px;
    color: #193D62;
    font-family: Urbanist;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* Estilo para la fecha de publicación */
.post-date {
    color: #193D62;
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 20px;
}

.post-date time {
    display: inline-block;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/* Imagen principal del post */
.post-image {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 80px;
}

/* Imagen del post sin opacidad */
.post-image .post-main-image img {
    width: 100%;
    max-width: 1200px;
    height: auto;
    display: block;
}

/* Imagen de Cabecera - Fondo fullwidth */
.post-header {
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    height: 575px;
    overflow: hidden;
}

/* La imagen se posiciona de forma absoluta para que se extienda a lo ancho de la ventana */
.post-thumbnail img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    object-fit: cover;
    opacity: 0.3;
}


/* Contenedor interno para limitar a 1200px */
.container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* Título del Post dentro del contenedor limitado */
.post-title {
    margin: 0;
    color: #193D62;
    font-family: Urbanist, sans-serif;
    font-size: 65px;
    font-weight: 700;
    line-height: 62px;
    text-transform: uppercase;
    padding-bottom: 70px;
    text-align: left;
}