/*
Theme Name:   MediCenter Child
Theme URI: https://1.envato.market/medicenter-responsive-medical-wordpress-theme
Description:  MediCenter Child Theme
Author: QuanticaLabs
Author URI: https://1.envato.market/quanticalabs
Template:     medicenter
Version:      1.2
Text Domain:  medicenter
*/


/* ==================================================
   CONTENEDOR GENERAL DEL MENÚ
================================================== */
h2{
	color: #17244d;
}

h3{
	color: #0754ad ;
}

.theme-page {
  padding-bottom: 0px;
}


#menu-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}



/* ==================================================
   ELEMENTOS DEL MENÚ
================================================== */

#menu-menu > li {
    display: flex;
    align-items: center;
    position: relative;

    margin: 0;
    padding: 0;

    background: transparent !important;
}


/* ==================================================
   ENLACES NORMALES DEL MENÚ
================================================== */

#menu-menu > li:not(#menu-item-5043) > a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;

    min-height: 90px;
    padding: 0 16px;

    color: #17244d !important;
    background: transparent !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1.2;

    text-transform: none;
    text-decoration: none;

    border: 0 !important;
    box-shadow: none !important;

    transition:
        color 0.25s ease,
        opacity 0.25s ease;
}


/* ==================================================
   MENÚ ACTIVO
   MISMO COLOR + LÍNEA INFERIOR
================================================== */

#menu-menu > li:not(#menu-item-5043).current-menu-item > a,
#menu-menu > li:not(#menu-item-5043).current_page_item > a,
#menu-menu > li:not(#menu-item-5043).current-menu-ancestor > a,
#menu-menu > li:not(#menu-item-5043).current_page_ancestor > a {
    color: #17244d !important;
    background: transparent !important;
}


/* Línea inferior del elemento activo */

#menu-menu > li:not(#menu-item-5043).current-menu-item > a::after,
#menu-menu > li:not(#menu-item-5043).current_page_item > a::after,
#menu-menu > li:not(#menu-item-5043).current-menu-ancestor > a::after,
#menu-menu > li:not(#menu-item-5043).current_page_ancestor > a::after {
    content: "" !important;

    display: block !important;
    position: absolute !important;

    left: 16px;
    right: 16px;
    bottom: 20px;

    width: auto !important;
    height: 3px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #0b4fa3 !important;
    border-radius: 3px;

    opacity: 1 !important;
    visibility: visible !important;
}


/* ==================================================
   HOVER DEL MENÚ NORMAL
================================================== */

#menu-menu > li:not(#menu-item-5043) > a:hover,
#menu-menu > li:not(#menu-item-5043):hover > a {
    color: #17244d !important;
    background: transparent !important;
    opacity: 0.72;
}


/* ==================================================
   BOTÓN AGENDAR CITA
================================================== */

#menu-menu > li#menu-item-5043 {
    display: flex !important;
    align-items: center !important;

    margin-left: 18px !important;
    padding: 0 !important;

    background: transparent !important;
}


/* Siempre mantiene el degradado */

#menu-menu > li#menu-item-5043 > a,
#menu-menu > li#menu-item-5043.current-menu-item > a,
#menu-menu > li#menu-item-5043.current_page_item > a,
#menu-menu > li#menu-item-5043.current-menu-ancestor > a,
#menu-menu > li#menu-item-5043.current_page_ancestor > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: 48px !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 0 24px !important;

    color: #ffffff !important;

    background-color: #0754ad !important;
    background-image: linear-gradient(
        90deg,
        #0754ad 0%,
        #174fae 48%,
        #a328ae 100%
    ) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;

    border: none !important;
    border-radius: 30px !important;
    box-shadow: none !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap !important;

    opacity: 1 !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease !important;
}


/* ==================================================
   HOVER DEL BOTÓN
================================================== */

#menu-menu > li#menu-item-5043 > a:hover,
#menu-menu > li#menu-item-5043.current-menu-item > a:hover,
#menu-menu > li#menu-item-5043.current_page_item > a:hover {
    color: #ffffff !important;

    background-color: #0754ad !important;
    background-image: linear-gradient(
        90deg,
        #0754ad 0%,
        #174fae 48%,
        #a328ae 100%
    ) !important;

    transform: translateY(-1px) !important;
    box-shadow: 0 6px 14px rgba(18, 66, 151, 0.24) !important;
}


/* ==================================================
   ICONO DE CALENDARIO
================================================== */

#menu-menu > li#menu-item-5043 > a::after {
    content: "\1F4C5" !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: static !important;

    width: auto !important;
    height: auto !important;

    margin: 0 0 0 10px !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    font-size: 16px !important;
    line-height: 1 !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* Evita decoraciones adicionales del tema */

#menu-menu > li#menu-item-5043 > a::before {
    content: none !important;
    display: none !important;
}


/* ==================================================
   PANTALLAS MEDIANAS
================================================== */

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

    #menu-menu > li:not(#menu-item-5043) > a {
        padding-left: 10px !important;
        padding-right: 10px !important;

        font-size: 14px !important;
    }

    #menu-menu > li:not(#menu-item-5043).current-menu-item > a::after,
    #menu-menu > li:not(#menu-item-5043).current_page_item > a::after,
    #menu-menu > li:not(#menu-item-5043).current-menu-ancestor > a::after,
    #menu-menu > li:not(#menu-item-5043).current_page_ancestor > a::after {
        left: 10px;
        right: 10px;
    }

    #menu-menu > li#menu-item-5043 {
        margin-left: 10px !important;
    }

    #menu-menu > li#menu-item-5043 > a {
        padding-left: 18px !important;
        padding-right: 18px !important;

        font-size: 14px !important;
    }

    .header .logo img,
    .header-container .logo img {
        max-width: 180px !important;
    }
}

.header-container{
	background-color: #FFF !important;
}

/* ==================================================
   HOME BOXES – PORTADA CRA
================================================== */

/* Permitir que las tarjetas sobresalgan del slider */
.home .vc_row,
.home .vc_column_container,
.home .vc_column-inner,
.home .wpb_wrapper {
    overflow: visible !important;
}

/* Seleccionar únicamente la lista que contiene los Home Box */
.home .wpb_wrapper > ul:has(> li.home-box-container) {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;

    position: relative !important;
    z-index: 999 !important;

    width: calc(100% - 40px) !important;
    max-width: 1350px !important;

    /*
     * Antes estaba en -78px y ocultaba los títulos.
     * -35px crea una superposición más segura.
     */
    margin: -35px auto 0 !important;
    padding: 0 !important;

    list-style: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}


/* ==================================================
   CONTENEDOR DE CADA TARJETA
================================================== */

.home .wpb_wrapper > ul:has(> li.home-box-container)
> li.home-box-container {
    display: flex !important;
    align-items: stretch !important;

    flex: 1 1 33.333% !important;
    width: 33.333% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    background: transparent !important;

    opacity: 1 !important;
    visibility: visible !important;

    animation: none !important;
    transition: none !important;
    transform: none !important;

    overflow: visible !important;
    box-sizing: border-box !important;
}


/* ==================================================
   CAJA INTERIOR
================================================== */

.home .home-box-container .home-box {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;

    position: relative !important;

    width: 100% !important;
    min-height: 215px !important;

    margin: 0 !important;
    padding: 30px 38px 28px !important;

    background: #ffffff !important;

    border: 1px solid #e8edf4 !important;
    border-radius: 0 !important;

    box-shadow: 0 10px 28px rgba(19, 42, 85, 0.12) !important;

    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;

    box-sizing: border-box !important;
}


/* Primera tarjeta */
.home .home-box-container:nth-child(1) .home-box {
    border-radius: 6px 0 0 6px !important;
}


/* Tarjeta central */
.home .home-box-container:nth-child(2) .home-box {
    z-index: 2 !important;

    background-color: #0754ad !important;
    background-image: linear-gradient(
        135deg,
        #0754ad 0%,
        #1555ae 55%,
        #1b4b9e 100%
    ) !important;

    border-color: transparent !important;

    box-shadow: 0 14px 34px rgba(7, 84, 173, 0.25) !important;
}


/* Tercera tarjeta */
.home .home-box-container:nth-child(3) .home-box {
    border-radius: 0 6px 6px 0 !important;
}


/* ==================================================
   TÍTULOS
================================================== */

.home .home-box-container .home-box > h2 {
    display: block !important;
    position: relative !important;
    z-index: 5 !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;
    min-height: 28px !important;

    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #17244d !important;
    background: transparent !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: left !important;
    text-transform: none !important;
    text-indent: 0 !important;
    white-space: normal !important;

    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;

    transform: none !important;
    animation: none !important;
}


/* Título central blanco */
.home .home-box-container:nth-child(2) .home-box > h2 {
    color: #ffffff !important;
}


/* ==================================================
   CONTENIDO
================================================== */

.home .home-box-container .home-box .news {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;

    position: relative !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    box-sizing: border-box !important;
}


/* Texto descriptivo */
.home .home-box-container .home-box .text {
    display: block !important;
    flex: 1 1 auto !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 0 22px !important;
    padding: 0 !important;

    color: #425371 !important;
    background: transparent !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
}


/* Texto de la tarjeta azul */
.home .home-box-container:nth-child(2) .home-box .text {
    color: rgba(255, 255, 255, 0.95) !important;
}


/* ==================================================
   ENLACES
================================================== */

.home .home-box-container .mc-button.more {
    display: inline-flex !important;
    align-items: center !important;

    width: fit-content !important;
    max-width: 100% !important;

    margin: auto 0 0 !important;
    padding: 0 !important;

    color: #0754ad !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-decoration: none !important;
    text-transform: none !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* Separación de la flecha */
.home .home-box-container .mc-button.more::after {
    margin-left: 10px !important;
}


/* Botón central */
.home .home-box-container:nth-child(2) .mc-button.more {
    padding: 12px 22px !important;

    color: #0754ad !important;
    background: #ffffff !important;

    border-radius: 28px !important;
}


/* Hover tarjetas laterales */
.home .home-box-container:nth-child(1) .mc-button.more:hover,
.home .home-box-container:nth-child(3) .mc-button.more:hover {
    color: #a328ae !important;
}


/* Hover botón central */
.home .home-box-container:nth-child(2) .mc-button.more:hover {
    color: #ffffff !important;

    background-image: linear-gradient(
        90deg,
        #0754ad 0%,
        #174fae 48%,
        #a328ae 100%
    ) !important;
}


/* ==================================================
   ANULAR ANIMACIONES DE MEDICENTER
================================================== */

.home li.home-box-container.animated-element,
.home li.home-box-container.animation-fadeIn,
.home li.home-box-container.animation-slideRight,
.home li.home-box-container.animation-slideRight200,
.home li.home-box-container.fadeIn,
.home li.home-box-container.slideRight,
.home li.home-box-container.slideRight200 {
    opacity: 1 !important;
    visibility: visible !important;

    animation: none !important;
    animation-name: none !important;
    animation-duration: 0s !important;
    animation-delay: 0s !important;

    transition: none !important;
    transform: none !important;
}


/* ==================================================
   TABLET
================================================== */

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

    .home .wpb_wrapper > ul:has(> li.home-box-container) {
        width: calc(100% - 30px) !important;
        margin-top: -25px !important;
    }

    .home .home-box-container .home-box {
        min-height: 220px !important;
        padding: 25px 22px !important;
    }

    .home .home-box-container .home-box > h2 {
        font-size: 18px !important;
    }

    .home .home-box-container .home-box .text {
        font-size: 14px !important;
    }

    .home .home-box-container .mc-button.more {
        font-size: 13px !important;
    }
}


/* ==================================================
   MÓVIL
================================================== */

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

    .home .wpb_wrapper > ul:has(> li.home-box-container) {
        display: block !important;

        width: auto !important;
        max-width: none !important;

        margin: 24px 15px 0 !important;
        padding: 0 !important;
    }

    .home .wpb_wrapper > ul:has(> li.home-box-container)
    > li.home-box-container {
        display: block !important;

        width: 100% !important;
        min-height: 0 !important;

        margin: 0 0 16px !important;
    }

    .home .home-box-container .home-box,
    .home .home-box-container:nth-child(1) .home-box,
    .home .home-box-container:nth-child(2) .home-box,
    .home .home-box-container:nth-child(3) .home-box {
        min-height: 0 !important;
        padding: 25px 24px !important;

        border-radius: 6px !important;
    }

    .home .home-box-container .home-box > h2 {
        font-size: 19px !important;
    }
}

/* ==================================================
   HOME BOXES CRA — DISEÑO CON ÍCONOS
================================================== */

/* Lista principal de tarjetas */
.home .wpb_wrapper > ul:has(> li.home-box-container) {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 8px !important;

    position: relative !important;
    z-index: 100 !important;

    width: calc(100% - 40px) !important;
    max-width: 1220px !important;

    margin: -55px auto 0 !important;
    padding: 0 !important;

    list-style: none !important;
    overflow: visible !important;
}


/* Cada contenedor */
.home .wpb_wrapper > ul:has(> li.home-box-container)
> li.home-box-container {
    display: flex !important;
    flex: 1 1 33.333% !important;

    width: 33.333% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* ==================================================
   ESTRUCTURA INTERNA DE LA TARJETA
================================================== */

.home .home-box-container .home-box {
    display: grid !important;

    grid-template-columns: 68px minmax(0, 1fr) !important;
    grid-template-rows: auto 1fr !important;
    column-gap: 20px !important;

    position: relative !important;

    width: 100% !important;
    min-height: 180px !important;

    margin: 0 !important;
    padding: 30px 28px !important;

    background: #ffffff !important;
    border: 1px solid #e7ebf2 !important;
    border-radius: 5px !important;

    box-shadow:
        0 9px 25px rgba(24, 48, 92, 0.14) !important;

    box-sizing: border-box !important;
    overflow: visible !important;
}


/* Tarjeta central azul */
.home .home-box-container:nth-child(2) .home-box {
    background-color: #0754ad !important;

    background-image: linear-gradient(
        135deg,
        #064b9f 0%,
        #0754ad 55%,
        #174999 100%
    ) !important;

    border-color: transparent !important;

    box-shadow:
        0 12px 30px rgba(7, 84, 173, 0.28) !important;
}


/* ==================================================
   ÍCONOS PRINCIPALES
================================================== */

.home .home-box-container .home-box::before {
    content: "" !important;

    display: block !important;

    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;

    align-self: start !important;

    width: 60px !important;
    height: 60px !important;

    margin-top: 3px !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}


/* Ícono: Atención Especializada */
.home .home-box-container:nth-child(1) .home-box::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%230754ad' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='25' cy='18' r='8'/%3E%3Cpath d='M10 48v-7c0-8 6-14 15-14s15 6 15 14v7'/%3E%3Ccircle cx='43' cy='22' r='7'/%3E%3Cpath d='M38 31c2-1 4-2 7-2 8 0 13 6 13 13v6'/%3E%3Cpath d='M18 34v7M32 34v7'/%3E%3C/svg%3E") !important;
}


/* Ícono: Atención 24/7 */
.home .home-box-container:nth-child(2) .home-box::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 11l10 11-6 7c4 8 9 13 17 17l7-6 11 10-6 7c-3 3-8 3-12 1-15-7-25-17-32-32-2-4-2-9 1-12l10-3z'/%3E%3Ccircle cx='44' cy='18' r='13'/%3E%3Ctext x='34' y='22' fill='%23ffffff' stroke='none' font-size='11' font-family='Arial' font-weight='700'%3E24%3C/text%3E%3C/svg%3E") !important;
}


/* Ícono: Agenda tu cita */
.home .home-box-container:nth-child(3) .home-box::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%230754ad' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='14' width='46' height='41' rx='4'/%3E%3Cpath d='M9 25h46M20 8v12M44 8v12'/%3E%3Ccircle cx='21' cy='35' r='1.5' fill='%230754ad'/%3E%3Ccircle cx='32' cy='35' r='1.5' fill='%230754ad'/%3E%3Ccircle cx='43' cy='35' r='1.5' fill='%230754ad'/%3E%3Ccircle cx='21' cy='45' r='1.5' fill='%230754ad'/%3E%3Ccircle cx='32' cy='45' r='1.5' fill='%230754ad'/%3E%3Ccircle cx='43' cy='45' r='1.5' fill='%230754ad'/%3E%3C/svg%3E") !important;
}


/* ==================================================
   TÍTULOS
================================================== */

.home .home-box-container .home-box > h2 {
    display: block !important;

    grid-column: 2 !important;
    grid-row: 1 !important;

    position: relative !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    color: #17244d !important;
    background: transparent !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-align: left !important;
    text-transform: none !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* Título blanco en la tarjeta central */
.home .home-box-container:nth-child(2) .home-box > h2 {
    color: #ffffff !important;
}


/* ==================================================
   CONTENIDO
================================================== */

.home .home-box-container .home-box .news {
    display: flex !important;
    flex-direction: column !important;

    grid-column: 2 !important;
    grid-row: 2 !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Texto descriptivo */
.home .home-box-container .home-box .text {
    display: block !important;
    flex: 1 1 auto !important;

    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #425371 !important;
    background: transparent !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* Texto blanco en la tarjeta central */
.home .home-box-container:nth-child(2) .home-box .text {
    color: rgba(255, 255, 255, 0.95) !important;
}


/* ==================================================
   ENLACES Y BOTÓN
================================================== */

.home .home-box-container .mc-button.more {
    display: inline-flex !important;
    align-items: center !important;

    width: fit-content !important;
    max-width: 100% !important;

    margin: auto 0 0 !important;
    padding: 0 !important;

    color: #0754ad !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-decoration: none !important;
    text-transform: none !important;
}


/* Flecha de los enlaces */
.home .home-box-container .mc-button.more::after {
    margin-left: 9px !important;
}


/* Botón blanco central */
.home .home-box-container:nth-child(2) .mc-button.more {
    padding: 11px 18px !important;

    color: #0754ad !important;
    background: #ffffff !important;

    border-radius: 28px !important;

    white-space: nowrap !important;
}


/* Ícono telefónico del botón central */
.home .home-box-container:nth-child(2) .mc-button.more::before {
    content: "" !important;

    display: inline-block !important;

    width: 16px !important;
    height: 16px !important;

    margin-right: 8px !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230754ad' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.69 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.33 1.84.56 2.8.69A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}


/* Hover de enlaces laterales */
.home .home-box-container:nth-child(1) .mc-button.more:hover,
.home .home-box-container:nth-child(3) .mc-button.more:hover {
    color: #a328ae !important;
}


/* Hover botón central */
.home .home-box-container:nth-child(2) .mc-button.more:hover {
    color: #ffffff !important;

    background-image: linear-gradient(
        90deg,
        #0754ad 0%,
        #174fae 50%,
        #a328ae 100%
    ) !important;
}


/* ==================================================
   DESACTIVAR ANIMACIONES NATIVAS
================================================== */

.home li.home-box-container.animated-element,
.home li.home-box-container.animation-fadeIn,
.home li.home-box-container.animation-slideRight,
.home li.home-box-container.animation-slideRight200,
.home li.home-box-container.fadeIn,
.home li.home-box-container.slideRight,
.home li.home-box-container.slideRight200 {
    opacity: 1 !important;
    visibility: visible !important;

    animation: none !important;
    animation-name: none !important;

    transition: none !important;
    transform: none !important;
}


/* ==================================================
   TABLET
================================================== */

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

    .home .wpb_wrapper > ul:has(> li.home-box-container) {
        width: calc(100% - 30px) !important;
        margin-top: -35px !important;
    }

    .home .home-box-container .home-box {
        grid-template-columns: 52px minmax(0, 1fr) !important;
        column-gap: 14px !important;

        min-height: 195px !important;

        padding: 24px 18px !important;
    }

    .home .home-box-container .home-box::before {
        width: 48px !important;
        height: 48px !important;
    }

    .home .home-box-container .home-box > h2 {
        font-size: 16px !important;
    }

    .home .home-box-container .home-box .text {
        font-size: 13px !important;
    }

    .home .home-box-container .mc-button.more {
        font-size: 12px !important;
    }
}


/* ==================================================
   MÓVIL
================================================== */

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

    .home .wpb_wrapper > ul:has(> li.home-box-container) {
        display: block !important;

        width: auto !important;

        margin: 24px 15px 0 !important;
    }

    .home .wpb_wrapper > ul:has(> li.home-box-container)
    > li.home-box-container {
        display: block !important;

        width: 100% !important;

        margin-bottom: 16px !important;
    }

    .home .home-box-container .home-box {
        grid-template-columns: 58px minmax(0, 1fr) !important;
        column-gap: 16px !important;

        min-height: 0 !important;

        padding: 24px !important;

        border-radius: 6px !important;
    }

    .home .home-box-container .home-box::before {
        width: 52px !important;
        height: 52px !important;
    }

    .home .home-box-container .home-box > h2 {
        font-size: 18px !important;
    }

    .home .home-box-container .home-box .text {
        font-size: 14px !important;
    }
}


/* ==================================================
   SECCIÓN NUESTRA FILOSOFÍA – CRA
   Fila WPBakery: vc_custom_1784578796261
================================================== */


/* ==================================================
   ESTRUCTURA GENERAL
   Conserva las columnas y espacios originales
   de WPBakery
================================================== */

.home .vc_custom_1784578796261 {
    position: relative !important;

    width: 100% !important;
    max-width: 1240px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
    overflow: visible !important;
}

/*
 * No se modifican:
 * - width: 50% de vc_col-sm-6
 * - padding de las columnas
 * - gutters originales de WPBakery
 */
.home .vc_custom_1784578796261 > .wpb_column {
    box-sizing: border-box !important;
}


/* Alinear verticalmente las columnas en escritorio */
@media screen and (min-width: 768px) {

    .home .vc_custom_1784578796261 {
        display: flex !important;
        align-items: center !important;
    }

    .home .vc_custom_1784578796261 > .wpb_column {
        float: none !important;
    }
}


/* ==================================================
   COLUMNA IZQUIERDA: COMPOSICIÓN DE IMÁGENES
================================================== */

.home .vc_custom_1784578796261
> .wpb_column:first-child
> .wpb_wrapper {
    position: relative !important;

    width: 100% !important;
    min-height: 525px !important;

    overflow: visible !important;
}


/* Quitar únicamente los márgenes de cada imagen */
.home .vc_custom_1784578796261
> .wpb_column:first-child
.wpb_single_image {
    margin: 0 !important;
}


/* Figuras y wrappers */
.home .vc_custom_1784578796261
> .wpb_column:first-child
.wpb_single_image figure,
.home .vc_custom_1784578796261
> .wpb_column:first-child
.vc_single_image-wrapper {
    display: block !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
}


/* ==================================================
   IMAGEN PRINCIPAL — TAMAÑO ORIGINAL 450 × 300
================================================== */

.home .vc_custom_1784578796261
> .wpb_column:first-child
.wpb_single_image:nth-child(1) {
    position: absolute !important;

    top: 0 !important;
    left: 70px !important;

    z-index: 2 !important;

    width: 450px !important;
    height: 300px !important;
}


.home .vc_custom_1784578796261
> .wpb_column:first-child
.wpb_single_image:nth-child(1) img {
    display: block !important;

    width: 450px !important;
    height: 300px !important;
    max-width: none !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 6px !important;

    box-shadow:
        0 8px 24px rgba(19, 42, 85, 0.10) !important;
}


/* ==================================================
   IMAGEN INFERIOR IZQUIERDA — 320 × 215
================================================== */

.home .vc_custom_1784578796261
> .wpb_column:first-child
.wpb_single_image:nth-child(2) {
    position: absolute !important;

    top: 250px !important;
    left: 0 !important;

    z-index: 4 !important;

    width: 320px !important;
    height: 215px !important;
}


.home .vc_custom_1784578796261
> .wpb_column:first-child
.wpb_single_image:nth-child(2) img {
    display: block !important;

    width: 320px !important;
    height: 215px !important;
    max-width: none !important;

    object-fit: cover !important;
    object-position: center !important;
    border-radius: 6px !important;

    box-shadow:
        0 10px 26px rgba(19, 42, 85, 0.16) !important;

    box-sizing: border-box !important;
}


/* ==================================================
   IMAGEN INFERIOR DERECHA — 300 × 200
================================================== */

.home .vc_custom_1784578796261
> .wpb_column:first-child
.wpb_single_image:nth-child(3) {
    position: absolute !important;

    top: 320px !important;
    left: 285px !important;

    z-index: 3 !important;

    width: 300px !important;
    height: 200px !important;
}


.home .vc_custom_1784578796261
> .wpb_column:first-child
.wpb_single_image:nth-child(3) img {
    display: block !important;

    width: 300px !important;
    height: 200px !important;
    max-width: none !important;

    object-fit: cover !important;
    object-position: center !important;
    border-radius: 6px !important;

    box-shadow:
        0 10px 26px rgba(19, 42, 85, 0.16) !important;

    box-sizing: border-box !important;
}


/* ==================================================
   PUNTOS DECORATIVOS
================================================== */

.home .vc_custom_1784578796261
> .wpb_column:first-child
> .wpb_wrapper::before {
    content: "" !important;

    position: absolute !important;

    top: 18px !important;
    left: 5px !important;

    z-index: 1 !important;

    width: 105px !important;
    height: 130px !important;

    background-image: radial-gradient(
        circle,
        #0754ad 2px,
        transparent 2.5px
    ) !important;

    background-size: 13px 13px !important;
    background-position: 0 0 !important;

    opacity: 0.75 !important;
}


/* ==================================================
   COLUMNA DERECHA
   Se conservan sus espacios originales
================================================== */

.home .vc_custom_1784578796261
> .wpb_column:last-child
> .wpb_wrapper {
    width: 100% !important;
}


/* ==================================================
   SUBTÍTULO
================================================== */

.home .vc_custom_1784578796261
> .wpb_column:last-child
> .wpb_wrapper
> h3.box-header {
    display: block !important;

    margin: 0 0 13px !important;
    padding: 0 !important;

    color: #0754ad !important;
    background: transparent !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    letter-spacing: 0.2px !important;
    text-align: left !important;
    text-transform: uppercase !important;
}


/* Quitar líneas decorativas del tema */
.home .vc_custom_1784578796261
> .wpb_column:last-child
> .wpb_wrapper
> h3.box-header::before,
.home .vc_custom_1784578796261
> .wpb_column:last-child
> .wpb_wrapper
> h3.box-header::after {
    content: none !important;
    display: none !important;
}


/* ==================================================
   TÍTULO PRINCIPAL
================================================== */

.home .vc_custom_1784578796261
> .wpb_column:last-child
> .wpb_wrapper
> h2.box-header.large {
    display: block !important;

    margin: 0 0 17px !important;
    padding: 0 !important;

    color: #17244d !important;
    background: transparent !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 1.16 !important;

    letter-spacing: -0.4px !important;
    text-align: left !important;
    text-transform: none !important;
}


.home .vc_custom_1784578796261
> .wpb_column:last-child
> .wpb_wrapper
> h2.box-header::before,
.home .vc_custom_1784578796261
> .wpb_column:last-child
> .wpb_wrapper
> h2.box-header::after {
    content: none !important;
    display: none !important;
}


/* ==================================================
   TEXTO INTRODUCTORIO
================================================== */

.home .vc_custom_1784578796261
.wpb_text_column.large {
    margin: 0 0 30px !important;
}


.home .vc_custom_1784578796261
.wpb_text_column.large p {
    width: 100% !important;
    max-width: 590px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #455573 !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}


/* ==================================================
   FILA INTERNA DE BENEFICIOS
   Conserva columnas originales de WPBakery
================================================== */

.home .vc_custom_1784578796261
.vc_inner {
    width: auto !important;

    margin-left: -15px !important;
    margin-right: -15px !important;
}


/*
 * No cambiamos el ancho ni los paddings originales
 * de las columnas internas vc_col-sm-6.
 */
.home .vc_custom_1784578796261
.vc_inner > .wpb_column {
    box-sizing: border-box !important;
}


.home .vc_custom_1784578796261
.vc_inner > .wpb_column
> .vc_column-inner {
    box-sizing: border-box !important;
}


/* ==================================================
   LISTAS DE BENEFICIOS
================================================== */

.home .vc_custom_1784578796261
.mc-features {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* Cada beneficio */
.home .vc_custom_1784578796261
.mc-features > li.item-content {
    display: grid !important;

    grid-template-columns: 54px minmax(0, 1fr) !important;
    column-gap: 15px !important;
    align-items: start !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 105px !important;

    margin: 0 0 27px !important;
    padding: 0 !important;

    list-style: none !important;

    box-sizing: border-box !important;
}


.home .vc_custom_1784578796261
.mc-features > li.item-content:last-child {
    margin-bottom: 0 !important;
}


/* ==================================================
   ÍCONOS
   Conserva las animaciones de MediCenter
================================================== */

.home .vc_custom_1784578796261
.mc-features .hexagon {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;

    position: relative !important;
    float: none !important;

    grid-column: 1 !important;

    width: 50px !important;
    height: 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #0754ad !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-sizing: border-box !important;
}


/* Quitar hexágono decorativo, sin tocar animation */
.home .vc_custom_1784578796261
.mc-features .hexagon::before,
.home .vc_custom_1784578796261
.mc-features .hexagon::after {
    content: none !important;
    display: none !important;
}


/* Icono interior */
.home .vc_custom_1784578796261
.mc-features .hexagon > span {
    display: block !important;
    position: static !important;

    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #0754ad !important;

    font-size: 44px !important;
    line-height: 48px !important;
}


/* ==================================================
   TEXTO DE LOS BENEFICIOS
================================================== */

.home .vc_custom_1784578796261
.mc-features .item-content > .text {
    display: block !important;

    grid-column: 2 !important;

    float: none !important;
    clear: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Título */
.home .vc_custom_1784578796261
.mc-features .text h3 {
    display: block !important;

    width: 100% !important;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #17244d !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: left !important;
    text-transform: none !important;
    white-space: normal !important;
}


.home .vc_custom_1784578796261
.mc-features .text h3 span {
    display: inline !important;

    color: inherit !important;

    font: inherit !important;
    line-height: inherit !important;
}


/* Descripción */
.home .vc_custom_1784578796261
.mc-features .text p {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #526079 !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.52 !important;

    text-align: left !important;
    white-space: normal !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
}


/* ==================================================
   BOTÓN CONÓCENOS MÁS
================================================== */

.home .vc_custom_1784578796261
.vc_btn3-container {
    margin: 28px 0 0 !important;
}


.home .vc_custom_1784578796261
.vc_btn3 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 145px !important;
    min-height: 46px !important;

    margin: 0 !important;
    padding: 0 22px !important;

    color: #ffffff !important;

    background-color: #0754ad !important;
    background-image: linear-gradient(
        90deg,
        #0754ad 0%,
        #174fae 52%,
        #a328ae 100%
    ) !important;

    border: 0 !important;
    border-radius: 26px !important;

    box-shadow: none !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    text-transform: none !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}


.home .vc_custom_1784578796261
.vc_btn3::after {
    content: "→" !important;

    display: inline-block !important;

    margin-left: 10px !important;

    color: #ffffff !important;

    font-size: 17px !important;
    line-height: 1 !important;
}


.home .vc_custom_1784578796261
.vc_btn3:hover {
    color: #ffffff !important;

    background-image: linear-gradient(
        90deg,
        #064999 0%,
        #144596 52%,
        #90239a 100%
    ) !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 8px 20px rgba(7, 84, 173, 0.24) !important;
}


/* ==================================================
   NOTEBOOK / PANTALLAS MEDIANAS
================================================== */

@media screen and (min-width: 1025px) and (max-width: 1250px) {

    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    > .wpb_wrapper {
        min-height: 500px !important;
    }

    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    .wpb_single_image:nth-child(1) {
        left: 35px !important;
    }

    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    .wpb_single_image:nth-child(3) {
        left: 255px !important;
    }
}


/* ==================================================
   TABLET
================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    .home .vc_custom_1784578796261 {
        padding-top: 65px !important;
        padding-bottom: 70px !important;
    }

    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    > .wpb_wrapper {
        min-height: 420px !important;
    }

    /* Las imágenes deben reducirse en tablet */
    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    .wpb_single_image:nth-child(1) {
        left: 25px !important;

        width: 300px !important;
        height: 200px !important;
    }

    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    .wpb_single_image:nth-child(1) img {
        width: 300px !important;
        height: 200px !important;
    }

    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    .wpb_single_image:nth-child(2) {
        top: 175px !important;
        left: 0 !important;

        width: 215px !important;
        height: 145px !important;
    }

    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    .wpb_single_image:nth-child(2) img {
        width: 215px !important;
        height: 145px !important;
    }

    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    .wpb_single_image:nth-child(3) {
        top: 225px !important;
        left: 190px !important;

        width: 190px !important;
        height: 127px !important;
    }

    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    .wpb_single_image:nth-child(3) img {
        width: 190px !important;
        height: 127px !important;
    }

    .home .vc_custom_1784578796261
    > .wpb_column:last-child
    > .wpb_wrapper
    > h2.box-header.large {
        font-size: 30px !important;
    }

    .home .vc_custom_1784578796261
    .mc-features > li.item-content {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        column-gap: 10px !important;
    }

    .home .vc_custom_1784578796261
    .mc-features .hexagon {
        width: 41px !important;
        height: 41px !important;
    }

    .home .vc_custom_1784578796261
    .mc-features .hexagon > span {
        width: 41px !important;
        height: 41px !important;

        font-size: 38px !important;
        line-height: 41px !important;
    }

    .home .vc_custom_1784578796261
    .mc-features .text h3 {
        font-size: 14px !important;
    }

    .home .vc_custom_1784578796261
    .mc-features .text p {
        font-size: 13px !important;
    }
}


/* ==================================================
   MÓVIL
================================================== */

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

    .home .vc_custom_1784578796261 {
        display: block !important;

        padding-top: 50px !important;
        padding-bottom: 55px !important;
    }

    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    > .wpb_wrapper {
        min-height: 400px !important;
        margin-bottom: 35px !important;
    }


    /* Imagen principal responsive */
    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    .wpb_single_image:nth-child(1) {
        top: 0 !important;
        left: 10% !important;

        width: 80% !important;
        height: auto !important;
    }

    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    .wpb_single_image:nth-child(1) img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }


    /* Imagen inferior izquierda */
    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    .wpb_single_image:nth-child(2) {
        top: 220px !important;
        left: 0 !important;

        width: 49% !important;
        height: auto !important;
    }

    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    .wpb_single_image:nth-child(2) img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }


    /* Imagen inferior derecha */
    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    .wpb_single_image:nth-child(3) {
        top: 250px !important;
        left: auto !important;
        right: 0 !important;

        width: 47% !important;
        height: auto !important;
    }

    .home .vc_custom_1784578796261
    > .wpb_column:first-child
    .wpb_single_image:nth-child(3) img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }


    .home .vc_custom_1784578796261
    > .wpb_column:last-child
    > .wpb_wrapper
    > h2.box-header.large {
        font-size: 29px !important;
    }

    .home .vc_custom_1784578796261
    .wpb_text_column.large p {
        font-size: 14px !important;
    }


    /* Las columnas internas se apilan */
    .home .vc_custom_1784578796261
    .vc_inner {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .home .vc_custom_1784578796261
    .vc_inner > .wpb_column {
        width: 100% !important;
    }

    .home .vc_custom_1784578796261
    .vc_inner > .wpb_column:last-child {
        margin-top: 25px !important;
    }

    .home .vc_custom_1784578796261
    .mc-features > li.item-content {
        grid-template-columns: 52px minmax(0, 1fr) !important;
        column-gap: 16px !important;

        min-height: 0 !important;

        margin-bottom: 25px !important;
    }

    .home .vc_custom_1784578796261
    .mc-features .text h3 {
        font-size: 16px !important;
    }

    .home .vc_custom_1784578796261
    .mc-features .text p {
        font-size: 14px !important;
    }

    .home .vc_custom_1784578796261
    .vc_btn3-container {
        display: block !important;

        margin-top: 30px !important;
    }

    .home .vc_custom_1784578796261
    .vc_btn3 {
        width: 100% !important;

        box-sizing: border-box !important;
    }
}

/* ==========================================================
   SECCIÓN NUESTROS SERVICIOS – CRA
   Contenedor: vc_custom_1784655604364
========================================================== */


/* ==========================================================
   CONTENEDOR GENERAL
========================================================== */

.home .vc_custom_1784655604364 {
    position: relative !important;

    width: 100% !important;

    padding: 75px 30px 65px !important;

    background-color: #f7f9fc !important;
    background-image:
        radial-gradient(
            circle at center top,
            rgba(7, 84, 173, 0.045),
            transparent 58%
        ) !important;

    box-sizing: border-box !important;
    overflow: visible !important;
}


/* Ocultar la imagen placeholder */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .wpb_single_image.flex-hide {
    display: none !important;
}


/* Contenedor interior */
.home .vc_custom_1784655604364
> .wpb_wrapper {
    width: 100% !important;
    max-width: 1240px !important;

    margin: 0 auto !important;
}


/* ==========================================================
   ENCABEZADO DE LA SECCIÓN
========================================================== */

/* Primera fila interna: títulos */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_inner:first-of-type {
    margin: 0 0 34px !important;
}


/* Eliminar padding superior nativo */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_inner:first-of-type
.vc_column-inner {
    padding-top: 0 !important;
}


/* “NUESTROS SERVICIOS” */
.home .vc_custom_1784655604364
h3.box-header.large.align-center {
    display: block !important;

    margin: 0 0 9px !important;
    padding: 0 !important;

    color: #0754ad !important;
    background: transparent !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    letter-spacing: 0.25px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}


/* Quitar línea decorativa de MediCenter */
.home .vc_custom_1784655604364
h3.box-header.large.align-center::before,
.home .vc_custom_1784655604364
h3.box-header.large.align-center::after {
    display: none !important;
    content: none !important;
}


/* Título principal */
.home .vc_custom_1784655604364
h2.box-header.large.align-center {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #17244d !important;
    background: transparent !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;

    letter-spacing: -0.35px !important;
    text-align: center !important;
    text-transform: none !important;
}


/* Quitar decoraciones del título */
.home .vc_custom_1784655604364
h2.box-header.large.align-center::before,
.home .vc_custom_1784655604364
h2.box-header.large.align-center::after {
    display: none !important;
    content: none !important;
}


/* ==========================================================
   FILA DE SERVICIOS
========================================================== */

/*
 * La segunda fila interna contiene las tres columnas.
 * Cada columna conserva dos servicios.
 */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_inner:nth-of-type(2) {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;

    width: 100% !important;

    margin: 0 !important;
}


/* Las tres columnas de servicios */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_inner:nth-of-type(2)
> .wpb_column {
    display: flex !important;
    float: none !important;

    flex: 0 0 33.333333% !important;

    width: 33.333333% !important;
    max-width: 33.333333% !important;
    min-width: 0 !important;

    padding: 0 7px !important;

    box-sizing: border-box !important;
}


/* Quitar padding interno de WPBakery */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_inner:nth-of-type(2)
> .wpb_column
> .vc_column-inner {
    display: flex !important;

    width: 100% !important;

    padding: 0 !important;
}


/* Wrapper de cada columna */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_inner:nth-of-type(2)
> .wpb_column
> .vc_column-inner
> .wpb_wrapper {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
}


/* ==========================================================
   LISTA DE SERVICIOS
========================================================== */

.home .vc_custom_1784655604364
.mc-features {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* ==========================================================
   TARJETA INDIVIDUAL
========================================================== */

.home .vc_custom_1784655604364
.mc-features
> li.item-content {
    display: grid !important;

    grid-template-columns: 66px minmax(0, 1fr) !important;
    column-gap: 20px !important;
    align-items: start !important;

    position: relative !important;

    float: none !important;
    clear: both !important;

    flex: 1 1 0 !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 178px !important;

    margin: 0 !important;
    padding: 25px 23px !important;

    background: #ffffff !important;

    border: 1px solid rgba(20, 50, 96, 0.08) !important;
    border-radius: 5px !important;

    box-shadow:
        0 6px 18px rgba(17, 44, 88, 0.09) !important;

    list-style: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}


/* Hover de las tarjetas */
.home .vc_custom_1784655604364
.mc-features
> li.item-content:hover {
    transform: translateY(-4px) !important;

    border-color: rgba(7, 84, 173, 0.17) !important;

    box-shadow:
        0 13px 29px rgba(17, 44, 88, 0.14) !important;
}


/* ==========================================================
   ÍCONOS
   Se mantienen las animaciones originales de MediCenter
========================================================== */

.home .vc_custom_1784655604364
.mc-features
.hexagon {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;

    position: relative !important;
    float: none !important;

    grid-column: 1 !important;
    grid-row: 1 !important;

    width: 62px !important;
    height: 62px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #0754ad !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-sizing: border-box !important;
}


/* Eliminar forma hexagonal, pero no la animación */
.home .vc_custom_1784655604364
.mc-features
.hexagon::before,
.home .vc_custom_1784655604364
.mc-features
.hexagon::after {
    display: none !important;
    content: none !important;
}


/* Ícono interno */
.home .vc_custom_1784655604364
.mc-features
.hexagon > span {
    display: block !important;
    position: static !important;

    width: 58px !important;
    height: 58px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #0754ad !important;

    font-size: 54px !important;
    line-height: 58px !important;

    text-align: center !important;
}


/* Íconos que son enlaces */
.home .vc_custom_1784655604364
a.hexagon {
    text-decoration: none !important;
}


/* ==========================================================
   CONTENIDO DE CADA TARJETA
========================================================== */

.home .vc_custom_1784655604364
.mc-features
.item-content
> .text {
    display: flex !important;
    flex-direction: column !important;

    grid-column: 2 !important;
    grid-row: 1 !important;

    float: none !important;
    clear: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 128px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Título del servicio */
.home .vc_custom_1784655604364
.mc-features
.text
h3 {
    display: block !important;

    width: 100% !important;

    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #17244d !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;

    text-align: left !important;
    text-transform: none !important;
    white-space: normal !important;
}


/* Span del título */
.home .vc_custom_1784655604364
.mc-features
.text
h3 span {
    display: inline !important;

    color: inherit !important;

    font: inherit !important;
    line-height: inherit !important;
}


/* Descripción */
.home .vc_custom_1784655604364
.mc-features
.text
p {
    display: block !important;

    flex: 1 1 auto !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 0 13px !important;
    padding: 0 !important;

    color: #53617a !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.48 !important;

    text-align: left !important;
    white-space: normal !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
}


/* ==========================================================
   PIE Y ENLACE “VER MÁS”
========================================================== */

.home .vc_custom_1784655604364
.mc-features
.item-footer {
    display: block !important;

    float: none !important;
    clear: both !important;

    width: 100% !important;

    margin: auto 0 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}


/* Enlace */
.home .vc_custom_1784655604364
.mc-features
.item-footer
a.more {
    display: inline-flex !important;
    align-items: center !important;

    float: none !important;

    width: fit-content !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #0754ad !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    text-transform: none !important;

    transition: color 0.2s ease !important;
}


/*
 * Oculta visualmente “Read more” y lo reemplaza por “Ver más”.
 * Lo ideal sigue siendo cambiar el texto desde WordPress.
 */
.home .vc_custom_1784655604364
.mc-features
.item-footer
a.more {
    font-size: 0 !important;
}


.home .vc_custom_1784655604364
.mc-features
.item-footer
a.more::before {
    content: "Ver más" !important;

    display: inline-block !important;

    color: inherit !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}


/* Flecha nativa */
.home .vc_custom_1784655604364
.mc-features
.item-footer
a.more::after {
    margin-left: 9px !important;

    font-size: 15px !important;
}


/* Hover del enlace */
.home .vc_custom_1784655604364
.mc-features
.item-footer
a.more:hover {
    color: #a328ae !important;
}


/* ==========================================================
   CTA INFERIOR
========================================================== */

/* Última fila interna */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_inner:last-of-type {
    margin: 28px 0 0 !important;
}


/* Quitar padding interno innecesario */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_inner:last-of-type
.vc_column-inner {
    padding-top: 0 !important;
}


/* Tarjeta CTA */
.home .vc_custom_1784655604364
.cra-cta {
    display: grid !important;

    grid-template-columns: 58px minmax(0, 1fr) 220px !important;
    column-gap: 20px !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 820px !important;
    min-height: 82px !important;

    margin: 0 auto !important;
    padding: 15px 18px 15px 24px !important;

    background: #ffffff !important;

    border: 1px solid rgba(20, 50, 96, 0.08) !important;
    border-radius: 5px !important;

    box-shadow:
        0 7px 22px rgba(17, 44, 88, 0.10) !important;

    box-sizing: border-box !important;
}


/* Ícono calendario */
.home .vc_custom_1784655604364
.cra-cta-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 52px !important;
    height: 52px !important;

    color: #0754ad !important;

    font-size: 34px !important;
}


/* Font Awesome */
.home .vc_custom_1784655604364
.cra-cta-icon i {
    color: #0754ad !important;
    font-size: 34px !important;
}


/* Si Font Awesome no carga, dibujar calendario con CSS */
.home .vc_custom_1784655604364
.cra-cta-icon:empty::before {
    content: "▣" !important;

    color: #0754ad !important;

    font-size: 38px !important;
    line-height: 1 !important;
}


/* Contenido CTA */
.home .vc_custom_1784655604364
.cra-cta-content {
    min-width: 0 !important;
}


/* Título CTA */
.home .vc_custom_1784655604364
.cra-cta-content h3 {
    margin: 0 0 4px !important;
    padding: 0 !important;

    color: #17244d !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-transform: none !important;
}


/* Descripción CTA */
.home .vc_custom_1784655604364
.cra-cta-content p {
    margin: 0 !important;
    padding: 0 !important;

    color: #53617a !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}


/* Contenedor del botón */
.home .vc_custom_1784655604364
.cra-cta-button {
    display: flex !important;
    justify-content: flex-end !important;
}


/* Botón degradado */
.home .vc_custom_1784655604364
.cra-cta-button a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    min-height: 48px !important;

    padding: 0 20px 0 25px !important;

    color: #ffffff !important;

    background-color: #0754ad !important;
    background-image: linear-gradient(
        90deg,
        #0754ad 0%,
        #174fae 52%,
        #a328ae 100%
    ) !important;

    border: 0 !important;
    border-radius: 26px !important;

    box-shadow: none !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    white-space: nowrap !important;

    box-sizing: border-box !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}


/* Flecha del botón */
.home .vc_custom_1784655604364
.cra-cta-button a span {
    margin-left: 16px !important;

    color: #ffffff !important;

    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}


/* Hover */
.home .vc_custom_1784655604364
.cra-cta-button a:hover {
    color: #ffffff !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 8px 20px rgba(7, 84, 173, 0.24) !important;
}


/* ==========================================================
   NOTEBOOK / PANTALLAS MEDIANAS
========================================================== */

@media screen and (min-width: 1025px) and (max-width: 1250px) {

    .home .vc_custom_1784655604364 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .home .vc_custom_1784655604364
    .mc-features
    > li.item-content {
        grid-template-columns: 58px minmax(0, 1fr) !important;
        column-gap: 14px !important;

        padding: 23px 18px !important;
    }

    .home .vc_custom_1784655604364
    .mc-features
    .hexagon,
    .home .vc_custom_1784655604364
    .mc-features
    .hexagon > span {
        width: 54px !important;
        height: 54px !important;

        font-size: 49px !important;
        line-height: 54px !important;
    }

    .home .vc_custom_1784655604364
    .mc-features
    .text h3 {
        font-size: 15px !important;
    }

    .home .vc_custom_1784655604364
    .mc-features
    .text p {
        font-size: 12.5px !important;
    }
}


/* ==========================================================
   TABLET
========================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    .home .vc_custom_1784655604364 {
        padding: 60px 20px 55px !important;
    }

    .home .vc_custom_1784655604364
    h2.box-header.large.align-center {
        font-size: 30px !important;
    }

    /*
     * En tablet se muestran dos columnas.
     */
    .home .vc_custom_1784655604364
    > .wpb_wrapper
    > .vc_inner:nth-of-type(2) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .home .vc_custom_1784655604364
    > .wpb_wrapper
    > .vc_inner:nth-of-type(2)
    > .wpb_column {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;
    }

    .home .vc_custom_1784655604364
    > .wpb_wrapper
    > .vc_inner:nth-of-type(2)
    > .wpb_column:last-child {
        grid-column: 1 / -1 !important;
    }

    .home .vc_custom_1784655604364
    > .wpb_wrapper
    > .vc_inner:nth-of-type(2)
    > .wpb_column:last-child
    .mc-features {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .home .vc_custom_1784655604364
    .mc-features
    > li.item-content {
        min-height: 175px !important;
    }

    .home .vc_custom_1784655604364
    .cra-cta {
        grid-template-columns: 52px minmax(0, 1fr) 195px !important;

        max-width: 760px !important;
    }
}


/* ==========================================================
   MÓVIL
========================================================== */

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

    .home .vc_custom_1784655604364 {
        padding: 50px 15px 45px !important;
    }

    .home .vc_custom_1784655604364
    > .wpb_wrapper
    > .vc_inner:first-of-type {
        margin-bottom: 28px !important;
    }

    .home .vc_custom_1784655604364
    h2.box-header.large.align-center {
        font-size: 27px !important;
    }

    /* Una sola columna */
    .home .vc_custom_1784655604364
    > .wpb_wrapper
    > .vc_inner:nth-of-type(2) {
        display: block !important;
    }

    .home .vc_custom_1784655604364
    > .wpb_wrapper
    > .vc_inner:nth-of-type(2)
    > .wpb_column {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;
    }

    .home .vc_custom_1784655604364
    > .wpb_wrapper
    > .vc_inner:nth-of-type(2)
    > .wpb_column:not(:first-child) {
        margin-top: 14px !important;
    }

    .home .vc_custom_1784655604364
    .mc-features
    > li.item-content {
        grid-template-columns: 55px minmax(0, 1fr) !important;
        column-gap: 15px !important;

        min-height: 0 !important;

        padding: 23px 20px !important;
    }

    .home .vc_custom_1784655604364
    .mc-features
    .hexagon,
    .home .vc_custom_1784655604364
    .mc-features
    .hexagon > span {
        width: 50px !important;
        height: 50px !important;

        font-size: 46px !important;
        line-height: 50px !important;
    }

    .home .vc_custom_1784655604364
    .mc-features
    .item-content
    > .text {
        min-height: 0 !important;
    }

    .home .vc_custom_1784655604364
    .mc-features
    .text h3 {
        font-size: 16px !important;
    }

    .home .vc_custom_1784655604364
    .mc-features
    .text p {
        font-size: 13.5px !important;
    }


    /* CTA móvil */
    .home .vc_custom_1784655604364
    .cra-cta {
        display: grid !important;

        grid-template-columns: 48px minmax(0, 1fr) !important;
        row-gap: 16px !important;
        column-gap: 14px !important;

        padding: 20px !important;
    }

    .home .vc_custom_1784655604364
    .cra-cta-icon {
        width: 46px !important;
        height: 46px !important;
    }

    .home .vc_custom_1784655604364
    .cra-cta-button {
        grid-column: 1 / -1 !important;

        width: 100% !important;
    }

    .home .vc_custom_1784655604364
    .cra-cta-button a {
        width: 100% !important;
    }
}

/* ==========================================================
   CENTRADO REAL DEL ENCABEZADO DE SERVICIOS
   La fila del encabezado es el segundo hijo del wpb_wrapper
========================================================== */

/* Fila del título y subtítulo */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_row.vc_inner:nth-child(2) {
    display: block !important;
    float: none !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto 34px !important;
    padding: 0 !important;

    text-align: center !important;
}


/* Columna de 12 espacios */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_row.vc_inner:nth-child(2)
> .wpb_column {
    display: block !important;
    float: none !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center !important;
}


/* Contenedor interno de WPBakery */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_row.vc_inner:nth-child(2)
> .wpb_column
> .vc_column-inner {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center !important;
}


/* Wrapper que contiene los dos encabezados */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_row.vc_inner:nth-child(2)
.wpb_wrapper {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center !important;
}


/* Subtítulo: NUESTROS SERVICIOS */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_row.vc_inner:nth-child(2)
h3.box-header {
    display: block !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto 10px !important;
    padding: 0 !important;

    color: #0754ad !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-align: center !important;
    text-transform: uppercase !important;

    left: auto !important;
    right: auto !important;
    transform: none !important;
}


/* Título principal */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_row.vc_inner:nth-child(2)
h2.box-header {
    display: block !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: 760px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #17244d !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;

    text-align: center !important;
    text-transform: none !important;

    left: auto !important;
    right: auto !important;
    transform: none !important;
}


/* Quitar líneas decorativas de MediCenter */
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_row.vc_inner:nth-child(2)
h2.box-header::before,
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_row.vc_inner:nth-child(2)
h2.box-header::after,
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_row.vc_inner:nth-child(2)
h3.box-header::before,
.home .vc_custom_1784655604364
> .wpb_wrapper
> .vc_row.vc_inner:nth-child(2)
h3.box-header::after {
    content: none !important;
    display: none !important;
}

.home .vc_custom_1784655604364 .cra-cta-icon svg {
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    color: #0754ad !important;
}

/* ==========================================================
   ZONA INSTALACIONES + ¿POR QUÉ ELEGIRNOS?
   Fila principal: vc_custom_1784666159740

   Estructura principal:
   - Instalaciones: 66.6667%
   - Panel azul:    33.3333%

   Dentro de instalaciones:
   - Columna vacía: 10%
   - Texto:         45%
   - Carrusel:      45%
========================================================== */


/* ==========================================================
   1. FILA PRINCIPAL
========================================================== */

.home .vc_custom_1784666159740 {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;

    position: relative !important;

    width: 100% !important;
    max-width: none !important;
    min-height: 360px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
    overflow: visible !important;
}


/* Columnas principales */
.home .vc_custom_1784666159740 > .wpb_column {
    float: none !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   2. BLOQUE IZQUIERDO — 8/12
========================================================== */

.home .vc_custom_1784666159740
> .vc_custom_1784664437731 {
    display: flex !important;

    flex: 0 0 66.666667% !important;

    width: 66.666667% !important;
    max-width: 66.666667% !important;
    min-width: 0 !important;
    min-height: 360px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
    overflow: visible !important;
}


/* Wrapper principal izquierdo */
.home .vc_custom_1784664437731
> .wpb_wrapper {
    display: flex !important;

    position: relative !important;

    width: 100% !important;
    min-height: 360px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Ocultar la imagen placeholder */
.home .vc_custom_1784664437731
> .wpb_wrapper
> .wpb_single_image.flex-hide {
    display: none !important;
}


/* ==========================================================
   3. FILA INTERIOR DEL BLOQUE IZQUIERDO
========================================================== */

.home .vc_custom_1784664437731
> .wpb_wrapper
> .vc_row.vc_inner {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    min-height: 360px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Configuración general de las tres columnas */
.home .vc_custom_1784664437731
> .wpb_wrapper
> .vc_row.vc_inner
> .wpb_column {
    display: flex !important;
    align-items: center !important;

    float: none !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Column inner */
.home .vc_custom_1784664437731
.vc_column-inner {
    width: 100% !important;

    padding-top: 0 !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   4. COLUMNA VACÍA — 10%
========================================================== */

.home .vc_custom_1784664437731
> .wpb_wrapper
> .vc_row.vc_inner
> .wpb_column:nth-child(1) {
    flex: 0 0 10% !important;

    width: 10% !important;
    max-width: 10% !important;
    min-height: 360px !important;
}


/* ==========================================================
   5. COLUMNA DE TEXTO — 45%
========================================================== */

.home .vc_custom_1784664437731
> .wpb_wrapper
> .vc_row.vc_inner
> .wpb_column:nth-child(2) {
    flex: 0 0 45% !important;

    width: 45% !important;
    max-width: 45% !important;

    align-items: center !important;
}


/* Espaciado interno del texto */
.home .vc_custom_1784664437731
> .wpb_wrapper
> .vc_row.vc_inner
> .wpb_column:nth-child(2)
> .vc_column-inner {
    width: 100% !important;

    padding-left: 18px !important;
    padding-right: 28px !important;

    box-sizing: border-box !important;
}


/* Evitar margen superior grande de MediCenter */
.home .vc_custom_1784664437731
h3.page-margin-top-section {
    margin-top: 0 !important;
}


/* Subtítulo */
.home .vc_custom_1784664437731
h3.box-header {
    display: block !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    color: #0754ad !important;
    background: transparent !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    letter-spacing: 0.3px !important;
    text-align: left !important;
    text-transform: uppercase !important;
}


/* Título principal */
.home .vc_custom_1784664437731
h2.box-header {
    display: block !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: 340px !important;

    margin: 0 0 16px !important;
    padding: 0 !important;

    color: #17244d !important;
    background: transparent !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.16 !important;

    letter-spacing: -0.3px !important;
    text-align: left !important;
    text-transform: none !important;
}


/* Quitar decoraciones del tema */
.home .vc_custom_1784664437731
h3.box-header::before,
.home .vc_custom_1784664437731
h3.box-header::after,
.home .vc_custom_1784664437731
h2.box-header::before,
.home .vc_custom_1784664437731
h2.box-header::after {
    display: none !important;
    content: none !important;
}


/* Texto introductorio */
.home .vc_custom_1784664437731
.wpb_text_column.large {
    margin: 0 !important;
}


.home .vc_custom_1784664437731
.wpb_text_column.large p {
    width: 100% !important;
    max-width: 340px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #526079 !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;

    text-align: left !important;
}


/* Enlace visual inferior */
.home .vc_custom_1784664437731
> .wpb_wrapper
> .vc_row.vc_inner
> .wpb_column:nth-child(2)
> .vc_column-inner
> .wpb_wrapper::after {
    content: "Ver todas las instalaciones  →" !important;

    display: inline-block !important;

    margin-top: 21px !important;

    color: #0754ad !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}


/* ==========================================================
   6. COLUMNA DEL CARRUSEL — 45%
========================================================== */

.home .vc_custom_1784664437731
> .wpb_wrapper
> .vc_row.vc_inner
> .wpb_column:nth-child(3) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 45% !important;

    width: 45% !important;
    max-width: 45% !important;

    min-width: 0 !important;
}


/* Espaciado interno del carrusel */
.home .vc_custom_1784664437731
> .wpb_wrapper
> .vc_row.vc_inner
> .wpb_column:nth-child(3)
> .vc_column-inner {
    width: 100% !important;

    padding-left: 12px !important;
    padding-right: 28px !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   7. CARRUSEL
========================================================== */

.home .vc_custom_1784664437731
.wpb_images_carousel {
    position: relative !important;

    width: 100% !important;
    max-width: 380px !important;

    margin: 0 auto !important;
}


/* Sobrescribir width inline */
.home .vc_custom_1784664437731
.vc_images_carousel {
    position: relative !important;

    width: 100% !important;
    max-width: 380px !important;

    margin: 0 auto !important;

    overflow: visible !important;
}


/* Área visible */
.home .vc_custom_1784664437731
.vc_carousel-inner {
    width: 100% !important;
    height: 253px !important;

    border-radius: 7px !important;

    overflow: hidden !important;

    box-shadow:
        0 10px 27px rgba(19, 42, 85, 0.15) !important;
}


/* Slides */
.home .vc_custom_1784664437731
.vc_item {
    height: 253px !important;

    background: #eef2f7 !important;
}


/* Contenedores internos */
.home .vc_custom_1784664437731
.vc_item .vc_inner,
.home .vc_custom_1784664437731
.vc_item .vc_inner > a {
    display: block !important;

    width: 100% !important;
    height: 253px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Imagen */
.home .vc_custom_1784664437731
.vc_item img {
    display: block !important;

    width: 100% !important;
    height: 253px !important;
    max-width: none !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 7px !important;
}


/* ==========================================================
   8. FLECHAS DEL CARRUSEL
   Se conserva el posicionamiento nativo de WPBakery
========================================================== */

/* Solo personalizar color */
.home .vc_custom_1784664437731
.vc_carousel-control span {
    color: #0754ad !important;
}


/* ==========================================================
   9. INDICADORES DEL CARRUSEL
========================================================== */

.home .vc_custom_1784664437731
.vc_carousel-indicators {
    position: absolute !important;

    bottom: -28px !important;
    left: 50% !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateX(-50%) !important;
}


.home .vc_custom_1784664437731
.vc_carousel-indicators li {
    width: 8px !important;
    height: 8px !important;

    margin: 0 3px !important;

    background: #c7d7e9 !important;
    border: 0 !important;
    border-radius: 10px !important;

    transition:
        width 0.25s ease,
        background-color 0.25s ease !important;
}


.home .vc_custom_1784664437731
.vc_carousel-indicators li.vc_active {
    width: 25px !important;

    background: #0754ad !important;
}


/* ==========================================================
   10. COLUMNA EXTERIOR DEL PANEL AZUL — 4/12
========================================================== */

.home .vc_custom_1784666159740
> .vc_custom_1784665031130 {
    display: flex !important;

    flex: 0 0 33.333333% !important;

    width: 33.333333% !important;
    max-width: 33.333333% !important;
    min-width: 0 !important;
    min-height: 360px !important;

    margin: 0 !important;
    padding: 16px 18px 16px 0 !important;

    background: transparent !important;

    box-sizing: border-box !important;
    overflow: visible !important;
}


/* ==========================================================
   11. RECUADRO AZUL
========================================================== */

.home .vc_custom_1784665031130
> .wpb_wrapper {
    display: flex !important;
    align-items: flex-start !important;

    position: relative !important;

    width: 100% !important;
    min-height: 328px !important;

    margin: 0 !important;
    padding: 44px 40px 40px !important;

    background-color: #0754ad !important;
    background-image: linear-gradient(
        135deg,
        #073d87 0%,
        #0754ad 55%,
        #0a4697 100%
    ) !important;

    border: 0 !important;
    border-radius: 12px 0 0 12px !important;

    box-shadow:
        0 10px 28px rgba(15, 49, 104, 0.18) !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}


/* Fila interior */
.home .vc_custom_1784665031130
.vc_row.vc_inner {
    position: relative !important;
    z-index: 3 !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Columna interior */
.home .vc_custom_1784665031130
.vc_row.vc_inner
> .wpb_column {
    display: block !important;
    float: none !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Column inner */
.home .vc_custom_1784665031130
.vc_column-inner {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Wrapper interior */
.home .vc_custom_1784665031130
.vc_column-inner
> .wpb_wrapper {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   12. TÍTULO DEL PANEL AZUL
========================================================== */

.home .vc_custom_1784665031130
h3.box-header {
    display: block !important;
    float: none !important;
    clear: both !important;

    position: relative !important;
    z-index: 3 !important;

    width: 100% !important;

    margin: 0 0 25px !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    letter-spacing: 0.2px !important;
    text-align: left !important;
    text-transform: uppercase !important;
}


/* Quitar líneas decorativas */
.home .vc_custom_1784665031130
h3.box-header::before,
.home .vc_custom_1784665031130
h3.box-header::after {
    display: none !important;
    content: none !important;
}


/* ==========================================================
   13. LISTA DEL PANEL AZUL
========================================================== */

.home .vc_custom_1784665031130
.simple-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;

    position: relative !important;
    z-index: 3 !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* Cada elemento */
.home .vc_custom_1784665031130
.simple-list
> li {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    align-items: center !important;

    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    list-style: none !important;
    box-sizing: border-box !important;
}


/* Check circular */
.home .vc_custom_1784665031130
.simple-list
> li::before {
    content: "✓" !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: static !important;

    grid-column: 1 !important;
    grid-row: 1 !important;

    width: 24px !important;
    height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #0754ad !important;
    background: #ffffff !important;

    border: 0 !important;
    border-radius: 50% !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    box-sizing: border-box !important;
}


/* Ocultar ícono adicional del tema */
.home .vc_custom_1784665031130
.simple-list
> li.template-tick-2::after {
    display: none !important;
    content: none !important;
}


/* Texto de los elementos */
.home .vc_custom_1784665031130
.simple-list
> li
> span {
    display: block !important;

    grid-column: 2 !important;
    grid-row: 1 !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;

    text-align: left !important;
    white-space: normal !important;
}


/* ==========================================================
   14. ÍCONO DECORATIVO GRANDE
========================================================== */

.home .vc_custom_1784665031130
> .wpb_wrapper::after {
    content: "" !important;

    position: absolute !important;
    z-index: 1 !important;

    right: 18px !important;
    bottom: 8px !important;

    width: 175px !important;
    height: 175px !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='16' r='9'/%3E%3Cpath d='M17 48v-9c0-9 7-16 15-16s15 7 15 16v9'/%3E%3Cpath d='M7 43c7-3 13-3 19 0l6 4 10-11c3-3 7-2 9 1 1 2 1 5-1 7L38 57H22L7 48z'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    opacity: 0.075 !important;

    pointer-events: none !important;
}


/* ==========================================================
   15. NOTEBOOK / PANTALLAS MEDIANAS
========================================================== */

@media screen and (min-width: 1101px) and (max-width: 1400px) {

    .home .vc_custom_1784664437731
    h2.box-header {
        font-size: 27px !important;
    }

    .home .vc_custom_1784664437731
    > .wpb_wrapper
    > .vc_row.vc_inner
    > .wpb_column:nth-child(2)
    > .vc_column-inner {
        padding-left: 14px !important;
        padding-right: 20px !important;
    }

    .home .vc_custom_1784664437731
    > .wpb_wrapper
    > .vc_row.vc_inner
    > .wpb_column:nth-child(3)
    > .vc_column-inner {
        padding-left: 10px !important;
        padding-right: 20px !important;
    }

    .home .vc_custom_1784664437731
    .wpb_images_carousel,
    .home .vc_custom_1784664437731
    .vc_images_carousel {
        max-width: 340px !important;
    }

    .home .vc_custom_1784664437731
    .vc_carousel-inner,
    .home .vc_custom_1784664437731
    .vc_item,
    .home .vc_custom_1784664437731
    .vc_item .vc_inner,
    .home .vc_custom_1784664437731
    .vc_item .vc_inner > a,
    .home .vc_custom_1784664437731
    .vc_item img {
        height: 227px !important;
    }

    .home .vc_custom_1784665031130
    > .wpb_wrapper {
        min-height: 328px !important;

        padding: 38px 30px 34px !important;
    }

    .home .vc_custom_1784665031130
    .simple-list {
        gap: 13px !important;
    }

    .home .vc_custom_1784665031130
    .simple-list > li > span {
        font-size: 13px !important;
    }

    .home .vc_custom_1784665031130
    > .wpb_wrapper::after {
        width: 150px !important;
        height: 150px !important;
    }
}


/* ==========================================================
   16. TABLET
========================================================== */

@media screen and (min-width: 768px) and (max-width: 1100px) {

    .home .vc_custom_1784666159740 {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .home .vc_custom_1784666159740
    > .vc_custom_1784664437731,
    .home .vc_custom_1784666159740
    > .vc_custom_1784665031130 {
        flex: 0 0 100% !important;

        width: 100% !important;
        max-width: 100% !important;
    }

    /* Ocultar columna vacía */
    .home .vc_custom_1784664437731
    > .wpb_wrapper
    > .vc_row.vc_inner
    > .wpb_column:nth-child(1) {
        display: none !important;
    }

    /* Texto y carrusel 50/50 */
    .home .vc_custom_1784664437731
    > .wpb_wrapper
    > .vc_row.vc_inner
    > .wpb_column:nth-child(2),
    .home .vc_custom_1784664437731
    > .wpb_wrapper
    > .vc_row.vc_inner
    > .wpb_column:nth-child(3) {
        flex: 0 0 50% !important;

        width: 50% !important;
        max-width: 50% !important;
    }

    .home .vc_custom_1784664437731
    > .wpb_wrapper
    > .vc_row.vc_inner {
        min-height: 340px !important;

        padding: 38px 25px !important;
    }

    .home .vc_custom_1784664437731
    h2.box-header {
        font-size: 27px !important;
    }

    /* Columna exterior panel */
    .home .vc_custom_1784666159740
    > .vc_custom_1784665031130 {
        padding: 15px !important;
    }

    /* Panel azul */
    .home .vc_custom_1784665031130
    > .wpb_wrapper {
        width: 100% !important;
        min-height: 270px !important;

        margin: 0 !important;
        padding: 38px 42px !important;

        border-radius: 10px !important;
    }

    .home .vc_custom_1784665031130
    .simple-list {
        max-width: 650px !important;
    }

    .home .vc_custom_1784665031130
    > .wpb_wrapper::after {
        width: 145px !important;
        height: 145px !important;
    }
}


/* ==========================================================
   17. MÓVIL
========================================================== */

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

    .home .vc_custom_1784666159740 {
        display: block !important;

        min-height: 0 !important;
    }

    .home .vc_custom_1784666159740
    > .vc_custom_1784664437731,
    .home .vc_custom_1784666159740
    > .vc_custom_1784665031130 {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
    }

    .home .vc_custom_1784664437731
    > .wpb_wrapper,
    .home .vc_custom_1784664437731
    > .wpb_wrapper
    > .vc_row.vc_inner {
        display: block !important;

        min-height: 0 !important;
    }

    .home .vc_custom_1784664437731
    > .wpb_wrapper
    > .vc_row.vc_inner {
        padding: 45px 20px 58px !important;
    }

    /* Ocultar columna vacía */
    .home .vc_custom_1784664437731
    > .wpb_wrapper
    > .vc_row.vc_inner
    > .wpb_column:nth-child(1) {
        display: none !important;
    }

    /* Texto y carrusel a ancho completo */
    .home .vc_custom_1784664437731
    > .wpb_wrapper
    > .vc_row.vc_inner
    > .wpb_column:nth-child(2),
    .home .vc_custom_1784664437731
    > .wpb_wrapper
    > .vc_row.vc_inner
    > .wpb_column:nth-child(3) {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;
    }

    .home .vc_custom_1784664437731
    > .wpb_wrapper
    > .vc_row.vc_inner
    > .wpb_column:nth-child(2) {
        margin-bottom: 42px !important;
    }

    .home .vc_custom_1784664437731
    > .wpb_wrapper
    > .vc_row.vc_inner
    > .wpb_column:nth-child(2)
    > .vc_column-inner,
    .home .vc_custom_1784664437731
    > .wpb_wrapper
    > .vc_row.vc_inner
    > .wpb_column:nth-child(3)
    > .vc_column-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .home .vc_custom_1784664437731
    h2.box-header {
        max-width: none !important;

        font-size: 28px !important;
    }

    .home .vc_custom_1784664437731
    .wpb_text_column.large p {
        max-width: none !important;
    }

    .home .vc_custom_1784664437731
    .wpb_images_carousel,
    .home .vc_custom_1784664437731
    .vc_images_carousel {
        width: 100% !important;
        max-width: 100% !important;
    }

    .home .vc_custom_1784664437731
    .vc_carousel-inner,
    .home .vc_custom_1784664437731
    .vc_item,
    .home .vc_custom_1784664437731
    .vc_item .vc_inner,
    .home .vc_custom_1784664437731
    .vc_item .vc_inner > a,
    .home .vc_custom_1784664437731
    .vc_item img {
        height: 230px !important;
    }

    /* Columna exterior panel azul */
    .home .vc_custom_1784666159740
    > .vc_custom_1784665031130 {
        padding: 15px !important;

        background: transparent !important;
    }

    /* Recuadro azul móvil */
    .home .vc_custom_1784665031130
    > .wpb_wrapper {
        display: block !important;

        width: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 38px 25px 42px !important;

        border-radius: 10px !important;
    }

    .home .vc_custom_1784665031130
    .simple-list {
        gap: 15px !important;
    }

    .home .vc_custom_1784665031130
    .simple-list > li {
        grid-template-columns: 24px minmax(0, 1fr) !important;
        column-gap: 13px !important;
    }

    .home .vc_custom_1784665031130
    .simple-list > li > span {
        font-size: 14px !important;
    }

    .home .vc_custom_1784665031130
    > .wpb_wrapper::after {
        right: 10px !important;
        bottom: 8px !important;

        width: 125px !important;
        height: 125px !important;
    }
}

/*======================================
BOTÓN FORMULARIO DE CONTACTO
======================================*/

.contact-form input[type="submit"],
.contact-form .mc-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-width: 210px;
    height: 54px;

    padding: 0 36px !important;

    border: none !important;
    border-radius: 50px !important;

    background: linear-gradient(
        90deg,
        #0754ad 0%,
        #0b4ea5 45%,
        #8f2bc7 100%
    ) !important;

    color: #fff !important;

    font-size: 16px;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: none !important;

    cursor: pointer;

    transition: all .30s ease;
}

/* Hover */

.contact-form input[type="submit"]:hover,
.contact-form .mc-button:hover{

    background: linear-gradient(
        90deg,
        #0b63d4 0%,
        #0754ad 45%,
        #b136d9 100%
    ) !important;

    transform: translateY(-2px);

    box-shadow:
        0 12px 30px rgba(7,84,173,.25);
}

/* Click */

.contact-form input[type="submit"]:active{
    transform:scale(.98);
}

/* Quitar estilos heredados */

.contact-form input[type="submit"]::after{
    display:none !important;
}

/* ==========================================================
   PÁGINA CONSULTA EXTERNA – CRA
   WPBakery + MediCenter
========================================================== */

body {
    --cra-blue: #0754ad;
    --cra-blue-dark: #17244d;
    --cra-purple: #a328ae;
    --cra-text: #526079;
    --cra-light: #f4f8fd;
    --cra-border: #e2e9f3;
}


/* ==========================================================
   1. HERO
   Fila: vc_custom_1785171564347
========================================================== */

.vc_custom_1785171564347 {
    display: flex !important;
    align-items: center !important;

    position: relative !important;

    min-height: 430px !important;

    margin: 0 !important;
    padding: 0 !important;

    background-image:
        url("https://www.cra.org.ec/wp-content/uploads/2026/07/consulta-externa-hero.jpg") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}


/* Columna principal del hero */
.vc_custom_1785171564347 > .wpb_column {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;
}


/* Contenedor del texto */
.vc_custom_1785171564347
> .wpb_column
> .wpb_wrapper {
    width: calc(100% - 40px) !important;
    max-width: 1240px !important;

    margin: 0 auto !important;
    padding: 65px 0 !important;

    box-sizing: border-box !important;
}


/* Título */
.vc_custom_1785171564347 h1.box-header {
    display: block !important;

    width: 100% !important;
    max-width: 570px !important;

    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 54px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;

    letter-spacing: -1px !important;
    text-align: left !important;
    text-transform: none !important;
}


/* Eliminar líneas del tema */
.vc_custom_1785171564347 h1.box-header::before,
.vc_custom_1785171564347 h1.box-header::after {
    display: none !important;
    content: none !important;
}


/* Contenedor del párrafo */
.vc_custom_1785171564347 .cra-ce-hero-content {
    margin: 0 !important;
}


/* Texto del hero */
.vc_custom_1785171564347 .cra-ce-hero-lead {
    max-width: 560px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.96) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}


/* ==========================================================
   2. CONTENEDORES GENERALES
========================================================== */

.cra-ce-intro,
.cra-ce-areas,
.cra-ce-team {
    width: calc(100% - 40px) !important;
    max-width: 1240px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-top: 85px !important;
    padding-bottom: 85px !important;

    box-sizing: border-box !important;
}


.cra-ce-soft-section {
    width: 100% !important;

    margin: 0 !important;
    padding: 75px 30px !important;

    background-color: var(--cra-light) !important;

    box-sizing: border-box !important;
}


.cra-ce-soft-section
> .wpb_column
> .wpb_wrapper,
.cra-ce-process
> .wpb_column
> .wpb_wrapper {
    width: 100% !important;
    max-width: 1240px !important;

    margin: 0 auto !important;
}


/* ==========================================================
   3. TÍTULOS GENERALES
========================================================== */

.cra-ce-intro h3.box-header,
.cra-ce-soft-section
> .wpb_column
> .wpb_wrapper
> h3.box-header,
.cra-ce-areas
> .wpb_column
> .wpb_wrapper
> h3.box-header,
.cra-ce-process
> .wpb_column
> .wpb_wrapper
> h3.box-header {
    display: block !important;

    width: 100% !important;

    margin: 0 0 13px !important;
    padding: 0 !important;

    color: var(--cra-blue) !important;
    background: transparent !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    letter-spacing: 0.3px !important;
    text-align: left !important;
    text-transform: uppercase !important;
}


/* Títulos centrados */
.cra-ce-soft-section
> .wpb_column
> .wpb_wrapper
> h3.box-header,
.cra-ce-areas
> .wpb_column
> .wpb_wrapper
> h3.box-header,
.cra-ce-process
> .wpb_column
> .wpb_wrapper
> h3.box-header {
    text-align: center !important;
}


/* Quitar líneas del tema */
.cra-ce-intro h3.box-header::before,
.cra-ce-intro h3.box-header::after,
.cra-ce-soft-section h3.box-header::before,
.cra-ce-soft-section h3.box-header::after,
.cra-ce-areas h3.box-header::before,
.cra-ce-areas h3.box-header::after,
.cra-ce-process h3.box-header::before,
.cra-ce-process h3.box-header::after {
    display: none !important;
    content: none !important;
}


/* H2 */
.cra-ce-intro h2,
.cra-ce-section-heading h2,
.cra-ce-team h2 {
    margin: 0 0 20px !important;
    padding: 0 !important;

    color: var(--cra-blue-dark) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 1.17 !important;

    letter-spacing: -0.4px !important;
    text-transform: none !important;
}


/* Encabezados centrales */
.cra-ce-section-heading {
    max-width: 760px !important;

    margin: 0 auto 42px !important;

    text-align: center !important;
}


.cra-ce-section-heading h2 {
    text-align: center !important;
}


/* ==========================================================
   4. INTRODUCCIÓN
========================================================== */

.cra-ce-intro {
    display: flex !important;
    align-items: center !important;
}


.cra-ce-intro > .wpb_column {
    float: none !important;

    min-width: 0 !important;
}


/* Columna de texto */
.cra-ce-intro > .wpb_column:first-child {
    padding-right: 45px !important;
}


/* Columna de imagen */
.cra-ce-intro > .wpb_column:last-child {
    padding-left: 25px !important;
}


/* Párrafos */
.cra-ce-intro .wpb_text_column p {
    max-width: 540px !important;

    margin-top: 0 !important;
    margin-bottom: 12px !important;

    color: var(--cra-text) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}


/* Imagen */
.cra-ce-main-image {
    margin: 0 !important;
}


.cra-ce-main-image .vc_single_image-wrapper {
    display: block !important;

    width: 100% !important;

    border: 0 !important;
    border-radius: 12px !important;

    overflow: hidden !important;

    box-shadow:
        0 15px 38px rgba(20, 48, 92, 0.14) !important;
}


.cra-ce-main-image img {
    display: block !important;

    width: 100% !important;
    height: 410px !important;
    max-width: none !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 12px !important;
}


/* ==========================================================
   5. GRUPOS DE EDAD
========================================================== */

.cra-ce-audiences {
    display: flex !important;
    flex-wrap: nowrap !important;

    width: 50% !important;
    float: left !important;

    margin: 30px 0 0 !important;
    padding: 0 !important;
}


.cra-ce-audiences > .wpb_column {
    width: 50% !important;

    padding: 0 12px !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


.cra-ce-audiences
> .wpb_column:not(:last-child) {
    border-right: 1px solid var(--cra-border) !important;
}


/* Iconos */
.cra-ce-audiences .vc_icon_element {
    margin-bottom: 8px !important;
}


.cra-ce-audiences .vc_icon_element-inner {
    width: 52px !important;
    height: 52px !important;

    margin: 0 auto !important;

    border: 0 !important;
    background: transparent !important;
}


.cra-ce-audiences .vc_icon_element-icon {
    color: var(--cra-blue) !important;

    font-size: 40px !important;
}


/* Títulos */
.cra-ce-audiences h4 {
    margin: 0 !important;

    color: var(--cra-blue-dark) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;
}


/* Limpiar float */
.cra-ce-intro
> .wpb_column:first-child
> .wpb_wrapper::after {
    content: "" !important;

    display: block !important;
    clear: both !important;
}


/* ==========================================================
   6. TARJETAS GENERALES
========================================================== */

.cra-ce-card-grid {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;

    width: 100% !important;

    margin: 0 !important;
}


.cra-ce-card {
    display: flex !important;

    float: none !important;

    padding: 0 10px !important;

    background: transparent !important;

    box-sizing: border-box !important;
}


/* Tarjeta real */
.cra-ce-card > .vc_column-inner {
    width: 100% !important;

    padding: 34px 28px 30px !important;

    background: #ffffff !important;

    border: 1px solid var(--cra-border) !important;
    border-radius: 11px !important;

    box-shadow:
        0 9px 26px rgba(20, 48, 92, 0.08) !important;

    box-sizing: border-box !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}


.cra-ce-card > .vc_column-inner:hover {
    transform: translateY(-5px) !important;

    box-shadow:
        0 15px 34px rgba(20, 48, 92, 0.14) !important;
}


/* Iconos */
.cra-ce-card .vc_icon_element {
    margin-bottom: 18px !important;
}


.cra-ce-card .vc_icon_element-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 68px !important;
    height: 68px !important;

    margin: 0 auto !important;

    color: var(--cra-blue) !important;
    background: #ffffff !important;

    border: 1px solid var(--cra-border) !important;
    border-radius: 50% !important;

    box-shadow:
        0 7px 19px rgba(20, 48, 92, 0.10) !important;
}


.cra-ce-card .vc_icon_element-icon {
    color: var(--cra-blue) !important;

    font-size: 33px !important;
}


/* Títulos */
.cra-ce-card h3 {
    margin: 0 0 11px !important;

    color: var(--cra-blue-dark) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;
}


/* Texto */
.cra-ce-card p {
    margin: 0 !important;

    color: var(--cra-text) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.58 !important;

    text-align: center !important;
}


/* ==========================================================
   7. ÁREAS DE CONSULTA
========================================================== */

.cra-ce-area-grid {
    margin-bottom: 20px !important;
}


.cra-ce-area-grid-bottom {
    margin-top: 0 !important;
}


/* Iconos azules */
.cra-ce-area-card .vc_icon_element-inner {
    background: var(--cra-blue) !important;

    border-color: var(--cra-blue) !important;
}


.cra-ce-area-card .vc_icon_element-icon,
.cra-ce-area-card .vc_icon_element-icon[style] {
    color: #ffffff !important;
}


/* ==========================================================
   8. PROCESO DE ATENCIÓN
========================================================== */

.cra-ce-process-grid {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;

    position: relative !important;
}


/* Línea horizontal */
.cra-ce-process-grid::before {
    content: "" !important;

    position: absolute !important;

    top: 37px !important;
    left: 12.5% !important;
    right: 12.5% !important;

    height: 1px !important;

    background: #cbd9ea !important;

    z-index: 0 !important;
}


.cra-ce-process-step {
    position: relative !important;
    z-index: 1 !important;

    float: none !important;

    padding: 10px 24px !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* Número */
.cra-ce-step-number {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;

    margin: 0 auto 20px !important;

    color: #ffffff !important;
    background: var(--cra-blue) !important;

    border: 4px solid var(--cra-light) !important;
    border-radius: 50% !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    box-shadow:
        0 4px 12px rgba(7, 84, 173, 0.25) !important;
}


.cra-ce-process-step
.wpb_text_column p:first-child {
    margin: 0 !important;
}


.cra-ce-process-step h3 {
    margin: 0 0 9px !important;

    color: var(--cra-blue-dark) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;
}


.cra-ce-process-step p {
    margin: 0 !important;

    color: var(--cra-text) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    text-align: center !important;
}


/* ==========================================================
   9. EQUIPO ESPECIALIZADO
========================================================== */

.cra-ce-team {
    display: flex !important;
    align-items: center !important;
}


.cra-ce-team > .wpb_column:first-child {
    padding-right: 40px !important;
}


.cra-ce-team > .wpb_column:first-child p {
    color: var(--cra-text) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}


.cra-ce-team-grid {
    display: flex !important;
    align-items: stretch !important;
}


.cra-ce-team-grid > .wpb_column {
    position: relative !important;

    text-align: center !important;
}


/* Separadores */
.cra-ce-team-grid
> .wpb_column:not(:first-child)::before {
    content: "" !important;

    position: absolute !important;

    top: 10% !important;
    bottom: 10% !important;
    left: 0 !important;

    width: 1px !important;

    background: var(--cra-border) !important;
}


/* Iconos */
.cra-ce-team-grid .vc_icon_element {
    margin-bottom: 14px !important;
}


.cra-ce-team-grid .vc_icon_element-icon {
    color: var(--cra-blue) !important;

    font-size: 56px !important;
}


.cra-ce-team-grid h3 {
    margin: 0 !important;

    color: var(--cra-blue-dark) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;

    text-align: center !important;
}


/* ==========================================================
   10. CTA FINAL
========================================================== */

.cra-ce-cta {
    display: flex !important;
    align-items: center !important;

    position: relative !important;

    width: calc(100% - 40px) !important;
    max-width: 1240px !important;
    min-height: 150px !important;

    margin: 0 auto 70px !important;
    padding: 32px 55px !important;

    background-color: #0754ad !important;
    background-image: linear-gradient(
        100deg,
        #06489d 0%,
        #0754ad 48%,
        #1545a2 72%,
        #5538b5 100%
    ) !important;

    border: 0 !important;
    border-radius: 14px !important;

    box-shadow:
        0 10px 28px rgba(7, 67, 145, 0.18) !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}


/* Figura decorativa */
.cra-ce-cta::after {
    content: "" !important;

    position: absolute !important;
    z-index: 1 !important;

    right: 25px !important;
    bottom: -20px !important;

    width: 145px !important;
    height: 145px !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='16' r='9'/%3E%3Cpath d='M17 48v-9c0-9 7-16 15-16s15 7 15 16v9'/%3E%3Cpath d='M7 43c7-3 13-3 19 0l6 4 10-11c3-3 7-2 9 1 1 2 1 5-1 7L38 57H22L7 48z'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    opacity: 0.08 !important;

    pointer-events: none !important;
}


/* Contenido sobre el icono */
.cra-ce-cta > .wpb_column {
    position: relative !important;
    z-index: 2 !important;
}


.cra-ce-cta > .wpb_column:first-child {
    width: 62% !important;
}


.cra-ce-cta > .wpb_column:last-child {
    width: 38% !important;

    padding-right: 95px !important;
}


/* Título */
.cra-ce-cta h2 {
    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: left !important;
}


/* Texto */
.cra-ce-cta p {
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.92) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    text-align: left !important;
}


/* Contenedor botón */
.cra-ce-cta-button {
    display: flex !important;
    justify-content: center !important;

    width: 100% !important;

    margin: 0 !important;
}


/* Botón */
.cra-ce-cta-button .vc_btn3 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 205px !important;
    min-height: 52px !important;

    padding: 0 28px !important;

    color: #ffffff !important;

    background-color: #0754ad !important;
    background-image: linear-gradient(
        90deg,
        #0754ad 0%,
        #174fae 55%,
        #a328ae 100%
    ) !important;

    border: 1px solid rgba(255, 255, 255, 0.52) !important;
    border-radius: 28px !important;

    box-shadow:
        0 7px 18px rgba(0, 31, 92, 0.16) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-transform: uppercase !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease !important;
}


/* Calendario */
.cra-ce-cta-button .vc_btn3::before {
    content: "\1F4C5" !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-right: 11px !important;

    color: #ffffff !important;

    font-size: 16px !important;
    line-height: 1 !important;
}


/* Hover */
.cra-ce-cta-button .vc_btn3:hover {
    color: #ffffff !important;

    transform: translateY(-2px) !important;

    filter: brightness(1.06) !important;

    box-shadow:
        0 10px 22px rgba(0, 31, 92, 0.24) !important;
}


/* ==========================================================
   11. TABLET
========================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    .vc_custom_1785171564347 {
        min-height: 390px !important;
    }

    .vc_custom_1785171564347 h1.box-header {
        font-size: 44px !important;
    }

    .cra-ce-intro,
    .cra-ce-team {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }

    .cra-ce-intro > .wpb_column:first-child {
        padding-right: 25px !important;
    }

    .cra-ce-intro > .wpb_column:last-child {
        padding-left: 15px !important;
    }

    .cra-ce-intro h2,
    .cra-ce-section-heading h2,
    .cra-ce-team h2 {
        font-size: 31px !important;
    }

    .cra-ce-main-image img {
        height: 340px !important;
    }

    .cra-ce-card > .vc_column-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .cra-ce-card h3 {
        font-size: 16px !important;
    }

    .cra-ce-card p {
        font-size: 13px !important;
    }

    /* CTA */
    .cra-ce-cta {
        min-height: 140px !important;

        padding: 30px 35px !important;
    }

    .cra-ce-cta > .wpb_column:first-child {
        width: 58% !important;
    }

    .cra-ce-cta > .wpb_column:last-child {
        width: 42% !important;

        padding-right: 65px !important;
    }

    .cra-ce-cta h2 {
        font-size: 24px !important;
    }

    .cra-ce-cta::after {
        width: 120px !important;
        height: 120px !important;
    }
}


/* ==========================================================
   12. MÓVIL
========================================================== */

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

    /* Hero */
    .vc_custom_1785171564347 {
        min-height: 370px !important;

        background-position: 62% center !important;
    }

    .vc_custom_1785171564347
    > .wpb_column
    > .wpb_wrapper {
        width: calc(100% - 30px) !important;

        padding: 52px 0 !important;
    }

    .vc_custom_1785171564347 h1.box-header {
        max-width: 330px !important;

        font-size: 39px !important;
    }

    .vc_custom_1785171564347 .cra-ce-hero-lead {
        max-width: 330px !important;

        font-size: 16px !important;
    }


    /* Secciones */
    .cra-ce-intro,
    .cra-ce-areas,
    .cra-ce-team {
        display: block !important;

        width: calc(100% - 30px) !important;

        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .cra-ce-soft-section {
        padding: 55px 15px !important;
    }


    /* Columnas */
    .cra-ce-intro > .wpb_column,
    .cra-ce-team > .wpb_column {
        width: 100% !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .cra-ce-intro > .wpb_column:last-child {
        margin-top: 35px !important;
    }

    .cra-ce-intro h2,
    .cra-ce-section-heading h2,
    .cra-ce-team h2 {
        font-size: 28px !important;
    }

    .cra-ce-main-image img {
        height: 270px !important;
    }


    /* Audiencias */
    .cra-ce-audiences {
        width: 100% !important;
        float: none !important;

        margin-top: 22px !important;
    }

    .cra-ce-audiences > .wpb_column {
        width: 50% !important;

        margin-bottom: 18px !important;
    }


    /* Tarjetas */
    .cra-ce-card-grid {
        display: block !important;
    }

    .cra-ce-card {
        display: block !important;

        width: 100% !important;

        margin-bottom: 18px !important;
        padding: 0 !important;
    }

    .cra-ce-area-grid-bottom
    > .wpb_column:first-child,
    .cra-ce-area-grid-bottom
    > .wpb_column:last-child {
        display: none !important;
    }

    .cra-ce-area-grid-bottom
    > .cra-ce-area-card {
        display: block !important;

        width: 100% !important;
    }


    /* Proceso */
    .cra-ce-process-grid {
        display: block !important;
    }

    .cra-ce-process-grid::before {
        display: none !important;
    }

    .cra-ce-process-step {
        width: 100% !important;

        margin-bottom: 24px !important;
        padding: 25px 22px !important;

        background: #ffffff !important;

        border: 1px solid var(--cra-border) !important;
        border-radius: 9px !important;
    }


    /* Equipo */
    .cra-ce-team > .wpb_column:first-child {
        margin-bottom: 30px !important;
    }

    .cra-ce-team-grid {
        display: block !important;
    }

    .cra-ce-team-grid > .wpb_column {
        width: 100% !important;

        padding: 25px 0 !important;

        border-bottom: 1px solid var(--cra-border) !important;
    }

    .cra-ce-team-grid > .wpb_column::before {
        display: none !important;
    }


    /* CTA */
    .cra-ce-cta {
        display: block !important;

        width: calc(100% - 30px) !important;
        min-height: 0 !important;

        margin-bottom: 45px !important;
        padding: 32px 24px 38px !important;

        text-align: center !important;
    }

    .cra-ce-cta > .wpb_column:first-child,
    .cra-ce-cta > .wpb_column:last-child {
        width: 100% !important;

        padding: 0 !important;
    }

    .cra-ce-cta h2,
    .cra-ce-cta p {
        text-align: center !important;
    }

    .cra-ce-cta h2 {
        font-size: 24px !important;
    }

    .cra-ce-cta-button {
        margin-top: 24px !important;
    }

    .cra-ce-cta-button .vc_btn3 {
        min-width: 210px !important;
    }

    .cra-ce-cta::after {
        right: -18px !important;
        bottom: -25px !important;

        width: 120px !important;
        height: 120px !important;
    }
}

/* ==========================================================
   PÁGINA CONSULTA EXTERNA – CRA
   WPBAKERY + MEDICENTER
   ESTRUCTURA ACTUALIZADA
========================================================== */

.wpb-content-wrapper {
    --cra-blue: #0754ad;
    --cra-blue-dark: #17244d;
    --cra-purple: #a328ae;
    --cra-text: #526079;
    --cra-light: #f4f8fd;
    --cra-border: #e2e9f3;
}


/* ==========================================================
   1. HERO
   La imagen se configura desde WPBakery
========================================================== */

body .wpb-content-wrapper
.vc_row.vc_custom_1785174822588 {
    display: flex !important;
    align-items: center !important;

    position: relative !important;

    width: 100% !important;
    min-height: 430px !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: #0754ad !important;
    background-repeat: no-repeat !important;

    /* Fondo alineado desde arriba */
    background-position: top center !important;

    background-size: cover !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}


/* Columna principal */
body .wpb-content-wrapper
.vc_custom_1785174822588
> .wpb_column {
    display: flex !important;
    align-items: center !important;

    position: relative !important;
    z-index: 2 !important;

    float: none !important;

    width: 100% !important;
    min-height: 430px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Contenedor del contenido */
body .wpb-content-wrapper
.vc_custom_1785174822588
> .wpb_column
> .wpb_wrapper {
    width: calc(100% - 60px) !important;
    max-width: 1240px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Título principal */
body .wpb-content-wrapper
.vc_custom_1785174822588
h1.box-header {
    display: block !important;
    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: 590px !important;

    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    border: 0 !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 54px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;

    letter-spacing: -1px !important;
    text-align: left !important;
    text-transform: none !important;
}


/* Eliminar líneas decorativas del tema */
body .wpb-content-wrapper
.vc_custom_1785174822588
h1.box-header::before,
body .wpb-content-wrapper
.vc_custom_1785174822588
h1.box-header::after {
    display: none !important;
    content: none !important;
}


/* Bloque de descripción */
body .wpb-content-wrapper
.vc_custom_1785174822588
.cra-ce-hero-content,
body .wpb-content-wrapper
.vc_custom_1785174822588
.cra-ce-hero-content
> .wpb_wrapper {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Descripción */
body .wpb-content-wrapper
.vc_custom_1785174822588
p.cra-ce-hero-lead {
    display: block !important;

    width: 100% !important;
    max-width: 570px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.96) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    text-align: left !important;
}


/* Quitar márgenes heredados */
body .wpb-content-wrapper
.vc_custom_1785174822588
.wpb_content_element {
    margin: 0 !important;
}


/* ==========================================================
   2. CONTENEDORES GENERALES
========================================================== */

.cra-ce-intro,
.cra-ce-areas,
.cra-ce-team {
    width: calc(100% - 40px) !important;
    max-width: 1240px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-top: 85px !important;
    padding-bottom: 85px !important;

    box-sizing: border-box !important;
}


.cra-ce-soft-section {
    width: 100% !important;

    margin: 0 !important;
    padding: 76px 30px !important;

    background: var(--cra-light) !important;

    box-sizing: border-box !important;
}


.cra-ce-soft-section
> .wpb_column
> .wpb_wrapper,
.cra-ce-process
> .wpb_column
> .wpb_wrapper {
    width: 100% !important;
    max-width: 1240px !important;

    margin: 0 auto !important;
}


/* ==========================================================
   3. ENCABEZADOS GENERALES
========================================================== */

.cra-ce-intro h3.box-header,
.cra-ce-soft-section
> .wpb_column
> .wpb_wrapper
> h3.box-header,
.cra-ce-areas
> .wpb_column
> .wpb_wrapper
> h3.box-header,
.cra-ce-process
> .wpb_column
> .wpb_wrapper
> h3.box-header,
.cra-ce-team
> .wpb_column:first-child
h3.box-header {
    display: block !important;
    float: none !important;

    width: 100% !important;

    margin: 0 0 13px !important;
    padding: 0 !important;

    color: var(--cra-blue) !important;
    background: transparent !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
}


/* Encabezados centrales */
.cra-ce-soft-section
> .wpb_column
> .wpb_wrapper
> h3.box-header,
.cra-ce-areas
> .wpb_column
> .wpb_wrapper
> h3.box-header,
.cra-ce-process
> .wpb_column
> .wpb_wrapper
> h3.box-header {
    text-align: center !important;
}


/* Encabezados izquierdos */
.cra-ce-intro h3.box-header,
.cra-ce-team
> .wpb_column:first-child
h3.box-header {
    text-align: left !important;
}


/* Eliminar decoraciones de MediCenter */
.cra-ce-intro h3.box-header::before,
.cra-ce-intro h3.box-header::after,
.cra-ce-soft-section h3.box-header::before,
.cra-ce-soft-section h3.box-header::after,
.cra-ce-areas h3.box-header::before,
.cra-ce-areas h3.box-header::after,
.cra-ce-process h3.box-header::before,
.cra-ce-process h3.box-header::after,
.cra-ce-team h3.box-header::before,
.cra-ce-team h3.box-header::after {
    display: none !important;
    content: none !important;
}


/* Títulos H2 */
.cra-ce-intro h2,
.cra-ce-section-heading h2,
.cra-ce-team h2 {
    margin: 0 0 20px !important;
    padding: 0 !important;

    color: var(--cra-blue-dark) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 1.17 !important;

    letter-spacing: -0.4px !important;
    text-transform: none !important;
}


/* Encabezado central */
.cra-ce-section-heading {
    max-width: 760px !important;

    margin: 0 auto 42px !important;

    text-align: center !important;
}


.cra-ce-section-heading h2 {
    text-align: center !important;
}


/* ==========================================================
   4. INTRODUCCIÓN
========================================================== */

.cra-ce-intro {
    display: flex !important;
    align-items: center !important;
}


.cra-ce-intro > .wpb_column {
    float: none !important;

    min-width: 0 !important;
}


/* Columna izquierda */
.cra-ce-intro > .wpb_column:first-child {
    padding-right: 45px !important;
}


/* Columna de imagen */
.cra-ce-intro > .wpb_column:last-child {
    padding-left: 25px !important;
}


/* Textos */
.cra-ce-intro .wpb_text_column p {
    max-width: 550px !important;

    margin-top: 0 !important;
    margin-bottom: 12px !important;

    color: var(--cra-text) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}


/* Imagen principal */
.cra-ce-main-image {
    margin: 0 !important;
}


.cra-ce-main-image .vc_single_image-wrapper {
    display: block !important;

    width: 100% !important;

    border: 0 !important;
    border-radius: 12px !important;

    overflow: hidden !important;

    box-shadow:
        0 15px 38px rgba(20, 48, 92, 0.14) !important;
}


.cra-ce-main-image img {
    display: block !important;

    width: 100% !important;
    height: 410px !important;
    max-width: none !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 12px !important;
}


/* ==========================================================
   5. PÚBLICOS ATENDIDOS
========================================================== */

.cra-ce-audiences {
    display: flex !important;
    flex-wrap: nowrap !important;

    float: left !important;

    width: 50% !important;

    margin: 30px 0 0 !important;
    padding: 0 !important;
}


.cra-ce-audiences > .wpb_column {
    float: none !important;

    width: 50% !important;

    padding: 0 10px !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


.cra-ce-audiences
> .wpb_column:not(:last-child) {
    border-right: 1px solid var(--cra-border) !important;
}


/* Iconos */
.cra-ce-audiences .vc_icon_element {
    margin-bottom: 8px !important;
}


.cra-ce-audiences .vc_icon_element-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 54px !important;
    height: 54px !important;

    margin: 0 auto !important;

    border: 0 !important;
    background: transparent !important;
}


.cra-ce-audiences .vc_icon_element-icon {
    color: var(--cra-blue) !important;

    font-size: 40px !important;
}


/* Etiquetas */
.cra-ce-audiences h4 {
    margin: 0 !important;

    color: var(--cra-blue-dark) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;
}


/* Limpiar flotados */
.cra-ce-intro
> .wpb_column:first-child
> .wpb_wrapper::after {
    content: "" !important;

    display: block !important;
    clear: both !important;
}


/* ==========================================================
   6. TARJETAS
========================================================== */

.cra-ce-card-grid {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;

    width: 100% !important;

    margin: 0 !important;
}


.cra-ce-card {
    display: flex !important;

    float: none !important;

    padding: 0 10px !important;

    background: transparent !important;

    box-sizing: border-box !important;
}


/* Tarjeta real */
.cra-ce-card > .vc_column-inner {
    width: 100% !important;
    min-height: 245px !important;

    padding: 34px 28px 30px !important;

    background: #ffffff !important;

    border: 1px solid var(--cra-border) !important;
    border-radius: 11px !important;

    box-shadow:
        0 9px 26px rgba(20, 48, 92, 0.08) !important;

    box-sizing: border-box !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}


.cra-ce-card > .vc_column-inner:hover {
    transform: translateY(-5px) !important;

    box-shadow:
        0 15px 34px rgba(20, 48, 92, 0.14) !important;
}


/* Iconos */
.cra-ce-card .vc_icon_element {
    margin-bottom: 18px !important;
}


.cra-ce-card .vc_icon_element-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 68px !important;
    height: 68px !important;

    margin: 0 auto !important;

    color: var(--cra-blue) !important;
    background: #ffffff !important;

    border: 1px solid var(--cra-border) !important;
    border-radius: 50% !important;

    box-shadow:
        0 7px 19px rgba(20, 48, 92, 0.10) !important;
}


.cra-ce-card .vc_icon_element-icon {
    color: var(--cra-blue) !important;

    font-size: 32px !important;
}


/* Títulos */
.cra-ce-card h3 {
    margin: 0 0 11px !important;

    color: var(--cra-blue-dark) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;
}


/* Texto */
.cra-ce-card p {
    margin: 0 !important;

    color: var(--cra-text) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.58 !important;

    text-align: center !important;
}


/* ==========================================================
   7. ÁREAS DE CONSULTA
========================================================== */

.cra-ce-area-grid {
    margin-bottom: 20px !important;
}


.cra-ce-area-grid-bottom {
    margin-top: 0 !important;
}


/* Iconos azules */
.cra-ce-area-card .vc_icon_element-inner {
    background: var(--cra-blue) !important;

    border-color: var(--cra-blue) !important;
}


/* Iconos blancos */
.cra-ce-area-card .vc_icon_element-icon,
.cra-ce-area-card .vc_icon_element-icon[style] {
    color: #ffffff !important;
}


/* ==========================================================
   8. PROCESO
========================================================== */

.cra-ce-process-grid {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;

    position: relative !important;
}


/* Línea horizontal */
.cra-ce-process-grid::before {
    content: "" !important;

    position: absolute !important;

    top: 37px !important;
    left: 12.5% !important;
    right: 12.5% !important;

    height: 1px !important;

    background: #cbd9ea !important;

    z-index: 0 !important;
}


.cra-ce-process-step {
    position: relative !important;
    z-index: 1 !important;

    float: none !important;

    padding: 10px 24px !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* Número */
.cra-ce-step-number {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;

    margin: 0 auto 20px !important;

    color: #ffffff !important;
    background: var(--cra-blue) !important;

    border: 4px solid var(--cra-light) !important;
    border-radius: 50% !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    box-shadow:
        0 4px 12px rgba(7, 84, 173, 0.25) !important;
}


.cra-ce-process-step
.wpb_text_column p:first-child {
    margin: 0 !important;
}


.cra-ce-process-step h3 {
    margin: 0 0 9px !important;

    color: var(--cra-blue-dark) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;
}


.cra-ce-process-step p {
    margin: 0 !important;

    color: var(--cra-text) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    text-align: center !important;
}


/* ==========================================================
   9. EQUIPO ESPECIALIZADO
========================================================== */

.cra-ce-team {
    display: flex !important;
    align-items: center !important;
}


/* Columna textual */
.cra-ce-team > .wpb_column:first-child {
    padding-right: 45px !important;
}


.cra-ce-team
> .wpb_column:first-child
.wpb_text_column p {
    color: var(--cra-text) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}


/* Especialidades */
.cra-ce-team-grid {
    display: flex !important;
    align-items: stretch !important;
}


.cra-ce-team-grid > .wpb_column {
    position: relative !important;

    text-align: center !important;
}


/* Separadores */
.cra-ce-team-grid
> .wpb_column:not(:first-child)::before {
    content: "" !important;

    position: absolute !important;

    top: 10% !important;
    bottom: 10% !important;
    left: 0 !important;

    width: 1px !important;

    background: var(--cra-border) !important;
}


/* Iconos */
.cra-ce-team-grid .vc_icon_element {
    margin-bottom: 14px !important;
}


.cra-ce-team-grid .vc_icon_element-inner {
    border: 0 !important;
    background: transparent !important;
}


.cra-ce-team-grid .vc_icon_element-icon {
    color: var(--cra-blue) !important;

    font-size: 56px !important;
}


/* Títulos */
.cra-ce-team-grid h3 {
    margin: 0 !important;

    color: var(--cra-blue-dark) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;

    text-align: center !important;
}


/* ==========================================================
   10. CTA FINAL
========================================================== */

body .wpb-content-wrapper
.vc_row.cra-ce-cta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 250px !important;
    align-items: center !important;
    column-gap: 45px !important;

    position: relative !important;

    width: calc(100% - 40px) !important;
    max-width: 1240px !important;
    min-height: 150px !important;

    margin: 0 auto 70px !important;
    padding: 32px 55px !important;

    background-color: #0754ad !important;
    background-image: linear-gradient(
        100deg,
        #06489d 0%,
        #0754ad 50%,
        #1749a5 74%,
        #5538b5 100%
    ) !important;

    border: 0 !important;
    border-radius: 14px !important;

    box-shadow:
        0 10px 28px rgba(7, 67, 145, 0.18) !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}


/* Reiniciar columnas WPBakery */
body .wpb-content-wrapper
.cra-ce-cta
> .wpb_column {
    display: block !important;

    position: relative !important;
    z-index: 2 !important;

    float: none !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Columna izquierda */
body .wpb-content-wrapper
.cra-ce-cta
> .wpb_column:first-child {
    grid-column: 1 !important;
}


/* Columna botón */
body .wpb-content-wrapper
.cra-ce-cta
> .wpb_column:last-child {
    grid-column: 2 !important;

    width: 250px !important;
    padding-right: 38px !important;
}


/* Wrappers internos */
body .wpb-content-wrapper
.cra-ce-cta
> .wpb_column
> .wpb_wrapper {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Quitar margen del texto */
body .wpb-content-wrapper
.cra-ce-cta
.wpb_text_column {
    margin: 0 !important;
}


/* Título CTA */
body .wpb-content-wrapper
.cra-ce-cta h2 {
    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-align: left !important;
}


/* Descripción CTA */
body .wpb-content-wrapper
.cra-ce-cta p {
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.93) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    text-align: left !important;
}


/* Contenedor botón */
body .wpb-content-wrapper
.cra-ce-cta
.cra-ce-cta-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Botón */
body .wpb-content-wrapper
.cra-ce-cta
.cra-ce-cta-button
.vc_btn3 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 205px !important;
    min-height: 52px !important;

    margin: 0 !important;
    padding: 0 27px !important;

    color: #ffffff !important;

    background-color: #0754ad !important;
    background-image: linear-gradient(
        90deg,
        #0754ad 0%,
        #174fae 52%,
        #a328ae 100%
    ) !important;

    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    border-radius: 28px !important;

    box-shadow:
        0 7px 18px rgba(0, 31, 92, 0.16) !important;

    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-transform: uppercase !important;
    white-space: nowrap !important;

    transition:
        transform 0.25s ease,
        filter 0.25s ease !important;
}


/* Calendario */
body .wpb-content-wrapper
.cra-ce-cta
.cra-ce-cta-button
.vc_btn3::before {
    content: "\1F4C5" !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: static !important;

    margin: 0 11px 0 0 !important;

    color: #ffffff !important;

    font-size: 16px !important;
    line-height: 1 !important;
}


/* Quitar flechas y adornos */
body .wpb-content-wrapper
.cra-ce-cta
.cra-ce-cta-button
.vc_btn3::after {
    display: none !important;
    content: none !important;
}


/* Hover */
body .wpb-content-wrapper
.cra-ce-cta
.cra-ce-cta-button
.vc_btn3:hover {
    color: #ffffff !important;

    filter: brightness(1.07) !important;
    transform: translateY(-2px) !important;
}


/* Figura decorativa */
body .wpb-content-wrapper
.cra-ce-cta::after {
    content: "" !important;

    position: absolute !important;
    z-index: 1 !important;

    right: 18px !important;
    bottom: -23px !important;

    width: 150px !important;
    height: 150px !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='16' r='9'/%3E%3Cpath d='M17 48v-9c0-9 7-16 15-16s15 7 15 16v9'/%3E%3Cpath d='M7 43c7-3 13-3 19 0l6 4 10-11c3-3 7-2 9 1 1 2 1 5-1 7L38 57H22L7 48z'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    opacity: 0.08 !important;

    pointer-events: none !important;
}


/* ==========================================================
   11. NOTEBOOK
========================================================== */

@media screen and (min-width: 1025px) and (max-width: 1350px) {

    .cra-ce-intro,
    .cra-ce-areas,
    .cra-ce-team {
        width: calc(100% - 60px) !important;
    }

    .cra-ce-intro h2,
    .cra-ce-section-heading h2,
    .cra-ce-team h2 {
        font-size: 33px !important;
    }

    .cra-ce-card > .vc_column-inner {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    body .wpb-content-wrapper
    .cra-ce-cta {
        width: calc(100% - 60px) !important;
    }
}


/* ==========================================================
   12. TABLET
========================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    body .wpb-content-wrapper
    .vc_row.vc_custom_1785174822588 {
        min-height: 390px !important;
    }

    body .wpb-content-wrapper
    .vc_custom_1785174822588
    > .wpb_column {
        min-height: 390px !important;
    }

    body .wpb-content-wrapper
    .vc_custom_1785174822588
    h1.box-header {
        font-size: 44px !important;
    }

    .cra-ce-intro,
    .cra-ce-team {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }

    .cra-ce-intro > .wpb_column:first-child {
        padding-right: 25px !important;
    }

    .cra-ce-intro > .wpb_column:last-child {
        padding-left: 15px !important;
    }

    .cra-ce-intro h2,
    .cra-ce-section-heading h2,
    .cra-ce-team h2 {
        font-size: 31px !important;
    }

    .cra-ce-main-image img {
        height: 340px !important;
    }

    .cra-ce-card > .vc_column-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .cra-ce-card h3 {
        font-size: 16px !important;
    }

    .cra-ce-card p {
        font-size: 13px !important;
    }

    body .wpb-content-wrapper
    .cra-ce-cta {
        grid-template-columns: minmax(0, 1fr) 220px !important;
        column-gap: 25px !important;

        padding: 30px 34px !important;
    }

    body .wpb-content-wrapper
    .cra-ce-cta
    > .wpb_column:last-child {
        width: 220px !important;
        padding-right: 25px !important;
    }

    body .wpb-content-wrapper
    .cra-ce-cta h2 {
        font-size: 23px !important;
    }
}


/* ==========================================================
   13. MÓVIL
========================================================== */

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

    /* Hero */
    body .wpb-content-wrapper
    .vc_row.vc_custom_1785174822588 {
        min-height: 370px !important;

        background-position: top center !important;
    }

    body .wpb-content-wrapper
    .vc_custom_1785174822588
    > .wpb_column {
        min-height: 370px !important;
    }

    body .wpb-content-wrapper
    .vc_custom_1785174822588
    > .wpb_column
    > .wpb_wrapper {
        width: calc(100% - 30px) !important;
    }

    body .wpb-content-wrapper
    .vc_custom_1785174822588
    h1.box-header {
        max-width: 330px !important;

        font-size: 39px !important;
    }

    body .wpb-content-wrapper
    .vc_custom_1785174822588
    p.cra-ce-hero-lead {
        max-width: 330px !important;

        font-size: 16px !important;
    }


    /* Contenedores */
    .cra-ce-intro,
    .cra-ce-areas,
    .cra-ce-team {
        display: block !important;

        width: calc(100% - 30px) !important;

        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .cra-ce-soft-section {
        padding: 55px 15px !important;
    }


    /* Columnas */
    .cra-ce-intro > .wpb_column,
    .cra-ce-team > .wpb_column {
        width: 100% !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .cra-ce-intro > .wpb_column:last-child {
        margin-top: 35px !important;
    }

    .cra-ce-intro h2,
    .cra-ce-section-heading h2,
    .cra-ce-team h2 {
        font-size: 28px !important;
    }

    .cra-ce-main-image img {
        height: 270px !important;
    }


    /* Públicos */
    .cra-ce-audiences {
        float: none !important;

        width: 100% !important;

        margin-top: 22px !important;
    }

    .cra-ce-audiences > .wpb_column {
        width: 50% !important;

        margin-bottom: 18px !important;
    }


    /* Tarjetas */
    .cra-ce-card-grid {
        display: block !important;
    }

    .cra-ce-card {
        display: block !important;

        width: 100% !important;

        margin-bottom: 18px !important;
        padding: 0 !important;
    }

    .cra-ce-card > .vc_column-inner {
        min-height: 0 !important;
    }

    .cra-ce-area-grid-bottom
    > .wpb_column:first-child,
    .cra-ce-area-grid-bottom
    > .wpb_column:last-child {
        display: none !important;
    }

    .cra-ce-area-grid-bottom
    > .cra-ce-area-card {
        display: block !important;

        width: 100% !important;
    }


    /* Proceso */
    .cra-ce-process-grid {
        display: block !important;
    }

    .cra-ce-process-grid::before {
        display: none !important;
    }

    .cra-ce-process-step {
        width: 100% !important;

        margin-bottom: 20px !important;
        padding: 25px 22px !important;

        background: #ffffff !important;

        border: 1px solid var(--cra-border) !important;
        border-radius: 10px !important;
    }


    /* Equipo */
    .cra-ce-team > .wpb_column:first-child {
        margin-bottom: 30px !important;
    }

    .cra-ce-team-grid {
        display: block !important;
    }

    .cra-ce-team-grid > .wpb_column {
        width: 100% !important;

        padding: 25px 0 !important;

        border-bottom: 1px solid var(--cra-border) !important;
    }

    .cra-ce-team-grid
    > .wpb_column::before {
        display: none !important;
    }


    /* CTA */
    body .wpb-content-wrapper
    .cra-ce-cta {
        display: block !important;

        width: calc(100% - 30px) !important;
        min-height: 0 !important;

        margin-bottom: 45px !important;
        padding: 32px 24px 38px !important;

        text-align: center !important;
    }

    body .wpb-content-wrapper
    .cra-ce-cta
    > .wpb_column:first-child,
    body .wpb-content-wrapper
    .cra-ce-cta
    > .wpb_column:last-child {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;
    }

    body .wpb-content-wrapper
    .cra-ce-cta
    > .wpb_column:last-child {
        margin-top: 24px !important;
    }

    body .wpb-content-wrapper
    .cra-ce-cta h2,
    body .wpb-content-wrapper
    .cra-ce-cta p {
        text-align: center !important;
    }

    body .wpb-content-wrapper
    .cra-ce-cta h2 {
        font-size: 24px !important;
    }

    body .wpb-content-wrapper
    .cra-ce-cta::after {
        right: -18px !important;
        bottom: -25px !important;

        width: 120px !important;
        height: 120px !important;
    }
}