/*
Theme Name: Romen Group EAS
Theme URI: https://romengroup.com.py
Author: Romen Group EAS
Author URI: https://romengroup.com.py
Description: Tema a medida para ROMEN GROUP EAS - Import & Export, convertido desde el sitio original a una plantilla de WordPress totalmente editable desde el Editor de bloques (Gutenberg). Incluye página de inicio, formulario de contacto funcional y botón flotante de WhatsApp.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Uso privado
Text Domain: romengroup
*/

/* -------------------------------------------------------
   Estilos propios del tema (además de assets/build.css,
   que contiene el diseño original ya compilado).
   ------------------------------------------------------- */

html {
  scroll-behavior: smooth;
}

/* Deja espacio para que el ancla no quede tapada por el menú fijo */
section[id] {
  scroll-margin-top: 90px;
}

/* Menú: se vuelve sólido cuando se hace scroll */
nav.is-scrolled {
  background-color: hsl(215 55% 18%) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Fuera de la portada, el menú siempre debe verse sólido */
body:not(.home) nav.site-nav {
  position: relative;
  background-color: hsl(215 55% 18%) !important;
}

/* Menú móvil */
.mobile-menu {
  display: none;
  flex-direction: column;
  background-color: hsl(215 55% 18%);
  padding: 0.5rem 1rem 1.5rem;
}
.mobile-menu.is-open {
  display: flex;
}
.mobile-menu a {
  padding: 0.75rem 0.5rem;
  color: hsla(0, 0%, 98%, 0.85);
  font-weight: 500;
  font-size: 0.95rem;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.08);
}
.mobile-menu a:hover {
  color: hsl(42 78% 52%);
}

/* Acordeón de preguntas frecuentes */
.faq-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.faq-item[data-state="open"] .faq-panel {
  /* el alto máximo real se fija por JS (scrollHeight) */
}
.faq-item[data-state="open"] .faq-trigger svg {
  transform: rotate(180deg);
}

/* Mensajes del formulario de contacto */
#romengroup-form-msg.is-success {
  display: block !important;
  background-color: hsl(142 70% 95%);
  color: hsl(142 70% 25%);
  border: 1px solid hsl(142 70% 70%);
}
#romengroup-form-msg.is-error {
  display: block !important;
  background-color: hsl(0 84% 96%);
  color: hsl(0 84% 40%);
  border: 1px solid hsl(0 84% 80%);
}

/* Sin JavaScript: aseguramos que el contenido no quede invisible */
.no-js .reveal,
.no-js .reveal-left {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}