@import url("secciones/inicio.css");
@import url("secciones/dar.css");
@import url("secciones/oracion.css");
@import url("secciones/servolucion.css");
@import url("reuniones/ellas.css");
@import url("reuniones/gente_sabia.css");
@import url("reuniones/matrimonios.css");
@import url("reuniones/pulso.css");
@import url("reuniones/pulso_teens.css");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
  background-color: #f9f9f9;
}

nav {
  background-color: #000;
  color: white;
  padding: 30px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 10;
}

.logo span {
  font-size: 25px;
  top: -15px;
  position: relative;
  font-family: 'Lato', sans-serif;
  font-weight: 100;
  font-style: normal;
}

.logo img {
  height: 50px;
  margin-right: 10px;
}

.nav-menu {
    list-style: none;
    display: flex;
    gap: 25px;
    align-items: center;
}

.nav-menu li a {
    display: inline-flex;
    align-items: center;
    gap: 4px; 
    text-decoration: none;
    color: white; 
    font-size: 18px;
    position: relative;
}

.nav-menu li a .material-symbols-outlined {
    font-size: 18px;
    transition: transform 0.3s ease;
    transform: translateY(1px); 
}

.nav-menu li:hover .material-symbols-outlined {
    transform: rotate(180deg);
}

.dropdown-menu {
    list-style: none;
    display: none;
    position: absolute;
    background: #000000;
    padding: 10px;
    top: 100%;
    left: 0;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu li {
    margin: 5px 0;
}

.dropdown-menu a {
    color: white;
    font-size: 14px;
}

.nav-menu li {
  position: relative;
}

.nav-menu a {
  color: white;
  text-decoration: none;
  padding: 3px;
  display: block;
  font-weight: 700;
}

.nav-menu a:hover {
  background-color: #333;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-menu li a {
  padding: 10px;
  white-space: nowrap;
}

.dropdown-menu li a:hover {
  background-color: #222;
}

main {
  padding: 40px 20px;
}

.contenido {
  display: none;
}

.contenido.visible {
  display: block;
}

main h1 {
  font-size: 28px;
  margin-bottom: 10px;
}

main p {
  font-size: 16px;
  color: #333;
}
/* Shared footer stays outside the section replaced by navigation. */
.site-footer{background:#fff;color:#171717;border-top:1px solid #ededed;padding:28px 5%;}
.site-footer .site-footer-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.site-footer .site-footer-brand{display:grid;gap:5px;}
.site-footer .site-footer-brand strong{font-size:16px;line-height:1.4;}
.site-footer .site-footer-brand span,.site-footer small{font-size:14px;line-height:1.5;color:#656565;}
.site-footer .site-footer-social{display:flex;gap:8px;align-items:center;}
.site-footer .site-footer-social a{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#171717;background:#f5f5f5;text-decoration:none;transition:background .2s ease;}
.site-footer .site-footer-social i{font-size:23px;}
.site-footer .site-footer-social a:hover{background:#ffde59;}
.site-footer .site-footer-social a:focus-visible{outline:2px solid #171717;outline-offset:3px;background:#ffde59;}
@media(max-width:640px){.site-footer{padding:25px 20px;}.site-footer .site-footer-inner{flex-direction:column;text-align:center;gap:16px;}}