/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

nav ul a,
nav .brand-logo {
  color: #333; /* mayor contraste */
}

p {
  line-height: 1.5rem; /* accesibilidad, buena lectura en párrafos cortos */
  color:#333;
}

.sidenav-trigger {
  color: #333; /* consistente con paleta */
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

/* Hero parallax improvements */
.parallax-hero { position: relative; }
.parallax-hero .hero-panel {
  display: inline-block;
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding: 1.25rem 1.5rem;
  background: rgba(255,255,255,0.78); /* panel blanco translúcido */
  border-radius: 12px;
}
.hero-title { color: #222; margin: 0 0 .5rem; font-weight: 600; }
.hero-subtitle { color: #444; margin: 0 0 1rem; }
.hero-cta { margin-top: .5rem; }

/* Overlay sutil por si la imagen es muy clara u oscura */
.parallax-hero::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(to bottom, rgba(255,255,255,0.35), rgba(255,255,255,0.15));
  pointer-events: none;
}

/* Responsive: asegura que el contenido no se corte en pantallas chicas */
@media only screen and (max-width: 600px) {
  .parallax-container { min-height: 420px; }
  #index-banner .section { top: 0; }
  .parallax-hero .hero-panel { margin-top: 2.5rem; padding: 1rem 1.25rem; }
  .hero-title { font-size: 1.7rem; }
  .hero-subtitle { font-size: 1rem; }
}
@media only screen and (max-width: 400px) {
  .parallax-container { min-height: 460px; }
  .hero-title { font-size: 1.5rem; }
}

/* Panel translúcido para otras secciones parallax */
.parallax-section { position: relative; }
.parallax-section .parallax-panel{
  display:inline-block;
  background: rgba(255,255,255,0.68); /* un poco más transparente que el hero */
  border-radius: 12px;
  padding: .75rem 1rem;
}
.parallax-section::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(to bottom, rgba(255,255,255,0.25), rgba(255,255,255,0.1));
}



@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}
/* Z-index fixes: ensure sidenav is above overlays and floating actions */
.sidenav { z-index: 2000 !important; position: fixed; }
.sidenav.sidenav-fixed { z-index: 2000 !important; }
.sidenav-overlay { z-index: 1990 !important; }
.drag-target { z-index: 1980 !important; }

/* Keep FAB above everything except sidenav */
.whatsapp-fab, .btn-floating { z-index: 1050; }
/* Walter modal minor tweaks */
#walter-modal .modal-footer { border-top: 1px solid #eee; }
#walter-modal .collection { margin:0; }
#walter-modal .collection .collection-item { border-left: none; border-right: none; }


@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}