/* ============================================================
   NUEVO: AJUSTES PARA APP (LOGIN Y PANEL TAXISTA)
   ============================================================ */

/* Ocultar cabecera, título de página y pie de página en Login (267) y Panel (185) */
.page-id-267 #masthead, 
.page-id-267 .entry-header, 
.page-id-267 #colophon,
.page-id-185 #masthead, 
.page-id-185 .entry-header, 
.page-id-185 #colophon {
    display: none !important;
}

/* Ocultar banners o cabeceras de página adicionales */
.page-id-267 .page-header,
.page-id-185 .page-header {
    display: none !important;
}

/* Forzar que el contenido ocupe el 100% del ancho y alto */
.page-id-267 #primary, 
.page-id-185 #primary,
.page-id-267 .entry-content,
.page-id-185 .entry-content,
.page-id-267 .site-main,
.page-id-185 .site-main {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Quitar espacio superior en el panel para que el mapa llegue al borde */
.page-id-185 #content {
    padding-top: 0 !important;
}

/* ============================================================
   TUS ESTILOS EXISTENTES (CATEGORÍAS, KADENCE FIX Y GLASS UI)
   ============================================================ */

/* CATEGORIAS – ESTILO PRO */
.categoria-card {
  position: relative;
  padding: 22px 18px;
  border-radius: 20px;
  background: linear-gradient(135deg, #ffffff 0%, #f3f6fb 50%, #e9eef7 100%);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08), 0 4px 10px rgba(0, 0, 0, 0.05);
  text-align: center;
  cursor: pointer;
  opacity: 0;
  transform: translateY(30px) scale(0.95);
  transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.4s ease, background 0.4s ease;
}

.categoria-card.show {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.categoria-card:hover {
  transform: translateY(-10px) scale(1.04);
  box-shadow: 0 22px 45px rgba(0, 0, 0, 0.16), 0 8px 18px rgba(0, 0, 0, 0.08);
  background: linear-gradient(135deg, #ffffff 0%, #eaf0fb 45%, #dfe7f7 100%);
}

.categoria-card:active {
  transform: scale(0.97);
}

.categoria-card h3, .categoria-card .titulo, .categoria-card .heading {
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #1f2937;
  margin-top: 10px;
}

.categoria-card p {
  font-size: 0.9rem;
  color: #6b7280;
  margin-top: 4px;
}

.categoria-card img, .categoria-card svg {
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
  transition: transform 0.4s ease;
}

.categoria-card:hover img, .categoria-card:hover svg {
  transform: scale(1.12) rotate(-1deg);
}

.categoria-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(99,102,241,0.15), rgba(255,255,255,0.9));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

/* TEXTO ELEGANTE (NO LINK) */
.categoria-card a { text-decoration: none !important; color: inherit; }
.categoria-card a h3, .categoria-card a .titulo { font-size: 1.05rem; font-weight: 600; color: #1f2937; margin: 10px 0 4px; }
.categoria-card a p, .categoria-card a span { font-size: 0.9rem; color: #6b7280; }
.categoria-card a:focus { outline: none; }

/* FIX KADENCE POST GRID */
.archive img, .category img, .post-thumbnail img { display: block !important; opacity: 1 !important; visibility: visible !important; height: auto !important; }
.post-thumbnail { margin-bottom: 12px; border-radius: 16px; overflow: hidden; }
.post-thumbnail img { width: 100%; height: auto; display: block; border-radius: 16px; }

@media (max-width: 768px) {
  .post-thumbnail { min-height: 160px; height: 160px; width: 100%; background-size: cover; background-position: center; }
  .wpnbha.image-alignbehind.post-has-image, .wpnbha.image-alignbehind .post-has-image { min-height: 200px; }
  article.post-has-image::before { content: ""; display: block; min-height: 220px; background: inherit; }
}

/* FIX DEFINITIVO KADENCE IMAGENES DETRÁS */
.wp-block-kadence-posts article.post-has-image { position: relative !important; min-height: 240px !important; overflow: hidden; }
.wp-block-kadence-posts article.post-has-image div[style*="background-image"] {
  position: absolute; inset: 0; display: block !important; min-height: 240px !important;
  background-size: cover !important; background-position: center !important;
}

/* INICIO APP – GLASS UI */
.home-glass-page { min-height: 100vh; background: url("https://i0.wp.com/goopiapp.com/wp-content/uploads/2026/02/iub.png?ssl=1") center / cover no-repeat; position: relative; }
.home-glass-page::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(45, 25, 70, 0.45), rgba(20, 15, 35, 0.65)); backdrop-filter: blur(3px); z-index: 0; pointer-events: none; }
.home-glass-page .hero { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; }
.home-glass-page .glass-card { background: rgba(255, 255, 255, 0.14); backdrop-filter: blur(18px); border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.28); }
.menu-button { display: flex; align-items: center; justify-content: center; height: 64px; border-radius: 18px; color: #ffffff !important; background: linear-gradient(135deg, rgba(190, 150, 255, 0.95), rgba(125, 80, 220, 0.95)); transition: transform 0.25s ease; }

/* OCULTAR BARRA WP (APP) */
#wpadminbar { display: none !important; }
html, body { margin-top: 0 !important; }