/* Modernizacion visual 2026 estilo SaaS - SOLO home (index.html). Fondo blanco, sin negro solido.
   Cargar SIEMPRE despues de avia-merged-styles-*.css. No altera contenido, solo estilo. */

/* --- Tipografia --- */
#top{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
#top .av_textblock p,
#top .av_textblock li{
  color:#475569;
  line-height:1.75em;
}
#top h1,#top h2,#top h3,#top h4,#top h5,#top h6,
#top .av-special-heading-tag{
  color:#0f172a;
  letter-spacing:-0.01em;
}

/* --- Botones --- */
#top div .avia-button{
  border-radius:999px;
  padding:13px 30px;
  font-weight:600;
  letter-spacing:0.01em;
  border-bottom-width:0;
  box-shadow:0 1px 2px rgba(15,23,42,0.08);
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}
#top div .avia-button:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(79,70,229,0.25);
}
#top div .avia-button.avia-color-theme-color,
#top div .avia-button.avia-color-theme-color-subtle{
  border-bottom-width:0;
}

/* --- Cabecera: efecto cristal, sombra sutil en vez de linea dura --- */
#header.header_color{
  background-color:rgba(255,255,255,0.9) !important;
  -webkit-backdrop-filter:saturate(180%) blur(10px);
  backdrop-filter:saturate(180%) blur(10px);
  box-shadow:0 1px 0 rgba(15,23,42,0.06);
}
#header_main{
  border-bottom:none !important;
}
#top .av_header_border_disabled #header_main{
  box-shadow:none;
}

/* --- Cuadricula de portfolio: de "carrete negro" a tarjetas modernas --- */
#av-sc-masonry-entries-1,
#av-masonry-1{
  background-color:#f8fafc !important;
}
#top .av-masonry-entry .av-inner-masonry{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 1px 3px rgba(15,23,42,0.10);
  transition:box-shadow .3s ease, transform .3s ease;
}
#top .av-masonry-entry:hover .av-inner-masonry{
  box-shadow:0 24px 48px rgba(15,23,42,0.16);
  transform:translateY(-4px);
}
#top .av-masonry-image-container{
  transition:transform .6s ease;
}
#top .av-masonry-entry:hover .av-masonry-image-container{
  transform:scale(1.06);
}
#top .av-inner-masonry-content.site-background{
  background:linear-gradient(to top, rgba(30,27,75,0.82), rgba(30,27,75,0) 60%) !important;
}
#top .av-masonry-entry-title{
  color:#ffffff;
  font-weight:600;
}

/* --- Overlays de secciones con imagen de fondo: mas ligeros, tono indigo --- */
#top .av-section-color-overlay{
  background-color:#1e1b4b;
}

/* --- Marco exterior de las imagenes del portfolio: mismo radio que la tarjeta --- */
#top .av-masonry-outerimage-container{
  border-radius:18px;
}