/* Ajustes propios de Grupo 2000 sobre la plantilla (no editar style.css, está minificado) */

html { scroll-behavior: smooth; }
section[id], .page[id] { scroll-margin-top: 90px; }

/* Etiqueta "Nuevo" sobre el bot (el doble de tamaño) */
.badge-nuevo {
   display: inline-block;
   margin-bottom: 24px;
   padding: 8px 28px;
   border-radius: 40px;
   background: #25d366;
   color: #fff;
   font-size: 26px;
   font-weight: 700;
   line-height: 1.2;
   letter-spacing: 2px;
   text-transform: uppercase;
}

/* Etiqueta chica del HERO 3 */
.badge-hero {
   margin-bottom: 16px;
   padding: 4px 14px;
   border-radius: 20px;
   background: #25d366;
   color: #fff;
   font-size: 14px;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
}

/* Barra superior: el e-mail con el mismo tamaño y estilo que el teléfono */
.rd-navbar .rd-navbar-aside .rd-navbar-info a,
.rd-navbar .rd-navbar-aside .list-lined.list-lined,
.rd-navbar .rd-navbar-aside .list-lined.list-lined a {
   font-size: 16px;
   font-weight: 600;
   line-height: 1.2;
   text-transform: none;
}

/* Logo un 40% más grande en escritorio (120px -> 168px) */
.rd-navbar-transparent.rd-navbar-static .rd-navbar-brand img {
   max-width: 168px;
   max-height: 168px;
}

/* Menú: mayúsculas y +20% de tamaño (14px -> 16.8px) */
.rd-nav-link { text-transform: uppercase; }
.rd-navbar-static .rd-nav-link { font-size: 16.8px; }

/* Servicios: dos bloques a todo el ancho, cada uno con su fondo (grises provisorios) */
.svc-dev   { background: #eceff2; }
.svc-audio { background: #dde2e7; }
.svc-title { font-size: 28px; line-height: 1.2; }
@media (min-width: 576px) { .svc-title { font-size: 34px; } }
.svc-lead { margin-top: 16px; font-size: 19px; line-height: 1.45; color: #31404a; }
.svc-list { display: grid; grid-template-columns: 1fr; gap: 24px 32px; }
@media (min-width: 768px) { .svc-list { grid-template-columns: 1fr 1fr; } }
.svc-list > li { padding-left: 16px; border-left: 4px solid #516ca9; }
.svc-list strong { display: block; font-size: 18px; line-height: 1.3; color: #31404a; }
.svc-list span { display: block; margin-top: 4px; line-height: 1.45; color: #4b5a66; }

/* Sección del asistente con IA */
#bot h2 { margin-bottom: 14px; }
#bot h2 .bot-h2-sub { font-weight: 400; }
#bot .big { max-width: 720px; margin-left: auto; margin-right: auto; }
#bot .bot-lead {
   display: inline-block;
   margin-top: 6px;
   padding: 12px 26px;
   border-radius: 6px;
   background: #516ca9;
   color: #fff;
}
.bot-hook {
   margin: 22px auto 0;
   font-size: 26px;
   font-weight: 700;
   line-height: 1.25;
   color: #516ca9;
}
.bot-cols { margin-top: 30px; }
.bot-subtitle { margin-bottom: 18px; }
.list-bot { font-weight: 400; font-size: 17px; }
.list-bot strong { font-weight: 700; }
.bot-trust {
   margin-top: 22px;
   padding: 12px 16px;
   border-left: 4px solid #f16583;
   background: #fff;
   font-size: 17px;
   font-weight: 700;
   color: #31404a;
}
.bot-card {
   height: 100%;
   padding: 28px 28px 24px;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 4px 20px rgba(49, 64, 74, .10);
}
.bot-close { margin-top: 50px; padding-top: 40px; border-top: 1px solid #d9dee3; }
.bot-close h4 { margin-bottom: 10px; }
.bot-close .group-wrap-2 { margin-top: 20px; }
.bot-close .big { font-size: 20px; color: #31404a; }

/* Contacto: la lista viene pensada para el pie de página, acá va más grande */
#contacto .contact-list { margin-top: 24px; font-size: 18px; }
#contacto .contact-list > li + li { margin-top: 14px; }
@media (max-width: 575px) {
   .bot-hook { font-size: 22px; }
}

/* Campo trampa anti-spam: fuera de pantalla, no display:none (algunos bots lo detectan) */
.form-hp {
   position: absolute;
   left: -9999px;
   width: 1px;
   height: 1px;
   overflow: hidden;
}

/* Botones del cierre: separación cuando se apilan en móvil */
#bot .group-wrap-2 .button { margin-top: 10px; }

/* Contacto: "Contacto" y "Escribinos" mismo tamaño y grosor; el segundo en color más claro */
.contact-heading { font-size: 32px; font-weight: 700; line-height: 1.2; }
.contact-heading-light { margin-bottom: 24px; color: #8b98a3; }
@media (min-width: 992px) {
   .contact-heading { font-size: 40px; }
}

/* Menú fijo al hacer scroll: fondo casi opaco y links oscuros (sobre secciones claras los blancos no se leían) */
.rd-navbar-transparent.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main-inner,
.rd-navbar-transparent.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main-inner {
   background-color: rgba(255, 255, 255, .95) !important;
}
.rd-navbar-transparent.rd-navbar-static.rd-navbar--is-stuck .rd-nav-link,
.rd-navbar-transparent.rd-navbar-static.rd-navbar--is-clone .rd-nav-link {
   color: #31404a;
}
.rd-navbar-transparent.rd-navbar-static.rd-navbar--is-stuck .rd-nav-item.active .rd-nav-link,
.rd-navbar-transparent.rd-navbar-static.rd-navbar--is-stuck .rd-nav-link:hover,
.rd-navbar-transparent.rd-navbar-static.rd-navbar--is-clone .rd-nav-item.active .rd-nav-link,
.rd-navbar-transparent.rd-navbar-static.rd-navbar--is-clone .rd-nav-link:hover {
   color: #516ca9;
   border-bottom-color: #516ca9;
}

/* HERO: imágenes oscurecidas al 60% para que el texto blanco se lea bien */
.swiper-slider-1 .swiper-slide::before {
   content: "";
   position: absolute;
   top: 0; right: 0; bottom: 0; left: 0;
   background: rgba(0, 0, 0, .6);
   z-index: 0;
}
.swiper-slider-1 .swiper-slide-caption { position: relative; z-index: 1; }

/* HERO: flechas anterior/siguiente */
.swiper-slider-1 .swiper-button-prev,
.swiper-slider-1 .swiper-button-next { text-shadow: 0 1px 6px rgba(0, 0, 0, .5); }
@media (max-width: 767px) {
   .swiper-slider-1 .swiper-button-prev,
   .swiper-slider-1 .swiper-button-next { font-size: 36px; }
   .swiper-slider-1 .swiper-button-prev { left: 8px; }
   .swiper-slider-1 .swiper-button-next { right: 8px; }
}

/* Formulario: campos con borde suave (se ven bien en monitores muy brillantes) y mensaje a la mitad de alto */
.rd-mailform .form-wrap .form-input { border: 1px solid #d0d7de; }
.rd-mailform textarea.form-input { height: 167px; }