/* CI mobile bar + modal - CSS que faltaba (fix auditoria) */
.ci-mobile-bar{ display:none; }

@media (max-width: 767px){
  .ci-mobile-bar{
    display:flex;
    gap:10px;
    position:fixed;
    left:0; right:0; bottom:0;
    z-index:9999;
    background:#fff;
    padding:10px 14px;
    box-shadow:0 -2px 10px rgba(0,0,0,.12);
  }
  .ci-mobile-cta{
    flex:1;
    text-align:center;
    background:#F5A623;
    color:#1B2B5E;
    font-weight:700;
    padding:12px;
    border-radius:8px;
    border:none;
    text-decoration:none;
    font-size:.95rem;
    display:inline-block;
  }
  .ci-mobile-cta-secondary{ background:#1B2B5E; color:#fff; }
  .ci-mobile-cta-locked{ background:#E5E7EB; color:#6B7280; cursor:pointer; }
  body.single-colegio{ padding-bottom:72px; }
}

.ci-mobile-modal-backdrop{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(27,43,94,.6);
  z-index:10000;
  align-items:flex-end;
  justify-content:center;
}
.ci-mobile-modal-backdrop.open{ display:flex; }
.ci-mobile-modal-sheet{
  background:#fff;
  width:100%;
  max-width:480px;
  border-radius:16px 16px 0 0;
  padding:24px 20px 30px;
  position:relative;
  max-height:85vh;
  overflow-y:auto;
}
.ci-mobile-modal-close{
  position:absolute; top:12px; right:16px;
  background:none; border:none;
  font-size:1.5rem; line-height:1;
  cursor:pointer; color:#6B7280;
}
@media (min-width:768px){
  .ci-mobile-modal-backdrop{ display:none !important; }
}
/* ==== VERSION MOVIL DE LA FICHA (solo <=767px; escritorio intacto) ==== */
@media (max-width: 767px){

  /* --- ORDEN: contenido antes que la columna de datos --- */
  .single-colegio .fusion-flex-container > .fusion-builder-row.fusion-row{ display:flex; flex-direction:column; }
  .single-colegio .ci-main-col{ order:1; }
  .single-colegio .ci-sidebar-col{ order:2; padding:0 16px 16px !important; border:none !important; box-shadow:none !important; }

  /* --- 1. HERO: foto + nombre --- */
  .single-colegio .ci-hero-box-full{ min-height:200px !important; border-radius:10px; overflow:hidden; }
  .single-colegio .ci-hero-title{ font-size:1.3rem !important; line-height:1.2; padding:0 14px !important; bottom:38px !important; }
  .single-colegio .ci-hero-sub{ font-size:.75rem !important; padding:0 14px !important; bottom:14px !important; }

  /* --- 2. Ocultar de la sidebar lo que duplica al hero (logo grande + nombre repetido) --- */
  .single-colegio .ci-sidebar-col .ci-logo-box{ display:none !important; }

  /* --- 3. Datos clave como fila de chips compacta --- */
  .single-colegio .ci-sidebar-col .fusion-builder-row-inner{ display:grid !important; grid-template-columns:1fr 1fr; gap:8px !important; }
  .single-colegio .ci-mini-label{ font-size:.62rem !important; margin:0 !important; letter-spacing:.03em; }
  .single-colegio .ci-mini-value{ font-size:.82rem !important; margin:0 !important; line-height:1.3; }
  .single-colegio .ci-sidebar-col .fusion-column-wrapper{ padding:8px !important; }

  /* --- 4. UN SOLO CTA: fuera formulario inline, fuera WhatsApp, fuera boton web --- */
  /*     (la barra fija inferior + modal ya cubren la conversion en movil)      */
  .single-colegio .ci-sidebar-col .ci-lead-form,
  .single-colegio .ci-sidebar-col .ci-form-h,
  .single-colegio .ci-wa-card,
  .single-colegio .ci-web-link,
  .single-colegio .ci-web-locked{ display:none !important; }

  /* --- 5. Tabs con scroll horizontal, no apilados --- */
  .single-colegio .fusion-tabs .nav-tabs{ display:flex !important; overflow-x:auto; flex-wrap:nowrap !important; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .single-colegio .fusion-tabs .nav-tabs::-webkit-scrollbar{ display:none; }
  .single-colegio .fusion-tabs .nav-tabs li{ flex-shrink:0 !important; float:none !important; }
  .single-colegio .fusion-tabs .nav-tabs li a{ font-size:.85rem !important; padding:10px 14px !important; white-space:nowrap; }

  /* --- 6. Tipografia y aire general del contenido --- */
  .single-colegio .ci-main-col .fusion-text p{ font-size:.92rem !important; line-height:1.6 !important; }
  .single-colegio h3{ font-size:1.05rem !important; }

  /* --- 7. Espacio para que la barra fija no tape el final --- */
  body.single-colegio{ padding-bottom:76px !important; }
}
/* ==== Usabilidad del modal en movil ==== */
/* Boton de cerrar: area de pulsacion grande y visible */
.ci-mobile-modal-close{
  width:40px !important; height:40px !important;
  display:flex !important; align-items:center; justify-content:center;
  background:#F3F4F6 !important; border-radius:50% !important;
  font-size:1.6rem !important; color:#1B2B5E !important;
  top:14px !important; right:14px !important; z-index:2;
}
/* Que el titulo no quede debajo del boton de cerrar */
.ci-mobile-modal-sheet .ci-form-h{ padding-right:52px; }
/* Barra superior de arrastre, para que se entienda que se cierra deslizando */
.ci-mobile-modal-sheet::before{
  content:''; display:block; width:40px; height:4px;
  background:#E5E7EB; border-radius:100px;
  margin:-8px auto 14px;
}

/* El widget de cookies tapaba la barra fija y el boton de enviar */
@media (max-width: 767px){
  .cky-btn-revisit-wrapper{ bottom:86px !important; }
}
/* Y desaparece del todo mientras el modal esta abierto */
body.ci-modal-abierto .cky-btn-revisit-wrapper{ display:none !important; }
body.ci-modal-abierto{ overflow:hidden; }