/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: ... (resto de la cabecera) ...
Version: 1.2.1748063256
Updated: 2025-05-24 00:07:36
*/

/* ================================================ */
/*  CODIGO CSS PERSONALIZADO - INTRIAGOFRANCOABOGADOS.COM
/*  Versión Organizada y Reutilizable (DRY)
/* ================================================ */

/* --- AJUSTES GLOBALES Y PLUGINS --- */

/* Ocultar Rich Snippet Box (snippet-type-10 y 11) */
#snippet-box.snippet-type-10,
#snippet-box.snippet-type-11 {
    display: none !important;
}

/* Asegurar que el main no tenga espacio superior */
main#wp--skip-link--target {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Reducir el padding superior del primer bloque grupo directamente dentro del main */
main#wp--skip-link--target > .wp-block-group:first-child {
    padding-top: 0 !important;
}

/* ========================================================== */
/*  ESTILO REUTILIZABLE PARA CAJAS DE CONTENIDO ANIMADAS
/*  Se aplica a múltiples secciones en todo el sitio.
/* ========================================================== */

/* --- ESTADO INICIAL DE LAS CAJAS --- */
/* Agrupamos todos los selectores con una coma (,) */
.cajas-servicios-animadas1 .wp-block-column,
.cajas-servicios-animadas2 .wp-block-column,
.tipo-prescripciones .wp-block-column,
.caminos-prescripcion .wp-block-column,
.divorcio-extranjero .wp-block-column,
.varios-divorcio .wp-block-column,
.box_ordinaria {
  /* Estilos compartidos */
  background-color: #ffffff !important;
  border: 2px solid #c0a07c !important;
  padding: 2em !important; 
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- EFECTO AL PASAR EL CURSOR (HOVER) --- */
/* Hacemos lo mismo para el estado hover */
.cajas-servicios-animadas1 .wp-block-column:hover,
.cajas-servicios-animadas2 .wp-block-column:hover,
.tipo-prescripciones .wp-block-column:hover,
.caminos-prescripcion .wp-block-column:hover,
.divorcio-extranjero .wp-block-column:hover,
.varios-divorcio .wp-block-column:hover,
.box_ordinaria {
  /* Efectos compartidos */
  transform: translateY(-8px); 
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.1);
  border-color: #a0805c !important; 
  cursor: pointer;
}


/* =================================================================
   ESTILOS PARA LAS CAJAS DE TESTIMONIOS (INTRIAGO FRANCO ABOGADOS)
   ================================================================= */

/* --- ESTADO INICIAL DE LA CAJA DE TESTIMONIO --- */
.box-testimonio {
    
  /* Borde dorado reforzado para asegurar su visibilidad */
  border-width: 3px !important;
  border-style: solid !important;
  border-color: #B08d57 !important;
  
  /* Bordes redondeados para un look suave */
  border-radius: 8px;

  /* Sombra sutil para dar profundidad inicial */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

  /* Preparamos la animación para que sea fluida */
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- EFECTO HOVER PARA LA CAJA DE TESTIMONIO --- */
.box-testimonio:hover {
  /* Levantamiento sutil para dar feedback de interacción */
  transform: translateY(-8px);

  /* Resplandor dorado pronunciado al pasar el cursor */
  box-shadow: 0 0 25px rgba(176, 141, 87, 0.3);

  /* Hacemos el borde más brillante, reforzado para asegurar el cambio */
  border-color: #FFFFFF !important;
  
  /* Cambiamos el cursor para indicar que el elemento es clickeable */
  cursor: pointer;
}



/* ========================================================== */
/*  SOLUCIÓN DEFINITIVA: ANCHO COMPLETO PARA .fornulario-inicio
/* ========================================================== */

.formulario-inicio {
    /* CLAVE: Rompemos los límites del contenedor principal */
    width: 100vw; /* Ocupa el 100% del ancho de la ventana (viewport width) */
    
    /* Centramos la sección en la página */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    
    /* Le damos el color de fondo y espaciado vertical */
    background-color: #14161B !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    
    /* Aseguramos que el contenido interior no se pegue a los bordes */
    box-sizing: border-box;
}

/* Para que el formulario y el texto DENTRO de la sección no se estiren demasiado */
.formulario-inicio .wp-block-group__inner-container {
    max-width: 1100px; /* Puedes ajustar este valor si lo ves muy ancho o muy estrecho */
    margin-left: auto;
    margin-right: auto;
}


/* ========================================================== */
/*  SOLUCIÓN FINAL FOOTER: APUNTANDO AL PATRÓN CORRECTO
/* ========================================================== */

/* --- 1. SELECCIONAMOS EL GRUPO DENTRO DEL FOOTER --- */
/* Este selector ataca directamente al bloque del Patrón */
footer.wp-block-template-part .wp-block-group {
    /* CLAVE: Aplicamos aquí el truco de ancho completo */
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    
    /* Asignamos el color de fondo y el espaciado */
    background-color: #14161B !important; 
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    box-sizing: border-box;
}

/* --- 2. CENTRAMOS EL CONTENIDO DENTRO DE ESE GRUPO --- */
/* Esto evita que los textos se estiren de lado a lado */
footer.wp-block-template-part .wp-block-group__inner-container {
    max-width: 1100px; /* Ancho estándar del contenido. Puedes ajustarlo. */
    margin-left: auto;
    margin-right: auto;
}

/* --- 3. ESTILOS DE TEXTO PARA LEGIBILIDAD --- */
/* Forzamos que todo el texto y los enlaces sean blancos */
footer.wp-block-template-part .wp-block-group,
footer.wp-block-template-part .wp-block-group a {
    color: #FFFFFF !important;
}



/* ========================================================== */
/*  SOLUCIÓN LANDING PAGE V2: APUNTANDO A BLOQUES DE FONDO
/* ========================================================== */

/* --- 1. APLICAMOS EL ANCHO COMPLETO A AMBOS BLOQUES DE FONDO --- */
/* Este selector es más fuerte: busca un bloque de Fondo que TAMBIÉN tenga nuestra clase */
.wp-block-cover.header-prescripcion,
.wp-block-cover.footer-prescripcion {
    /* CLAVE: Rompemos los límites del contenedor del tema */
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    
    /* Aseguramos que el padding no cause problemas de ancho */
    box-sizing: border-box;

    /* Damos un espaciado generoso para que el contenido respire */
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

/* --- 2. ELIMINAMOS MÁRGENES EXTRAÑOS QUE PUEDA AÑADIR EL TEMA --- */
/* Esto asegura que no haya espacios blancos arriba o abajo */
.wp-block-cover.header-prescripcion,
.wp-block-cover.footer-prescripcion {
    margin-top: 0;
    margin-bottom: 0;
}