/*
Theme Name:  Emaús Bariloche
Theme URI:   https://fundacionemausbariloche.org.ar
Description: Tema personalizado para la Fundación Emaús Bariloche. Basado en Hello Elementor.
Author:      Fundación Emaús Bariloche
Author URI:  https://fundacionemausbariloche.org.ar
Template:    hello-elementor
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: emaus-bariloche
Tags:        custom-colors, custom-logo, custom-menu, featured-images, threaded-comments
*/

/* ============================================================
   VARIABLES DE MARCA — FUNDACIÓN EMAÚS BARILOCHE
   Extraídas del logo oficial (azul cielo + arena dorada)
   ============================================================ */
:root {
  --emaus-azul:          #2a5a7a;
  --emaus-azul-oscuro:   #1d3f56;
  --emaus-azul-claro:    #5ba3c9;
  --emaus-azul-palido:   #e8f4fc;
  --emaus-cielo:         #87ceeb;
  --emaus-arena:         #c4a052;
  --emaus-arena-claro:   #f5f0e8;
  --emaus-arena-oscuro:  #8b6340;
  --emaus-marron:        #6b5a4a;
  --emaus-blanco:        #ffffff;
  --emaus-gris-claro:    #f7f5f2;
  --emaus-gris-borde:    #e0dbd4;
  --emaus-negro:         #1a1a1a;
  --emaus-footer-bg:     #111111;

  --emaus-font-titulo:   'Nunito', sans-serif;
  --emaus-font-cuerpo:   'Nunito Sans', sans-serif;

  --emaus-radio:         8px;
  --emaus-radio-lg:      12px;
  --emaus-sombra:        0 4px 20px rgba(0,0,0,0.08);
  --emaus-sombra-hover:  0 8px 32px rgba(0,0,0,0.14);
}

/* ============================================================
   RESET Y BASE
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: var(--emaus-font-cuerpo);
  color: var(--emaus-negro);
  background: var(--emaus-arena-claro);
  line-height: 1.65;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--emaus-azul); transition: color .2s; }
a:hover { color: var(--emaus-arena); }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--emaus-font-titulo);
  font-weight: 900;
  line-height: 1.2;
  color: var(--emaus-azul-oscuro);
}

/* ============================================================
   TOPBAR
   ============================================================ */
.emaus-topbar {
  background: var(--emaus-azul-oscuro);
  color: rgba(255,255,255,0.75);
  font-size: 12px;
  padding: 7px 24px;
  text-align: center;
  letter-spacing: 0.3px;
}
.emaus-topbar a { color: var(--emaus-cielo); text-decoration: none; }
.emaus-topbar a:hover { color: #fff; }

/* ============================================================
   HEADER / NAVEGACIÓN
   ============================================================ */
.site-header,
.emaus-header {
  background: var(--emaus-blanco);
  border-bottom: 3px solid var(--emaus-azul-claro);
  padding: 14px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 999;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07);
}

.site-logo img,
.emaus-logo img {
  max-height: 56px;
  width: auto;
}

.emaus-logo-texto h1 {
  font-size: 20px;
  font-weight: 900;
  color: var(--emaus-azul-oscuro);
  margin: 0;
  line-height: 1.1;
}
.emaus-logo-texto span {
  font-size: 11px;
  color: var(--emaus-arena-oscuro);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

/* Nav */
.emaus-nav a {
  color: var(--emaus-azul-oscuro);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  margin-left: 24px;
  transition: color .2s;
}
.emaus-nav a:hover { color: var(--emaus-azul-claro); }

.emaus-nav .btn-donar,
.elementor-button.btn-donar {
  background: var(--emaus-arena) !important;
  color: var(--emaus-blanco) !important;
  padding: 10px 22px !important;
  border-radius: var(--emaus-radio) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: none !important;
  margin-left: 24px;
  transition: background .2s !important;
}
.emaus-nav .btn-donar:hover,
.elementor-button.btn-donar:hover {
  background: var(--emaus-arena-oscuro) !important;
}

/* ============================================================
   HERO
   ============================================================ */
.emaus-hero {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.emaus-hero .hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(29,63,86,0.88) 0%, rgba(29,63,86,0.55) 60%, rgba(29,63,86,0.2) 100%);
  z-index: 1;
}
.emaus-hero .hero-content {
  position: relative;
  z-index: 2;
  padding: 80px 60px;
  max-width: 680px;
  color: #fff;
}
.emaus-hero .hero-tag {
  display: inline-block;
  background: var(--emaus-arena);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.emaus-hero h1 {
  font-size: 52px;
  font-weight: 900;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 20px;
}
.emaus-hero h1 em {
  font-style: normal;
  color: var(--emaus-cielo);
}
.emaus-hero .hero-desc {
  font-size: 18px;
  color: rgba(255,255,255,0.88);
  margin-bottom: 32px;
  line-height: 1.7;
}
.emaus-hero .hero-ctas {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

/* ============================================================
   BOTONES GLOBALES
   ============================================================ */
.btn-primario,
.emaus-btn-primario {
  display: inline-block;
  background: var(--emaus-arena);
  color: #fff !important;
  padding: 14px 32px;
  border-radius: var(--emaus-radio);
  font-weight: 800;
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: background .2s, transform .15s;
  border: none;
  cursor: pointer;
}
.btn-primario:hover { background: var(--emaus-arena-oscuro); transform: translateY(-1px); }

.btn-secundario,
.emaus-btn-secundario {
  display: inline-block;
  border: 2px solid rgba(255,255,255,0.6);
  color: #fff !important;
  padding: 14px 32px;
  border-radius: var(--emaus-radio);
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  transition: border-color .2s;
}
.btn-secundario:hover { border-color: #fff; }

.btn-blanco {
  display: inline-block;
  background: #fff;
  color: var(--emaus-azul-oscuro) !important;
  padding: 14px 32px;
  border-radius: var(--emaus-radio);
  font-weight: 800;
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background .2s;
}
.btn-blanco:hover { background: var(--emaus-azul-palido); }

/* ============================================================
   SECCIÓN: IMPACTO (barra de estadísticas)
   ============================================================ */
.emaus-impacto {
  background: var(--emaus-azul-oscuro);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.emaus-impacto-item {
  padding: 36px 20px;
  text-align: center;
  border-right: 1px solid rgba(255,255,255,0.1);
  color: #fff;
}
.emaus-impacto-item:last-child { border-right: none; }
.emaus-impacto-num {
  font-family: var(--emaus-font-titulo);
  font-size: 48px;
  font-weight: 900;
  color: var(--emaus-cielo);
  line-height: 1;
  margin-bottom: 6px;
}
.emaus-impacto-label {
  font-size: 12px;
  color: rgba(255,255,255,0.7);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.4;
}

/* ============================================================
   SECCIÓN: CLAIM (foto stencil + texto)
   ============================================================ */
.emaus-claim {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 280px;
}
.emaus-claim-imagen { background-size: cover; background-position: center; }
.emaus-claim-texto {
  background: var(--emaus-azul-oscuro);
  padding: 48px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.emaus-claim-texto blockquote {
  font-family: var(--emaus-font-titulo);
  font-size: 28px;
  font-weight: 900;
  color: var(--emaus-cielo);
  line-height: 1.2;
  margin: 0 0 16px;
  border: none;
  padding: 0;
}
.emaus-claim-texto p { font-size: 15px; color: rgba(255,255,255,0.78); line-height: 1.7; }

/* ============================================================
   SECCIONES GENERALES
   ============================================================ */
.emaus-seccion { padding: 72px 40px; }
.emaus-seccion.bg-gris { background: var(--emaus-gris-claro); }
.emaus-seccion.bg-azul { background: var(--emaus-azul-oscuro); color: #fff; }
.emaus-seccion.bg-arena { background: var(--emaus-arena); color: #fff; }

.emaus-container { max-width: 1100px; margin: 0 auto; }

.emaus-tag {
  display: inline-block;
  background: var(--emaus-azul-palido);
  color: var(--emaus-azul-oscuro);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 4px;
  margin-bottom: 12px;
}
.emaus-tag.arena {
  background: rgba(196,160,82,0.15);
  color: var(--emaus-arena-oscuro);
}

.emaus-titulo-seccion {
  font-size: 36px;
  font-weight: 900;
  color: var(--emaus-azul-oscuro);
  margin-bottom: 12px;
}
.emaus-subtitulo-seccion {
  font-size: 17px;
  color: var(--emaus-marron);
  max-width: 600px;
  line-height: 1.7;
  margin-bottom: 48px;
}

/* ============================================================
   PROGRAMAS / CARDS
   ============================================================ */
.emaus-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.emaus-card {
  background: var(--emaus-blanco);
  border-radius: var(--emaus-radio-lg);
  border: 1px solid var(--emaus-gris-borde);
  overflow: hidden;
  transition: box-shadow .25s, transform .25s;
}
.emaus-card:hover {
  box-shadow: var(--emaus-sombra-hover);
  transform: translateY(-4px);
}
.emaus-card-imagen {
  height: 200px;
  overflow: hidden;
  position: relative;
}
.emaus-card-imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s;
}
.emaus-card:hover .emaus-card-imagen img { transform: scale(1.05); }
.emaus-card-imagen-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 40%, rgba(29,63,86,0.4) 100%);
}
.emaus-card-cuerpo { padding: 24px; }
.emaus-card-cuerpo h3 {
  font-size: 20px;
  font-weight: 800;
  color: var(--emaus-azul-oscuro);
  margin-bottom: 10px;
}
.emaus-card-cuerpo p { font-size: 14px; color: var(--emaus-marron); line-height: 1.65; }
.emaus-card-link {
  display: inline-block;
  margin-top: 16px;
  color: var(--emaus-arena);
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.emaus-card-link:hover { color: var(--emaus-arena-oscuro); text-decoration: underline; }

/* ============================================================
   PASOS / CÓMO FUNCIONA
   ============================================================ */
.emaus-pasos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 40px;
  position: relative;
}
.emaus-pasos::before {
  content: '';
  position: absolute;
  top: 44px;
  left: 12%;
  right: 12%;
  height: 2px;
  background: var(--emaus-azul-palido);
}
.emaus-paso { text-align: center; padding: 0 16px; position: relative; z-index: 1; }
.emaus-paso-num {
  width: 88px;
  height: 88px;
  background: var(--emaus-azul-claro);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--emaus-font-titulo);
  font-size: 32px;
  font-weight: 900;
  margin: 0 auto 18px;
  border: 4px solid #fff;
  box-shadow: 0 0 0 3px var(--emaus-azul-palido);
}
.emaus-paso h4 {
  font-size: 17px;
  font-weight: 800;
  color: var(--emaus-azul-oscuro);
  margin-bottom: 8px;
}
.emaus-paso p { font-size: 13px; color: var(--emaus-marron); line-height: 1.6; }

/* ============================================================
   DONACIONES
   ============================================================ */
.emaus-donar { background: var(--emaus-arena); padding: 72px 40px; text-align: center; }
.emaus-donar h2 { font-size: 40px; color: #fff; margin-bottom: 14px; }
.emaus-donar > p { font-size: 18px; color: rgba(255,255,255,0.88); margin-bottom: 32px; max-width: 600px; margin-left: auto; margin-right: auto; }

.emaus-montos {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 28px;
}
.emaus-monto-btn {
  background: rgba(255,255,255,0.2);
  color: #fff;
  border: 2px solid rgba(255,255,255,0.55);
  padding: 12px 24px;
  border-radius: var(--emaus-radio);
  font-family: var(--emaus-font-titulo);
  font-weight: 800;
  font-size: 17px;
  cursor: pointer;
  transition: all .15s;
}
.emaus-monto-btn:hover,
.emaus-monto-btn.activo {
  background: #fff;
  color: var(--emaus-arena);
  border-color: #fff;
}

.emaus-alias {
  margin-top: 20px;
  font-size: 13px;
  color: rgba(255,255,255,0.75);
}
.emaus-alias strong { color: #fff; font-size: 14px; }
.emaus-alias-badge {
  display: inline-block;
  background: rgba(255,255,255,0.25);
  border: 1px solid rgba(255,255,255,0.4);
  color: #fff;
  padding: 4px 14px;
  border-radius: 4px;
  font-weight: 700;
  margin-top: 6px;
  font-size: 14px;
}

/* ============================================================
   NOTICIAS
   ============================================================ */
.emaus-noticias-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.emaus-noticia {
  background: var(--emaus-blanco);
  border-radius: var(--emaus-radio-lg);
  border: 1px solid var(--emaus-gris-borde);
  overflow: hidden;
  transition: box-shadow .25s;
}
.emaus-noticia:hover { box-shadow: var(--emaus-sombra); }
.emaus-noticia-img {
  height: 180px;
  overflow: hidden;
}
.emaus-noticia-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s;
}
.emaus-noticia:hover .emaus-noticia-img img { transform: scale(1.04); }
.emaus-noticia-cuerpo { padding: 20px; }
.emaus-noticia-fecha {
  font-size: 11px;
  color: var(--emaus-arena);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.emaus-noticia-cuerpo h4 {
  font-size: 16px;
  font-weight: 800;
  color: var(--emaus-negro);
  line-height: 1.35;
  margin-bottom: 8px;
}
.emaus-noticia-cuerpo p { font-size: 13px; color: var(--emaus-marron); line-height: 1.6; }
.emaus-noticia-link {
  display: inline-block;
  margin-top: 12px;
  color: var(--emaus-azul);
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
}
.emaus-noticia-link:hover { text-decoration: underline; }

/* ============================================================
   FEED INSTAGRAM (Smash Balloon placeholder)
   ============================================================ */
.emaus-ig-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 28px;
}
.emaus-ig-item {
  aspect-ratio: 1;
  border-radius: var(--emaus-radio);
  overflow: hidden;
  position: relative;
}
.emaus-ig-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.emaus-ig-item:hover img { transform: scale(1.06); }
.emaus-ig-overlay {
  position: absolute;
  inset: 0;
  background: rgba(29,63,86,0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .25s;
  font-size: 28px;
  color: #fff;
  opacity: 0;
}
.emaus-ig-item:hover .emaus-ig-overlay { background: rgba(29,63,86,0.5); opacity: 1; }

/* ============================================================
   VOLUNTARIADO (foto de fondo)
   ============================================================ */
.emaus-voluntariado {
  position: relative;
  padding: 96px 40px;
  text-align: center;
  overflow: hidden;
}
.emaus-voluntariado .vol-overlay {
  position: absolute;
  inset: 0;
  background: rgba(29,63,86,0.75);
  z-index: 1;
}
.emaus-voluntariado .vol-content {
  position: relative;
  z-index: 2;
  color: #fff;
}
.emaus-voluntariado h2 { font-size: 40px; color: #fff; margin-bottom: 14px; }
.emaus-voluntariado p { font-size: 18px; color: rgba(255,255,255,0.85); margin-bottom: 32px; max-width: 560px; margin-left: auto; margin-right: auto; }

/* ============================================================
   ALIADOS / LOGOS
   ============================================================ */
.emaus-aliados-grid {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 36px;
}
.emaus-aliado {
  background: var(--emaus-gris-claro);
  border-radius: var(--emaus-radio);
  padding: 16px 24px;
  font-weight: 700;
  font-size: 13px;
  color: var(--emaus-marron);
  border: 1px solid var(--emaus-gris-borde);
  text-align: center;
  min-width: 130px;
}

/* ============================================================
   FOOTER
   ============================================================ */
.emaus-footer {
  background: var(--emaus-footer-bg);
  color: rgba(255,255,255,0.6);
  padding: 64px 40px 28px;
}
.emaus-footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 48px;
  max-width: 1100px;
  margin: 0 auto 48px;
}
.emaus-footer-marca h3 {
  font-family: var(--emaus-font-titulo);
  font-size: 22px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 12px;
}
.emaus-footer-marca p { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.7; margin-bottom: 6px; }
.emaus-footer-col h4 {
  font-size: 11px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 16px;
}
.emaus-footer-col ul { list-style: none; padding: 0; margin: 0; }
.emaus-footer-col li { margin-bottom: 10px; }
.emaus-footer-col a { color: rgba(255,255,255,0.5); text-decoration: none; font-size: 13px; transition: color .2s; }
.emaus-footer-col a:hover { color: var(--emaus-cielo); }
.emaus-footer-social { display: flex; gap: 10px; margin-top: 16px; }
.emaus-social-btn {
  width: 38px;
  height: 38px;
  background: rgba(255,255,255,0.08);
  border-radius: var(--emaus-radio);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  font-size: 18px;
  transition: background .2s, color .2s;
}
.emaus-social-btn:hover { background: var(--emaus-azul-claro); color: #fff; }
.emaus-footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.07);
  padding-top: 20px;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: rgba(255,255,255,0.3);
  flex-wrap: wrap;
  gap: 10px;
}

/* ============================================================
   ELEMENTOR OVERRIDES
   ============================================================ */
.elementor-section.emaus-bg-azul { background-color: var(--emaus-azul-oscuro) !important; }
.elementor-section.emaus-bg-arena { background-color: var(--emaus-arena) !important; }
.elementor-section.emaus-bg-gris { background-color: var(--emaus-gris-claro) !important; }

.elementor-heading-title { font-family: var(--emaus-font-titulo) !important; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1024px) {
  .emaus-cards-grid,
  .emaus-noticias-grid { grid-template-columns: repeat(2, 1fr); }
  .emaus-impacto { grid-template-columns: repeat(2, 1fr); }
  .emaus-pasos { grid-template-columns: repeat(2, 1fr); }
  .emaus-pasos::before { display: none; }
  .emaus-footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  .site-header, .emaus-header { padding: 12px 20px; flex-wrap: wrap; gap: 12px; }
  .emaus-hero h1 { font-size: 34px; }
  .emaus-hero .hero-content { padding: 48px 24px; }
  .emaus-seccion { padding: 48px 20px; }
  .emaus-claim { grid-template-columns: 1fr; }
  .emaus-claim-imagen { min-height: 200px; }
  .emaus-cards-grid,
  .emaus-noticias-grid,
  .emaus-ig-grid { grid-template-columns: 1fr; }
  .emaus-impacto { grid-template-columns: repeat(2, 1fr); }
  .emaus-pasos { grid-template-columns: 1fr; }
  .emaus-footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .emaus-donar h2 { font-size: 28px; }
}
/* FORZAR TRANSPARENCIA ABSOLUTA EN CONTENEDORES INTERNOS */
.elementor-section, 
.elementor-container, 
.elementor-column, 
.elementor-widget-container,
.elementor-text-editor,
.post-content,
.entry-content {
    background-color: transparent !important;
    background: transparent !important;
}
/* ========================================================
   FONDO INSTITUCIONAL RECALIBRADO - QUIÉNES SOMOS (ID 15)
   ======================================================== */
/* 1. Versión Computadoras (Recuperamos el efecto original que te encantaba) */
@media (min-width: 768px) {
    .page-id-15, 
    .page-id-15 #content,
    .page-id-15 .site-main {
		background-image: 
        linear-gradient(rgba(244, 239, 230, 0.80), rgba(244, 239, 230, 0.80)), 
        url('https://fundacionemausbariloche.org.ar/wp-content/uploads/2026/09/fondo1-15.webp') !important;
        background-position: bottom center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-attachment: fixed !important; /* Fijo tipo marca de agua */
        background-color: var(--emaus-arena-claro) !important;
    }
}

/* 2. Versión Celulares (Forzamos el recorte lateral para esconder los árboles extra) */
@media (max-width: 767px) {
    .page-id-15, 
    .page-id-15 #content,
    .page-id-15 .site-main {
        background-image: 
		linear-gradient(rgba(244, 239, 230, 0.80), rgba(244, 239, 230, 0.80)), 
		url('https://fundacionemausbariloche.org.ar/wp-content/uploads/2026/09/fondo1-15.webp') !important;
        background-position: top bottom !important; /* Clava la silueta abajo del todo */
        background-repeat: no-repeat !important;
        background-size: cover !important; /* ¡CLAVE! Vuelve a expandir la imagen para recortar los arboles laterales */
        background-attachment: scroll !important; /* Permite que el celular sí renderice la imagen */
        background-color: var(--emaus-arena-claro) !important;
    }
}

/* ========================================================
   FONDO INSTITUCIONAL RECALIBRADO - COMO GENERAMOS IMPACTO (ID 16)
   ======================================================== */
/* 1. Versión Computadoras (Recuperamos el efecto original que te encantaba) */
@media (min-width: 768px) {
    .page-id-16, 
    .page-id-16 #content,
    .page-id-16 .site-main {
		background-image: 
        linear-gradient(rgba(244, 239, 230, 0.80), rgba(244, 239, 230, 0.80)), 
        url('https://fundacionemausbariloche.org.ar/wp-content/uploads/2026/09/fondo1-16.webp') !important;
        background-position: bottom center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-attachment: fixed !important; /* Fijo tipo marca de agua */
        background-color: var(--emaus-arena-claro) !important;
    }
}

/* 2. Versión Celulares (Forzamos el recorte lateral para esconder los árboles extra) */
@media (max-width: 767px) {
    .page-id-16, 
    .page-id-16 #content,
    .page-id-16 .site-main {
        background-image: 
		linear-gradient(rgba(244, 239, 230, 0.80), rgba(244, 239, 230, 0.80)), 
		url('https://fundacionemausbariloche.org.ar/wp-content/uploads/2026/09/fondo1-16.webp') !important;
		background-position: top bottom !important; /* Clava la silueta abajo del todo */
        background-repeat: no-repeat !important;
        background-size: cover !important;  /*¡CLAVE! Vuelve a expandir la imagen para recortar los laterales */
        background-attachment: scroll !important; /* Permite que el celular sí renderice la imagen */
        background-color: var(--emaus-arena-claro) !important;
    }
}
/* ========================================================
   FONDO INSTITUCIONAL RECALIBRADO - CONTACTO (ID 7)
   ======================================================== */
/* ========================================================
   1. CONFIGURACIÓN DEL FONDO DE PANTALLA (PÁGINA DE CONTACTO)
   ======================================================== */

/* Versión Computadoras */
@media (min-width: 768px) {
    .page-id-7,
    .page-id-7 #content,
    .page-id-7 .site-main {
        background-image: url('https://fundacionemausbariloche.org.ar/wp-content/uploads/2026/09/fondo1-14.webp') !important;
        background-position: bottom center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-attachment: fixed !important;
        background-color: #0f2c59 !important;
    }
}

/* Versión Celulares */
@media (max-width: 767px) {
    .page-id-7,
    .page-id-7 #content,
    .page-id-7 .site-main {
        background-image: url('https://fundacionemausbariloche.org.ar/wp-content/uploads/2026/09/fondo1-14.webp') !important;
        background-position: center bottom !important; 
        background-repeat: no-repeat !important;
        background-size: cover !important; 
        background-attachment: scroll !important; 
        background-color: #0f2c59 !important;
    }
}

/* ========================================================
   2. ESTILOS DEL CUERPO DE LA PÁGINA (TEXTOS Y ENLACÈS)
   ======================================================== */

/* Textos comunes en blanco */
.page-id-7 div:not(.site-header):not(.main-navigation):not(.top-bar-inner) p,
.page-id-7 div:not(.site-header):not(.main-navigation):not(.top-bar-inner) span:not(.elementor-icon),
.page-id-7 div:not(.site-header):not(.main-navigation):not(.top-bar-inner) strong,
.page-id-7 .elementor-widget-text-editor,
.page-id-7 .elementor-heading-title {
    color: #ffffff !important;
}

/* Enlaces en estado normal (Color Cremita) */
.page-id-7 #content a,
.page-id-7 #content a:link,
.page-id-7 #content a:visited,
.page-id-7 .elementor-widget-text-editor a {
    color: #f4efe6 !important;
    text-decoration: underline !important;
}

/* Enlaces al pasar el mouse (Color Blanco) */
.page-id-7 #content a:hover,
.page-id-7 #content a:focus,
.page-id-7 #content a:active,
.page-id-7 .elementor-widget-text-editor a:hover {
    color: #ffffff !important;
}

/* ========================================================
   3. RECALIBRACIÓN EXCLUSIVA DEL ENCABEZADO (HEADER)
   ======================================================== */

/* Menú Principal (Botones de navegación en la zona blanca) */
.page-id-7 .main-navigation ul li a,
.page-id-7 #masthead .main-navigation a {
    color: #1e3d59 !important;
    text-decoration: none !important;
}

/* Texto de las Sedes al lado del Logo (Forzado a Dorado Institucional) */
.page-id-7 .emaus-logo-texto span {
    color: #cca353 !important;
}

/* ==========================================
   4. RESTAURACIÓN FORZADA DEL HEADER (MENÚ Y SEDES)
   ========================================== */
   
/* Menú principal en la barra blanca */
.page-id-7 #masthead a, 
.page-id-7 #masthead span, 
.page-id-7 .main-navigation ul li a {
    color: #1e3d59 !important; /* Tu color azul oscuro original */
    text-decoration: none !important;
}

/* Texto de las sedes al lado del logo */
.page-id-7 .site-branding a,
.page-id-7 .site-description,
.page-id-7 .site-title a {
    color: #1e3d59 !important;
    text-decoration: none !important;
}




/* ========================================================
   APERTURA AUTOMÁTICA Y LOGO COMPACTO EN CELULARES
   ======================================================== */
@media (max-width: 991px) {
    /* 1. Forzamos a que el logo y el texto hagan una sola fila compacta */
    .emaus-header .emaus-logo {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 75% !important;
        float: left !important;
    }

    .emaus-logo img, 
    .emaus-custom-logo,
    .emaus-logo-circulo {
        margin-right: 12px !important;
        float: none !important;
    }

    /* 2. OCULTAR EL MENÚ POR DEFECTO */
    .emaus-nav {
        display: none !important; 
    }

    /* 3. DIBUJAR LAS TRES LÍNEAS DORADAS DEL MENÚ */
    .emaus-menu-toggle {
        display: block !important; 
        float: right !important;
        background: transparent !important;
        border: none !important;
        width: 40px !important;
        height: 40px !important;
        margin-top: 15px !important;
        margin-right: 10px !important;
    }

    .emaus-menu-toggle span {
        display: block !important;
        width: 28px !important;
        height: 3px !important;
        background-color: #b5945b !important; /* Color dorado corporativo */
        margin: 5px auto !important;
        border-radius: 2px !important;
    }

    /* 4. TRUCO DE APERTURA: Se despliega al interactuar con el Header */
    .emaus-header:hover .emaus-nav,
    .emaus-header:active .emaus-nav,
    .emaus-header:focus-within .emaus-nav {
        display: block !important;
        position: absolute !important;
        top: 100% !important; /* Cae justo debajo de la franja blanca */
        left: 0 !important;
        width: 100% !important;
        background-color: #ffffff !important;
        box-shadow: 0 8px 15px rgba(0,0,0,0.15) !important;
        z-index: 99999 !important;
        padding: 10px 0 !important;
    }

    /* 5. ESTILO VERTICAL DE CADA ENLACE */
    .emaus-nav a {
        display: block !important;
        padding: 14px 20px !important;
        color: #1e3d59 !important; /* Azul de la fundación */
        font-family: var(--emaus-font-cuerpo) !important;
        font-size: 15px !important;
        text-decoration: none !important;
        border-bottom: 1px solid #f4efe6 !important;
        text-align: left !important;
    }

    /* Botón Donar ahora destacado abajo de todo */
    .emaus-nav a.btn-donar {
        background-color: var(--emaus-arena) !important;
        color: #ffffff !important;
        margin: 12px 20px !important;
        border-radius: 4px !important;
        text-align: center !important;
        border-bottom: none !important;
    }
}
/* Estilo para el +1 del hogar en construcción */
.emaus-sufijo-construccion {
    font-size: 28px !important; /* Lo hace más chico que el número 3 */
    color: var(--emaus-cielo) !important; /* Mantiene el color celeste institucional */
    font-weight: 700 !important;
    margin-left: 4px !important; /* Le da una pequeña separación al "3" */
}