/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Template: Avada
Version: 1.0.0
Text Domain: Avada

=== COLORES (según Avada) ===
Blanco
Color 2
Color 3
Color 4 (verde)
Principal (azul oscuro)
Color 6
Color 7
Texto
Títulos
Fondo suave
Fondo header

=== TIPOGRAFÍAS ===
Cuerpo → Inter
Titulares → Poppins
*/

/* =========================
   VARIABLES GLOBALES
========================= */

:root {

 /* 🎨 COLORES (conectados a Avada) */

/* BASE */
--color-blanco: var(--awb-color1);

/* AZULES (sistema principal) */
--color-principal: var(--awb-color5); /* azul base */
--color-4: var(--awb-custom_color_5); /* azul acento (CTA, hover) */

/* TEXTOS */
--color-texto: var(--awb-custom_color_1); /* texto principal */
--color-parrafo: var(--awb-color8); /* gris secundario */

/* FONDOS */
--color-fondo-suave: var(--awb-custom_color_3); /* beige */
--color-fondo-header: var(--awb-custom_color_4); /* blanco o beige muy claro */

/* FOOTER */
--color-footer: var(--awb-custom_color_6); /* gris oscuro */
--color-texto-footer: var(--awb-custom_color_7);

/* UTILES (mantener pero NO usar en diseño principal) */
--color-2: var(--awb-color2);
--color-3: var(--awb-color3);
--color-6: var(--awb-color6);
--color-7: var(--awb-color7);

  /* 🔤 TIPOGRAFÍAS */
  --font-cuerpo: "Inter";
  --font-titulares: "Poppins";

}

/* =========================
   UTILIDADES
========================= */

.invisible {
  display: none !important;
}

.centrado {
  text-align: center !important;
}

.pSinMargen p:last-of-type,
p.sinMargen {
  margin: 0 !important;
}

/* CTA del menú */
.menu-cta .fusion-button {
    --button_gradient_top_color: var(--color-principal);
    --button_gradient_bottom_color: var(--color-principal);
    --button_accent_color: var(--color-blanco);

    --button_gradient_top_color_hover: var(--color-principal);
    --button_gradient_bottom_color_hover: var(--color-principal);
    --button_accent_hover_color: var(--color-blanco);
}





/* =========================
   CARD BASE
========================= */
.card-servicio .fusion-column-wrapper {
  background: #ffffff !important;
  border-radius: 12px !important;
  padding: 42px 32px !important; /* 🔥 MÁS AIRE */
  border: 1px solid rgba(0,0,0,0.04) !important;

  box-shadow: 
    0 1px 2px rgba(0,0,0,0.03),
    0 8px 24px rgba(0,0,0,0.06) !important;

  height: 100% !important;

  display: flex !important;
  flex-direction: column !important;

  transition: 
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease !important;
}

/* =========================
   HOVER CARD (MÁS PREMIUM)
========================= */
.card-servicio:hover .fusion-column-wrapper {
  transform: translateY(-6px) scale(1.01) !important;

  box-shadow: 
    0 4px 10px rgba(0,0,0,0.05),
    0 20px 50px rgba(0,0,0,0.10) !important;

  border-color: rgba(0,0,0,0.08) !important;
}

/* =========================
   ICONO (CENTRADO)
========================= */
.card-servicio .fb-icon-element {
  display: block !important;
  margin: 0 auto 22px auto !important;
  transition: transform 0.35s ease;
}

.card-servicio:hover .fb-icon-element {
  transform: scale(1.12);
}

/* =========================
   TÍTULO
========================= */
.card-servicio .fusion-title {
  margin-top: 12px !important;
  margin-bottom: 16px !important;
}

/* =========================
   TEXTO
========================= */
.card-servicio .fusion-text {
  flex-grow: 1 !important;
}

.card-servicio .fusion-text p {
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
}

/* =========================
   BOTÓN (FULL WIDTH + CENTRADO)
========================= */
.card-servicio .fusion-column-wrapper > div:last-child {
  margin-top: auto !important;
}

.card-servicio .fusion-button {
  width: 100% !important;
  display: block !important;
  margin-top: 28px !important;
  text-align: center !important;
  transition: transform 0.3s ease;
}

/* TEXTO BOTÓN CENTRADO */
.card-servicio .fusion-button .fusion-button-text {
  width: 100% !important;
  display: block !important;
  text-align: center !important;
}

.card-servicio:hover .fusion-button {
  transform: translateY(-2px);
}




/* =========================
   BLOQUE OTROS TRÁMITES
========================= */

.tramites-row {
  align-items: flex-start;
}

/* COLUMNA IZQUIERDA (RITMO VERTICAL) */
.tramites-row .fusion-title {
  margin-bottom: 16px;
}

.tramites-row .fusion-text {
  margin-bottom: 22px;
}

.tramites-row .fusion-button {
  margin-top: 10px;
}

/* LISTAS */
.lista-servicios {
  margin: 6px 0 0 0;
}

.lista-servicios li {
  margin-bottom: 14px;
  line-height: 1.6;
}

/* ICONO */
.lista-servicios .fusion-li-icon {
  opacity: 0.6;
  font-size: 12px;
  margin-right: 8px;
}

/* TEXTO */
.lista-servicios .fusion-li-item-content {
  font-size: 15px;
}

.tbtn-tramites {
  padding: 14px 22px !important;
  font-size: 15px;
}

/* =========================
   BOTÓN CONTACTO (CTA FINAL)
========================= */

.btn-contacto {
  background: #ffffff !important;
  border-radius: 6px !important;
  padding: 14px 26px !important;
  border: none !important;
}

/* TEXTO DEL BOTÓN */
.btn-contacto .fusion-button-text {
  color: rgb(15, 42, 68) !important;
  font-size: 15px;
  font-weight: 600;
}

/* HOVER */
.btn-contacto:hover {
  background: rgba(255,255,255,0.9) !important;
  transform: translateY(-2px);
}

.cta-final .fusion-text {
  max-width: 700px;
  margin: 0 auto 16px auto;
}

.cta-final .fusion-button {
  margin-top: 20px;
}

/* =========================
   MENÚ FOOTER - RESET BASE
========================= */

/* Igualar tamaño de texto con contacto */
.awb-menu__main-a {
    font-size: 14px;
    line-height: 1.6;
    color: var(--awb-custom_color_5);
}

/* Espaciado entre enlaces */
.awb-menu__main-ul_column > li {
    margin-bottom: 6px;
}

/* Quitar espacios raros del UL */
.awb-menu__main-ul {
    margin: 0;
    padding: 0;
}

/* Quitar espacio superior del menú */
.fusion-builder-column-16 .awb-menu,
.fusion-builder-column-17 .awb-menu {
    margin-top: 0;
    padding-top: 0;
}

/* Asegurar que el primer item no baja */
.awb-menu__main-ul_column > li:first-child {
    margin-top: 0;
}

/* =========================
   ALINEACIÓN CON CONTACTO
========================= */

/* Forzar alineación superior */
.fusion-column-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Ajuste fino (clave para que cuadre perfecto) */
.fusion-builder-column-16 .awb-menu,
.fusion-builder-column-17 .awb-menu {
    transform: translateY(-3px);
}

/* =========================
   HOVER MÁS FINO
========================= */

.awb-menu__main-a {
    transition: opacity 0.2s ease;
}

.awb-menu__main-a:hover {
    opacity: 0.7;
}

/* ================================
   PÁGINA: SERVICIO 
   BLOQUE: LISTADO "QUÉ INCLUYE"
================================ */

/* Contenedor del listado */
.lista-servicio-dos-columnas {
  max-width: 520px; /* controla ancho del bloque */
  margin: 0 auto;   /* centra el bloque */
  text-align: left; /* asegura alineación izquierda */
}

/* Cada item */
.lista-servicio-dos-columnas .fusion-li-item {
  margin-bottom: 16px;
}

/* Icono (bullet) */
.lista-servicio-dos-columnas .fusion-li-item i {
  font-size: 6px !important;
  margin-top: 9px;
  opacity: 0.35;
}

/* Texto del listado */
.lista-servicio-dos-columnas .fusion-li-item-content {
  color: var(--awb-color6); /* gris texto */
}