.elementor-676 .elementor-element.elementor-element-69519b8{--display:flex;--margin-top:6%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-676 .elementor-element.elementor-element-69519b8:not(.elementor-motion-effects-element-type-background), .elementor-676 .elementor-element.elementor-element-69519b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-676 .elementor-element.elementor-element-72413b5{padding:5% 0% 5% 0%;}.elementor-676 .elementor-element.elementor-element-72413b5.elementor-element{--align-self:center;}.elementor-676 .elementor-element.elementor-element-72413b5 .elementor-heading-title{color:var( --e-global-color-19d2e85 );}.elementor-676 .elementor-element.elementor-element-1c65ad9{--display:flex;--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-676 .elementor-element.elementor-element-06fa97f{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-676 .elementor-element.elementor-element-06fa97f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-676 .elementor-element.elementor-element-c38a58c{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-676 .elementor-element.elementor-element-c38a58c.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-676 .elementor-element.elementor-element-1c65ad9{--content-width:1234px;}.elementor-676 .elementor-element.elementor-element-06fa97f{--width:100%;}.elementor-676 .elementor-element.elementor-element-c38a58c{--width:100%;}}@media(max-width:767px){.elementor-676 .elementor-element.elementor-element-69519b8{--width:100%;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-676 .elementor-element.elementor-element-72413b5{margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-676 .elementor-element.elementor-element-1c65ad9{--content-width:1600px;--margin-top:0%;--margin-bottom:0%;--margin-left:5%;--margin-right:7%;}.elementor-676 .elementor-element.elementor-element-25adc6d{margin:0px 32px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}}/* Start custom CSS for container, class: .elementor-element-1c65ad9 *//* =======================================================
   DISEÑO "AUTOR" PARA INTRODUCCIÓN - MOUNTAIN BCN
   ======================================================= */

/* Contenedor con aire editorial */
.elementor-element-1c65ad9 {
    background-color: transparent; 
    padding: 80px 0;
    position: relative;
}

/* El texto principal como una gran cita */
.elementor-element-25adc6d .elementor-widget-container {
    max-width: 850px;
    margin: 0 auto;
    text-align: left; /* Alineación a la izquierda para dar sensación de carta/autor */
    border-left: 4px solid #1970B4; /* Línea azul lateral de Mountain Barcelona [cite: 2025-12-26] */
    padding-left: 40px;
}

/* Párrafo 1: Tipografía grande y fluida */
.elementor-element-25adc6d p:first-child {
    font-size: 1.5em;
    line-height: 1.4;
    color: #1a1a1a;
    font-weight: 300; /* Fina y elegante */
    margin-bottom: 30px;
    font-family: 'Raleway', sans-serif;
    font-style: italic;
}

/* Párrafo 2: Texto de apoyo profesional */
.elementor-element-25adc6d p:last-child {
    font-size: 1.15em;
    line-height: 1.8;
    color: #555;
}

/* Resalte en naranja para lo importante */
.elementor-element-25adc6d strong, 
.elementor-element-25adc6d b {
    color: #1970B4; /* Cambiamos a tu azul para reforzar marca [cite: 2025-12-26] */
    font-weight: 800;
}

/* Decoración tipográfica (Comilla gigante opcional) */
.elementor-element-25adc6d::before {
    content: "“";
    position: absolute;
    left: -10px;
    top: 60px;
    font-size: 120px;
    color: rgba(25, 112, 180, 0.05); /* Azul muy sutil [cite: 2025-12-26] */
    font-family: serif;
}

/* Responsive */
@media (max-width: 767px) {
    .elementor-element-25adc6d .elementor-widget-container {
        padding-left: 20px;
        margin: 0 15px;
    }
    .elementor-element-25adc6d p:first-child { font-size: 1.25em; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-340f24b *//* =======================================================
   ESTILOS PÁGINA "NUESTRA FILOSOFÍA" - MOUNTAIN BCN
   ======================================================= */

/* 1. CONTENEDOR GENERAL */
.filosofia-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 20px;
    font-family: 'Raleway', sans-serif; 
}

/* 2. HERO SECTION */
.filosofia-hero {
    text-align: center;
    margin-bottom: 60px;
}

.filosofia-hero h1 {
    font-size: 3.2em;
    font-weight: 800;
    color: #1a1a1a;
    line-height: 1.1;
    margin-bottom: 20px;
}

.filosofia-hero .highlight {
    color: #1870B4; /* Actualizado a tu azul exacto */
}

.filosofia-hero .subtitle {
    font-size: 1.3em;
    color: #555;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.5;
}

/* 3. GRID DE TARJETAS */
.filosofia-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    margin-bottom: 80px;
}

.filosofia-card {
    background: #ffffff;
    border-radius: 15px;
    padding: 45px 35px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    border-top: 6px solid #1870B4;
    transition: all 0.4s ease;
    overflow: hidden;
}

.filosofia-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 45px rgba(0,0,0,0.1);
    border-top-color: #ff9800; /* Naranja Mountain en hover */
}

/* Número decorativo */
.filosofia-num {
    position: absolute;
    top: -5px; 
    right: 15px;
    font-size: 75px; 
    font-weight: 900;
    color: rgba(24, 112, 180, 0.15); 
    font-family: 'Black Han Sans', sans-serif;
    letter-spacing: -3px;
    z-index: 1;
    transition: all 0.4s ease;
}

.filosofia-card:hover .filosofia-num {
    color: rgba(255, 152, 0, 0.2); 
    transform: scale(1.1);
}

.filosofia-card h3, 
.filosofia-card p {
    position: relative;
    z-index: 2;
}

.filosofia-card h3 {
    font-size: 1.65em;
    color: #1a1a1a;
    margin-bottom: 15px;
    font-weight: 800;
}

.filosofia-card p {
    color: #555;
    line-height: 1.7;
    font-size: 1.05em;
    margin: 0;
}

/* 4. SECCIÓN FINAL Y BOTÓN (CTA) */
.filosofia-cta {
    text-align: center;
    background: #f9f9f9;
    padding: 60px 40px;
    border-radius: 20px;
}

.filosofia-cta h2 {
    font-size: 2.5em;
    font-weight: 800;
    margin-bottom: 15px;
    color: #1a1a1a;
}

.filosofia-cta p {
    font-size: 1.25em;
    color: #555;
    margin-bottom: 35px;
}

.cta-button-filosofia {
    display: inline-block;
    background-color: #1870B4;
    color: #ffffff !important;
    padding: 20px 45px;
    border-radius: 50px;
    font-weight: 800;
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s;
    box-shadow: 0 5px 20px rgba(24, 112, 180, 0.3);
}

.cta-button-filosofia:hover {
    background-color: #ff9800;
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgba(255, 152, 0, 0.4);
}

/* 5. RESPONSIVE MOBILE */
@media (max-width: 767px) {
    .filosofia-hero h1 { font-size: 2.4em; }
    .filosofia-hero .subtitle { font-size: 1.1em; }
    .filosofia-grid { grid-template-columns: 1fr; gap: 20px; }
    .filosofia-container { padding: 40px 15px; }
    .filosofia-card { padding: 35px 25px; }
    .filosofia-num { font-size: 60px; top: 0; }
    .filosofia-cta h2 { font-size: 1.8em; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-975633a *//* =======================================================
   ESTILOS SECCIÓN BENEFICIOS - MOUNTAIN BCN (9 CARDS)
   ======================================================= */

.beneficios-section {
    background: linear-gradient(84deg, #0066b5 0%, #23daff 100%);
    padding: 100px 20px;
    margin-top: 60px;
    font-family: 'Raleway', sans-serif;
}

.beneficios-container {
    max-width: 1200px;
    margin: 0 auto;
}

.beneficios-title {
    text-align: center;
    color: #ffffff;
    font-size: 3.5em;
    font-weight: 800;
    margin-bottom: 60px;
    line-height: 1.1;
}

.beneficios-title span {
    font-weight: 300;
    opacity: 0.9;
}

.beneficios-grid {
    display: grid;
    /* Ajustado para mostrar 3 columnas en escritorio */
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.beneficio-card {
    background: #ffffff;
    padding: 50px 30px;
    border-radius: 20px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

.beneficio-card:hover {
    transform: translateY(-15px);
    box-shadow: 0 20px 45px rgba(0,0,0,0.2);
}

/* Estilos de Iconos circulares de Mountain Barcelona */
.beneficio-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    font-size: 30px;
    color: #ffffff;
}

.icon-orange { background-color: #ffa723; }
.icon-blue-light { background-color: #1e7ddb; }
.icon-blue-dark { background-color: #10007f; }

.beneficio-card h3 {
    font-size: 1.6em;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 18px;
    line-height: 1.2;
}

.beneficio-card p {
    font-size: 1.05em;
    color: #555;
    line-height: 1.7;
    margin: 0;
}

/* Responsive: Ajustes para tablets y móviles */
@media (max-width: 1024px) {
    .beneficios-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
    .beneficios-title { font-size: 2.2em; }
    .beneficios-grid { grid-template-columns: 1fr; }
    .beneficio-card { padding: 40px 20px; }
}

/* Estilo base para los círculos de los iconos */
.beneficio-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 24px; /* Tamaño del icono */
    color: #ffffff;  /* Color del icono: Blanco */
}

/* Colores de los círculos (Usa tu azul y naranja) */
.icon-orange { background-color: #ff9800; }
.icon-blue-light { background-color: #1870B4; opacity: 0.8; }
.icon-blue-dark { background-color: #1870B4; }

/* Forzar que Font Awesome se vea */
.beneficio-icon i {
    display: inline-block;
    line-height: 1;
}/* End custom CSS */