/* ==========================================================================
   Estilos Personalizados Fiabilidad365
   ========================================================================== */

/* Utilidades básicas */
.img-hover-zoom { overflow: hidden; }
.img-hover-zoom img { transition: transform .5s ease; }
.img-hover-zoom:hover img { transform: scale(1.05); }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* ==========================================================================
   Contenido del Editor de Ghost (.gh-content)
   ========================================================================== */
.gh-content p { margin-bottom: 1.5em; line-height: 1.8; text-align: justify; hyphens: auto; }
.gh-content h2 { font-size: 1.875rem; font-weight: 700; margin-top: 2em; margin-bottom: 1em; color: #0f172a; }
.gh-content h3 { font-size: 1.5rem; font-weight: 700; margin-top: 1.5em; margin-bottom: 1em; color: #1e293b;}
.gh-content ul { list-style-type: disc; margin-left: 1.5em; margin-bottom: 1.5em; }
.gh-content ol { list-style-type: decimal; margin-left: 1.5em; margin-bottom: 1.5em; }
.gh-content img { border-radius: 0.75rem; margin-top: 2em; margin-bottom: 2em; width: 100%; height: auto; }
.gh-content a { color: #2563eb; text-decoration: underline; font-weight: 500; }
.gh-content blockquote { border-left: 4px solid #3b82f6; padding-left: 1rem; font-style: italic; color: #475569; margin-bottom: 1.5em; }

/* Clases OBLIGATORIAS de Ghost para imágenes anchas */
.kg-width-wide { width: 100%; max-width: 1040px; margin-left: auto; margin-right: auto; }
.kg-width-full { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }

/* ==========================================================================
   Navegación (Menú Ghost)
   ========================================================================== */
/* Estilos Menú Desktop */
.nav { display: flex; gap: 2rem; list-style: none; margin: 0; padding: 0; align-items: center; }
.nav li { margin: 0; }
.nav a { color: #475569; font-weight: 500; transition: color 0.2s; text-decoration: none; }
.nav a:hover { color: #2563eb; }
.nav li.nav-current a { border-bottom: 2px solid #2563eb; padding-bottom: 0.25rem; color: #0f172a; }

/* Estilos Menú Móvil (Sobrescribe Ghost) */
#mobile-menu .nav { flex-direction: column; align-items: flex-start; gap: 1rem; width: 100%; }
#mobile-menu .nav li { width: 100%; }
#mobile-menu .nav a { display: block; padding-bottom: 0.5rem; border-bottom: 1px solid #f1f5f9; width: 100%; font-size: 1.125rem; }
#mobile-menu .nav li.nav-current a { border-bottom: 2px solid #2563eb; color: #2563eb; }