/* Repase México — complementos sobre Astroid (la configuración y el CSS personalizado original vienen en params) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Roboto:wght@300;700&display=swap');
@import url('sp/animate.min.css');
@import url('sp/font-awesome-5.min.css');
@import url('sp/font-awesome-v4-shims.css');
@import url('sp/sppagebuilder.css');
@import url('sp/sppagecontainer.css');
@import url('sp/magnific-popup.css');
@import url('djc/theme.css');
@import url('slimbox/slimbox.css');
@import url('djc/responsive.css');

/* Artículos que contienen páginas de SP Page Builder: sin título ni datos, a todo lo ancho como en el original */
.com-content-article:has(.sp-page-builder) .page-header,
.com-content-article:has(.sp-page-builder) .article-info,
.item-page:has(.sp-page-builder) > .page-header, .item-page:has(.sp-page-builder) h1.article-title,
.item-page:has(.sp-page-builder) .article-details, .item-page:has(.sp-page-builder) .article-info { display: none !important; }
.astroid-component-section:has(.sp-page-builder) > .container { max-width: none; padding: 0; }
.astroid-component-section:has(.sp-page-builder) .astroid-row { margin: 0; }
.astroid-component-section:has(.sp-page-builder) .astroid-column { padding: 0; }
.article-info, .article-details .article-info { display: none; }

/* Contenido migrado normal (refacciones, tablas) */
.com-content-article table, .item-page table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.com-content-article table td, .com-content-article table th, .item-page table td, .item-page table th { border: 1px solid #dee2e6; padding: .45rem .6rem; }
@media (max-width: 767px) { .item-page table { display: block; overflow-x: auto; } }

/* Igualar medidas de Bootstrap 4 (Astroid 2.5 original) */
a, a:hover { text-decoration: none; }
.astroid-section > .container { padding-left: 15px; padding-right: 15px; }
.astroid-header-section .header-right-section nav { margin-right: -16px; }
.astroid-footer-section .astroid-row, .astroid-header-section .astroid-row { --bs-gutter-x: 30px; }
body { line-height: 1.7; }

/* Botón de menú móvil (hamburguesa) igual al original: líneas de 3px separadas 10px */
.burger-menu-button .inner, .burger-menu-button .inner::before, .burger-menu-button .inner::after { width: 30px; height: 3px; }
.burger-menu-button .inner { margin-top: -1.5px; }
.burger-menu-button .inner::before { top: -10px; }
.burger-menu-button .inner::after { bottom: -10px; }
.header-mobilemenu-trigger.burger-menu-button .inner, .header-mobilemenu-trigger.burger-menu-button .inner::before, .header-mobilemenu-trigger.burger-menu-button .inner::after { background-color: #000; }
@media (max-width: 991.98px) { .astroid-header .header-right-section.min-w-30 { min-width: 0 !important; width: 0; } }
.astroid-footer-section .sppb-row-container { width: auto !important; max-width: 100%; }
/* Páginas de SP: sin la imagen destacada del artículo (el diseño ya trae sus imágenes) */
.item-page:has(.sp-page-builder) .article-full-image, .item-page:has(.sp-page-builder) .item-image, .com-content-article:has(.sp-page-builder) figure.item-image { display: none !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.2em; } /* en em como Astroid 2.5: los span internos heredan el valor en px */
.clearfix::after { display: block !important; clear: both; content: "" !important; } /* como Bootstrap 4: deja colapsar los márgenes igual que el original */

/* Catálogo de refacciones por marca (reemplazo de Awesome Table) */
.rp-catalogo { background: #fff; border: 1px solid #e6e6e6; border-radius: 6px; padding: 24px; min-height: 200px; text-align: left; }
.rp-cat-head h3 { font-size: 24px; font-weight: 700; color: #2c2e36; margin: 0 0 6px; }
.rp-cat-modelos { font-size: 14px; color: #666; margin-bottom: 14px; }
.rp-cat-buscar { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; flex-wrap: wrap; }
.rp-cat-buscar input { flex: 1 1 280px; padding: 10px 14px; border: 1px solid #ccc; border-radius: 30px; font-size: 16px; }
.rp-cat-buscar input:focus { outline: 0; border-color: #ffbe00; box-shadow: 0 0 0 3px rgba(255,190,0,.25); }
.rp-cat-total { font-size: 14px; color: #666; }
.rp-cat-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; margin-bottom: 20px; }
.rp-cat-card { display: flex; flex-direction: column; border: 1px solid #eee; border-radius: 6px; padding: 10px; color: #2c2e36; background: #fafafa; transition: box-shadow .2s; }
.rp-cat-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,.1); color: #2c2e36; }
.rp-cat-card img { width: 100%; height: 110px; object-fit: contain; background: #fff; margin-bottom: 8px; }
.rp-cat-card .t { font-size: 14px; font-weight: 600; line-height: 1.3; } .rp-cat-card .n { font-size: 13px; color: #888; }
.rp-cat-tabla { overflow-x: auto; }
.rp-cat-tabla table { width: 100%; border-collapse: collapse; font-size: 15px; }
.rp-cat-tabla th { background: #2c2e36; color: #fff; text-align: left; padding: 10px 12px; font-weight: 600; }
.rp-cat-tabla td { padding: 8px 12px; border-bottom: 1px solid #eee; }
.rp-cat-tabla tr:nth-child(even) td { background: #fafafa; }
.rp-cat-tabla td.n { font-weight: 600; white-space: nowrap; } .rp-cat-tabla td.a { text-align: right; white-space: nowrap; }
.rp-cat-tabla td.a a, .rp-cat-btn { display: inline-block; background: #ffbe00; color: #2c2e36; font-weight: 700; font-size: 13px; padding: 6px 14px; border-radius: 30px; }
.rp-cat-tabla td.a a:hover, .rp-cat-btn:hover { background: #2c2e36; color: #fff; }
.rp-cat-wa { background: #25d366 !important; color: #fff !important; }
.rp-cat-pag { display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 16px; font-size: 14px; }
.rp-cat-pag button { border: 1px solid #ddd; background: #fff; padding: 6px 14px; border-radius: 30px; cursor: pointer; }
.rp-cat-pag button:disabled { opacity: .4; cursor: default; }
.rp-cat-vacio { text-align: center; padding: 30px 10px; font-size: 18px; } .rp-cat-nada { text-align: center; padding: 24px; }
.rp-cat-tabla table td, .rp-cat-tabla table th { border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; }

/* Ficha de producto (estilo DJ-Catalog original) */
.item-page:has(#djcatalog.djc_item) > .page-header, .com-content-article:has(#djcatalog.djc_item) .page-header,
.item-page:has(#djcatalog.djc_item) .fields-container, .com-content-article:has(#djcatalog.djc_item) .fields-container,
.item-page:has(#djcatalog.djc_item) .article-full-image, .com-content-article:has(.djc_item) .item-image { display: none !important; }
#djcatalog.djc_item .djc_thumbnail a { cursor: pointer; }
body:has(#djcatalog.djc_item) .astroid-article-title, body:has(#djcatalog.djc_item) .astroid-article-info,
body:has(#djcatalog.djc_item) .astroid-article-full-image, body:has(#djcatalog.djc_item) .astroid-article-fields,
body:has(.sp-page-builder .page-content) .astroid-component-section .astroid-article-title { display: none !important; }