/*
Theme Name: Gavia
Theme URI: https://gaviaviajes.com/
Author: Grupo Gurú
Author URI: https://grupoguru.com.mx/
Description: Tema a medida para Gavia Agencia de Viajes. Hero panorámico 3D con carrusel, tipos de contenido para destinos y paquetes, formulario de cotización con envío por correo y datos estructurados de agencia de viajes. Paleta de marca azul y turquesa.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gavia
Tags: agencia-de-viajes, negocios, blog, personalizacion-de-colores, menu-personalizado, imagen-destacada, tres-columnas, accesibilidad
*/

/*
  Las reglas visuales viven en assets/css/gavia.css, que se encola desde functions.php.
  Este archivo solo lleva la cabecera obligatoria del tema y unos pocos estilos
  que WordPress exige o inyecta en el marcado del editor.
*/

/* ---- Clases que WordPress inyecta en imágenes y galerías ---- */
.alignnone { margin: 1.5rem 0; }
.aligncenter { display: block; margin: 1.5rem auto; }
.alignleft { float: left; margin: .5rem 1.5rem 1rem 0; }
.alignright { float: right; margin: .5rem 0 1rem 1.5rem; }
.wp-caption { max-width: 100%; }
.wp-caption-text,
.wp-block-image figcaption {
  font-size: .82rem;
  color: #7A93B5;
  text-align: center;
  margin-top: .6rem;
}
.sticky .articulo-tarjeta { border-color: rgba(31, 200, 192, .45); }
.screen-reader-text {
  position: absolute; width: 1px; height: 1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus {
  position: static; width: auto; height: auto; clip: auto;
  padding: .8rem 1.4rem; background: #062B5E; color: #fff;
}

/* ---- Barra de administración ---- */
body.admin-bar .cabecera { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .cabecera { top: 46px; }
}

/* ---- Bloques de Gutenberg dentro del contenido ---- */
.entrada .wp-block-image { margin-block: 2rem; }
.entrada .wp-block-image img { border-radius: 18px; box-shadow: 0 4px 8px rgba(6,43,94,.05), 0 18px 44px rgba(6,43,94,.13); }
.entrada .wp-block-quote { border-left: 4px solid #1FC8C0; padding: 1.3rem 1.6rem; background: #F4F8FC; }
.entrada .wp-block-table { overflow-x: auto; }
.entrada .wp-block-button__link { border-radius: 999px; }

/* ---- Paginación ---- */
.paginacion {
  display: flex; gap: .5rem; justify-content: center;
  flex-wrap: wrap; margin-top: 3rem;
}
.paginacion .page-numbers {
  display: grid; place-items: center;
  min-width: 44px; height: 44px; padding-inline: .8rem;
  border-radius: 999px; border: 1px solid rgba(6,43,94,.18);
  font-family: "Outfit", system-ui, sans-serif; font-weight: 500;
  color: #062B5E; background: #fff;
  transition: all .3s cubic-bezier(.22,1,.36,1);
}
.paginacion .page-numbers:hover { border-color: #1FC8C0; color: #12938D; }
.paginacion .page-numbers.current {
  background: #062B5E; border-color: #062B5E; color: #fff;
}

/* ---- Comentarios ---- */
.comentarios { max-width: 74ch; margin: 4rem auto 0; }
.comentarios ol { list-style: none; padding: 0; display: grid; gap: 1.5rem; }
.comentarios .comment-body {
  background: #fff; border: 1px solid rgba(6,43,94,.10);
  border-radius: 18px; padding: 1.5rem;
}
.comentarios .children { margin-top: 1.5rem; margin-left: 2rem; }