/*
 Theme Name: Inspenet Lite
 Theme URI: https://inspenet.com/
 Description: Tema profesional de Inspenet optimizado para alto rendimiento y seguridad
 Author: Inspenet Team
 Author URI: https://inspenet.com/
 Version: 1.0.0
 Text Domain: inspenet-lite
 Domain Path: /languages
 Requires at least: 6.0
 Tested up to: 6.4
 Requires PHP: 7.4
 License: Proprietary
 License URI: https://inspenet.com/license
*/

/* 
 * NOTA: Este es ahora un tema standalone independiente.
 * Ya no requiere BlankSlate como tema padre.
 */

/* ====== CSS Reset Básico (antes lo proveía BlankSlate) ====== */
html,
body {
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
  /* Evita el scroll horizontal */
}

*,
*:before {
  text-decoration: none;
  box-sizing: border-box;
  /* Asegura que el padding no altere el tamaño */
}


/* Fallback para resposive menu al cambiar dinamicamente el tamaño de la ventana */
@supports not (scrollbar-gutter: stable) {
  html {
    overflow-y: scroll;
  }

  /* reserva el gutter siempre */
}


/* Contenedor principal para las páginas single */
.insp-container {
  max-width: 1200px;
  /* Ajusta el tamaño máximo (puedes cambiar a 1140px si prefieres) */
  margin: 0 auto;
  /* Centra el contenedor */
  padding: 0 15px;
  /* Espaciado a los lados */
  box-sizing: border-box;
  /* Asegura que el padding no altere el tamaño */
}

@media (max-width: 1024px) {
  .insp-container {
    padding: 0 10px;
    /* Espaciado menos en pantallas pequeñas */
  }
}


/* ====== Layout base del tema ====== */
#content {
  padding: 60px 0 0 0;
}

/* Contenedores generales del tema (no front-page) */
.container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.bb-grid {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ====== Utilidades neutrales (safe en todo el sitio) ====== */
.text-white {
  color: #fff !important;
}

.text-black {
  color: #000 !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.self-center {
  align-self: center !important;
}

.flow-column {
  flex-flow: column;
}

/* ====== Fixes de plugins genéricos ====== */
.ff-t-cell .ff-t-column-1 {
  flex-basis: auto;
}

/* ====== Responsive mínimos (no front-page) ====== */
@media (max-width: 768px) {
  .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* ==== Tipografía global ==== */
/* Apunta a la familia que definiste en theme.json */
:root {
  --font-base: var(--wp--preset--font-family--montserrat, "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif);
  --font-heading: var(--font-base);
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
}

/* Aplica Montserrat a todo lo interactivo y textos por defecto */
html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-base);
  font-weight: var(--fw-regular);
}

/* Encabezados usan la misma familia y peso fuerte */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: var(--fw-bold);
}

/* FIN. 
   Nota: Todos los estilos de portada (hero, videos, news, categories, articles,
   newsletter, etc.) se mantienen exclusivamente en front-page.css. */

/* ===== Gutenberg content safety: que nada se salga del contenedor ===== */
.entry-content,
.post-content {
  overflow-wrap: anywhere;
}

/* Imágenes dentro del contenido (incluye bloques de Gutenberg) */
.entry-content img,
.post-content img,
.post-content .wp-block-image img,
.post-content figure img,
img[class*="wp-image-"] {
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

/* Figures/blocks no mayores que su contenedor */
.post-content figure,
.post-content .wp-block-image {
  max-width: 100%;
  margin: 1rem 0;
}

/* Embeds y tablas responsive */
.post-content iframe,
.post-content .wp-block-embed,
.post-content table {
  max-width: 100%;
}

.post-content table {
  display: block;
  /* permite scroll si hiciera falta */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Evitar scroll horizontal en todo el sitio como última red */
html,
body {
  overflow-x: hidden;
}