/*
Theme Name: Orippo
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: César L Sard - Kadence WP
Author URI: https://www.orippo.com/
Description: Orippo – tema es un tema de WordPress liviano pero con todas las funciones para crear hermosos sitios web accesibles y de carga rápida, más fácil que nunca. Cuenta con un generador de encabezado y pie de página de arrastrar y soltar fácil de usar para crear cualquier tipo de encabezado en minutos. Cuenta con una biblioteca completa de magníficas plantillas de inicio que son fáciles de modificar con nuestros controles inteligentes globales de fuente y color. Con una amplia integración con los complementos de terceros más populares, puede crear rápidamente impresionantes sitios web de comercio electrónico, sitios web de cursos, sitios web comerciales y más.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.2.12.1732136466
Updated: 2024-11-20 22:01:06

*/

/* Portada 2026: presentación principal del coro. */
.orippo-home-hero {
    background: #053b57;
    color: #fff;
    overflow: hidden;
}

.orippo-home-hero__columns {
    gap: 0;
    margin: 0 auto !important;
    max-width: 1440px !important;
    width: calc(100% - 2rem) !important;
}

.orippo-home-hero__copy {
    padding: clamp(3rem, 7vw, 7rem) clamp(1.5rem, 5vw, 5rem);
}

.orippo-home-hero__eyebrow {
    color: #e0b557;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.orippo-home-hero__title {
    margin-bottom: 1.4rem;
}

.orippo-home-hero__intro {
    color: #eaf2f5;
    font-size: clamp(1.05rem, 1.6vw, 1.3rem);
    line-height: 1.6;
    max-width: 34rem;
}

.orippo-home-hero__buttons {
    margin-top: 2rem;
}

.orippo-home-hero__buttons .wp-block-button__link {
    border-radius: 3px;
    font-weight: 700;
    padding: 0.85rem 1.35rem;
}

.orippo-home-hero__buttons .wp-block-button:not(.is-style-outline) .wp-block-button__link {
    background: #e0b557;
    color: #153140;
}

.orippo-home-hero__buttons .is-style-outline .wp-block-button__link {
    border-color: #fff;
    color: #fff;
}

.orippo-home-hero__image,
.orippo-home-hero__image img {
    display: block;
    margin: 0;
    width: 100%;
}

.orippo-home-intro {
    background: #f7f4ed;
    padding: clamp(3.5rem, 7vw, 6.5rem) 1.5rem;
}

.orippo-home-intro h2 {
    color: #053b57;
    font-size: clamp(2rem, 3vw, 2.8rem);
    line-height: 1.15;
}

.orippo-home-intro h3 {
    color: #053b57;
    font-size: clamp(1.55rem, 2.2vw, 2rem);
    line-height: 1.25;
}

.orippo-home-intro p {
    color: #33444d;
    font-size: 1.15rem;
    line-height: 1.75;
    max-width: 760px;
}

/* Gutenberg debe representar el mismo ancho amplio que la portada pública. */
.editor-styles-wrapper .orippo-home-hero__columns {
    left: 50%;
    max-width: none !important;
    position: relative;
    transform: translateX(-50%);
    width: min(1440px, calc(100vw - 2rem)) !important;
}

@media (max-width: 781px) {
    .orippo-home-hero__columns {
        width: 100% !important;
    }

    .orippo-home-hero__copy {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem;
    }

}


/* ==========================================================================
   Menú Móvil / Drawer: Borde y enlaces integrados para Submenús
   ========================================================================== 
   Integra los submenús en el fondo del panel lateral, con un borde
   de acento y el mismo color de hover que el menú principal.
   ========================================================================== */

/* Contenedor del submenú desplegado (acordeón en panel lateral) */
#mobile-drawer .mobile-navigation ul ul {
    background-color: transparent;
    border-radius: 8px;
    margin: 0.4rem 0 0.8rem 0.5rem;
    padding: 0.4rem 0.5rem;
    border-left: 3px solid #d4a373; /* Acento en tono cálido/dorado */
}

/* Enlaces individuales del submenú */
#mobile-drawer .mobile-navigation ul ul li a {
    font-size: 0.95rem;
    padding: 0.45rem 0.75rem;
    color: #060606;
    background-color: transparent;
    font-weight: 500;
}

/* Mismo acento que los enlaces del menú principal. */
#mobile-drawer .mobile-navigation ul ul li a:hover,
#mobile-drawer .mobile-navigation ul ul li a:focus-visible,
#mobile-drawer .mobile-navigation ul ul li.current-menu-item > a {
    color: var(--global-palette14);
    background-color: transparent;
}

#mobile-drawer .mobile-navigation ul ul li a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -3px;
}

/* Las filas dejan ver el fondo fijo elegido en Kadence solo durante el scroll. */
@media (min-width: 1024px) {
    #masthead #main-header .site-header-upper-inner-wrap.item-is-fixed:not(.item-at-start) .site-header-row-container-inner {
        background: transparent;
    }
}