/* Ajustes de marca: paleta y tipografia oficiales de archicentro.com */
body, body *:not(.fa) {
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* Titulos y enlaces en azul marino (color del sitio web), excepto en el pie de pagina que se quedan en verde */
a, a:hover, a:visited, a:active,
h1, h2, h3, h4, h5, h6,
h1 .tinyMce-placeholder, h2 .tinyMce-placeholder, h3 .tinyMce-placeholder,
h4 .tinyMce-placeholder, h5 .tinyMce-placeholder, h6 .tinyMce-placeholder,
.archicentro-card-title {
    color: #2C3E50 !important;
}

.bee-row-21 a, .bee-row-21 a:hover, .bee-row-21 a:visited,
.bee-row-21 h1, .bee-row-21 h2, .bee-row-21 h3,
.bee-row-21 h1 .tinyMce-placeholder, .bee-row-21 h2 .tinyMce-placeholder, .bee-row-21 h3 .tinyMce-placeholder,
.bee-row-22 a, .bee-row-22 a:hover, .bee-row-22 a:visited {
    color: #5FB848 !important;
}

/* Texto de parrafos en el gris de la paleta oficial (Gray-600) */
.bee-paragraph p, .bee-paragraph p .tinyMce-placeholder {
    color: #4B5563 !important;
}

/* Iconos de las 3 tarjetas en teal (acento secundario de la paleta) */
.archicentro-card-icon {
    color: #00A896 !important;
}

/* Agrandar el texto verde del encabezado (correo), alineado a la derecha, debajo del menu */
.bee-row-1 .bee-col-1 .bee-block-1 p,
.bee-row-1 .bee-col-1 .bee-block-1 a {
    font-size: 18px !important;
}
.bee-row-1 .bee-col-1 .bee-block-1 p {
    text-align: right !important;
    padding-right: 40px;
    margin: 4px 0 !important;
}

/* Menu de navegacion: los 4 elementos como botones verdes redondeados */
.bee-row-2 .bee-col-2 .bee-block-1 a {
    background-color: #5FB848 !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    padding: 10px 22px !important;
    border-radius: 25px !important;
    display: inline-block;
}

.bee-row-2 .bee-col-2 .bee-block-1 a:hover {
    background-color: #5FB848 !important;
    color: #000000 !important;
}

/* Quitar el patron azul de fondo (header/footer) y dejar el gris de Archicentro.
   OJO: .bee-row-3 NO se incluye aqui porque su "background-image" es en realidad
   la foto de las chicas, no un patron decorativo. */
.bee-row-1, .bee-row-2 {
    background-image: none !important;
    background-color: #ffffff !important;
}

.bee-row-21 {
    background-image: none !important;
    background-color: #2C3E50 !important;
}

/* Reducir el alto de la barra superior (header) */
.bee-row-2 .bee-col-1 {
    padding: 4px 10px !important;
}
.bee-row-2 .bee-col-2 {
    padding: 5px 60px 5px 25px !important;
}
.bee-row-2 .bee-col-1 img {
    max-height: 90px !important;
    width: auto !important;
}

/* Modernizar el formulario de contacto: campos redondeados, con sombra suave */
.bee-row-21 .bee-field input[type="text"],
.bee-row-21 .bee-field textarea {
    border: none !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .25) !important;
    font-size: 15px !important;
}

/* Boton "Enviar" como boton verde solido, igual al resto del sitio */
.bee-row-21 .bee-button-container button[type="submit"] {
    background-color: #5FB848 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 12px 36px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: background-color .15s ease;
}

.bee-row-21 .bee-button-container button[type="submit"]:hover {
    background-color: #4ca639 !important;
}

/* Redes sociales: iconos redondos verdes, estilo igual al del e-learning */
.archicentro-social {
    display: flex !important;
    gap: 12px;
    margin-top: 10px;
}

.archicentro-social a {
    width: 40px;
    height: 40px;
    border-radius: 10px !important;
    background-color: #34495E !important;
    color: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: background-color .15s ease;
}

.archicentro-social a:hover {
    background-color: #5FB848 !important;
    color: #ffffff !important;
}

/* Tagline del pie de pagina */
.archicentro-footer-tagline {
    color: #E2E8F0 !important;
    font-size: 14px;
    line-height: 1.5;
    max-width: 480px;
}

/* Barra inferior del pie de pagina: copyright + enlaces legales */
.archicentro-footer-bottom {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 16px 0;
    margin-top: 10px;
    border-top: 1px solid rgba(255,255,255,.15);
    color: #E2E8F0;
    font-size: 13px;
}

.archicentro-footer-legal {
    display: flex;
    gap: 20px;
}

.archicentro-footer-legal a {
    color: #E2E8F0 !important;
    font-size: 13px;
    text-decoration: none;
}

.archicentro-footer-legal a:hover {
    color: #5FB848 !important;
}

/* Pie de pagina: logo con esquinas suaves */
.bee-row-22 .bee-col-1 img {
    border-radius: 8px;
}

/* --- Mejoras v2 --- */

/* Iconos arriba de las 3 tarjetas (Que es / Ventajas / Beneficios) */
.archicentro-card-icon {
    font-size: 34px !important;
    margin-bottom: 8px;
}

/* Boton flotante fijo "Ingresar a la plataforma" */
.archicentro-sticky-cta {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 1000;
    background-color: #5FB848 !important;
    color: #000000 !important;
    padding: 14px 26px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.3);
    transition: background-color .15s ease, transform .15s ease;
}

.archicentro-sticky-cta:hover {
    background-color: #4ca639 !important;
    color: #000000 !important;
    transform: translateY(-2px);
}

@media (max-width: 576px) {
    .archicentro-sticky-cta {
        padding: 12px 18px;
        font-size: 13px;
        bottom: 14px;
        right: 14px;
    }
}

/* Justificar los parrafos de texto, dejando los titulos centrados como estaban */
.bee-paragraph p {
    text-align: justify !important;
}

.archicentro-card-icon {
    display: block;
    text-align: center;
}

.archicentro-card-title {
    display: block;
    text-align: center !important;
    font-weight: 700;
}

/* Icono de menu hamburguesa: de azul a verde */
.bee-row-2 .bee-col-2 .bee-block-1 .bee-hamburger-controls span.bee-hamburger-open {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjNUZCODQ4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGhlaWdodD0iMTIiIHJ4PSI2IiB3aWR0aD0iNjQiLz48cmVjdCBoZWlnaHQ9IjEyIiByeD0iNiIgd2lkdGg9IjY0IiB5PSI1MiIvPjxyZWN0IGhlaWdodD0iMTIiIHJ4PSI2IiB3aWR0aD0iNjQiIHk9IjI2Ii8+PC9nPjwvc3ZnPg==") !important;
}

.bee-row-2 .bee-col-2 .bee-block-1 .bee-hamburger-controls span.bee-hamburger-close {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjNUZCODQ4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGhlaWdodD0iMTIiIHJ4PSI2IiB0cmFuc2Zvcm09Im1hdHJpeCgtLjcwNzEwNjc4IC0uNzA3MTA2NzggLjcwNzEwNjc4IC0uNzA3MTA2NzggMzEuOTkxMzc4IDc3LjIzNDAxOSkiIHdpZHRoPSI4MiIgeD0iLTkuMDA4NjIyIiB5PSIyNS45OTEzNzgiLz48cmVjdCBoZWlnaHQ9IjEyIiByeD0iNiIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDY3OCAuNzA3MTA2NzggLS43MDcxMDY3OCAtLjcwNzEwNjc4IDc3LjgxOTgwNiAzMi4yMzQwMTkpIiB3aWR0aD0iODIiIHg9Ii04Ljc2NTk4MSIgeT0iMjYuMjM0MDE5Ii8+PC9nPjwvc3ZnPg==") !important;
}