/* Módulo FAQ COMERTEC — estilos aislados bajo .cfaq (no afectan el resto del sitio).
   Mismo diseño del módulo original; solo se cambiaron los colores al tema claro del sitio:
   fondo de la página, paneles blancos, texto oscuro y el cian oscuro (#0077a8) para textos de acento (contraste AA). */
.cfaq{
  --cf-navy:transparent; --cf-panel:#ffffff; --cf-panel2:#f5fbfe;
  --cf-cyan:#00d9ff; --cf-cyan-txt:#0077a8; --cf-blue:#3b82f6; --cf-violet:#7c3aed;
  --cf-white:#0b1220; --cf-gray:#5b6472; --cf-line:rgba(11,18,32,0.10);
  --cf-green:#22c55e; --cf-green-txt:#15803d; --cf-text:#3b4554;
  background:var(--cf-navy); color:var(--cf-white);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; line-height:1.6;
  padding:88px 0;
}
.cfaq *{box-sizing:border-box;}
.cfaq-wrap{max-width:920px;margin:0 auto;padding:0 24px;}
.cfaq h2,.cfaq h3,.cfaq h4,.cfaq-cta-title{font-family:'Space Grotesk','Inter',sans-serif;letter-spacing:-0.01em;margin:0;}

/* Encabezado */
.cfaq-head{margin-bottom:36px;}
.cfaq-eyebrow{display:inline-block;color:var(--cf-cyan-txt);font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:12px;}
.cfaq-head h2{font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:700;line-height:1.2;}
.cfaq-sub{color:var(--cf-gray);margin:10px 0 0;max-width:620px;}

/* Índice por temas */
.cfaq-index{display:grid;gap:18px;padding:22px;border:1px solid var(--cf-line);border-radius:14px;background:var(--cf-panel);margin-bottom:56px;
  box-shadow:0 1px 2px rgba(11,18,32,.04),0 8px 24px rgba(11,18,32,.05);}
.cfaq-index-label{display:block;font-size:0.78rem;font-weight:600;color:var(--cf-gray);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:10px;}
.cfaq-chips{display:flex;flex-wrap:wrap;gap:8px;}
.cfaq-chip{display:inline-block;padding:7px 14px;border:1px solid var(--cf-line);border-radius:999px;font-size:0.85rem;color:var(--cf-white);background:#f8fafc;text-decoration:none;transition:border-color .2s,color .2s,box-shadow .2s;}
.cfaq-chip:hover,.cfaq-chip:focus-visible{border-color:var(--cf-cyan);color:var(--cf-cyan-txt);box-shadow:0 0 14px rgba(0,217,255,.22);outline:none;}

/* Partes y clusters */
.cfaq-part{margin-bottom:56px;}
.cfaq-part-title{font-size:clamp(1.3rem,2.4vw,1.6rem);font-weight:700;padding-bottom:14px;margin-bottom:8px;border-bottom:1px solid var(--cf-line);}
.cfaq-cluster{padding-top:28px;scroll-margin-top:90px;}
.cfaq-cluster-title{font-size:0.95rem;font-weight:500;color:var(--cf-cyan-txt);margin-bottom:12px;display:flex;align-items:center;gap:10px;}
.cfaq-cluster-title::before{content:"";width:18px;height:2px;background:var(--cf-cyan);border-radius:2px;}

/* Pregunta / respuesta */
.cfaq-item{border:1px solid var(--cf-line);border-radius:12px;background:var(--cf-panel);margin-bottom:10px;transition:border-color .2s,background .2s;
  box-shadow:0 1px 2px rgba(11,18,32,.04);}
.cfaq-item:hover{border-color:rgba(0,217,255,.45);}
.cfaq-item[open]{border-color:rgba(0,217,255,.6);background:var(--cf-panel2);}
.cfaq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;}
.cfaq-item summary::-webkit-details-marker{display:none;}
.cfaq-item summary:focus-visible{outline:2px solid var(--cf-cyan);outline-offset:2px;border-radius:12px;}
.cfaq-q{font-weight:600;font-size:1rem;line-height:1.45;}
.cfaq-icon{position:relative;flex-shrink:0;width:28px;height:28px;border:1px solid var(--cf-line);border-radius:50%;transition:border-color .25s;}
.cfaq-icon::before,.cfaq-icon::after{content:"";position:absolute;top:50%;left:50%;width:11px;height:2px;background:var(--cf-cyan-txt);border-radius:2px;transform:translate(-50%,-50%);}
.cfaq-icon::after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .2s;}
.cfaq-item[open] .cfaq-icon{border-color:var(--cf-cyan);}
.cfaq-item[open] .cfaq-icon::after{opacity:0;}

.cfaq-a{padding:0 20px 20px;color:var(--cf-text);font-size:0.95rem;}
.cfaq-a p{margin:0 0 12px;}
.cfaq-a p:first-child{color:var(--cf-white);}
.cfaq-a strong{color:var(--cf-white);font-weight:600;}
.cfaq-a ul,.cfaq-a ol{margin:0 0 12px;padding-left:20px;}
.cfaq-a li{margin-bottom:6px;}
.cfaq-a li::marker{color:var(--cf-cyan-txt);}
.cfaq-a code{font-family:ui-monospace,Consolas,monospace;font-size:0.85em;background:rgba(0,217,255,.10);color:var(--cf-cyan-txt);padding:2px 6px;border-radius:5px;}
.cfaq-note{font-size:0.85rem;color:var(--cf-gray);}
.cfaq-brand{border-left:3px solid var(--cf-green);background:rgba(34,197,94,.09);padding:10px 14px;border-radius:0 8px 8px 0;margin-top:4px !important;}
.cfaq-brand strong{color:var(--cf-green-txt);}

/* Tablas */
.cfaq-table{overflow-x:auto;margin:4px 0 12px;border:1px solid var(--cf-line);border-radius:10px;background:var(--cf-panel);}
.cfaq-table table{width:100%;border-collapse:collapse;font-size:0.9rem;min-width:420px;}
.cfaq-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.cfaq-table th{text-align:left;font-weight:600;color:var(--cf-white);background:rgba(0,217,255,.10);padding:10px 14px;border-bottom:1px solid var(--cf-line);}
.cfaq-table td{padding:10px 14px;border-bottom:1px solid var(--cf-line);}
.cfaq-table tr:last-child td{border-bottom:none;}
.cfaq-table td:last-child{white-space:nowrap;color:var(--cf-white);font-variant-numeric:tabular-nums;}

/* Cierre con WhatsApp */
.cfaq-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px;border:1px solid var(--cf-line);border-radius:14px;
  background:linear-gradient(135deg,rgba(0,217,255,.10),rgba(124,58,237,.08)),#ffffff;}
.cfaq-cta-title{font-size:1.2rem;font-weight:700;}
.cfaq-cta .cfaq-sub{margin-top:4px;}
.cfaq-btn{display:inline-flex;align-items:center;padding:13px 26px;border-radius:8px;font-weight:600;font-size:0.95rem;text-decoration:none;
  background:linear-gradient(90deg,var(--cf-blue),var(--cf-cyan));color:#04101a;transition:box-shadow .25s,transform .25s;}
.cfaq-btn:hover{box-shadow:0 0 24px rgba(59,130,246,.45);transform:translateY(-1px);}

@media(max-width:600px){
  .cfaq{padding:60px 0;}
  .cfaq-wrap{padding:0 16px;}
  .cfaq-index{padding:16px;margin-bottom:40px;}
  .cfaq-item summary{padding:16px;}
  .cfaq-a{padding:0 16px 16px;}
  .cfaq-btn{width:100%;justify-content:center;}
}
@media (prefers-reduced-motion: reduce){.cfaq *{transition:none !important;}}

/* Página faq.html: espacio para el encabezado fijo */
.faq-main{padding-top:64px;}

/* Enlaces dentro de las respuestas (p. ej. al catálogo) */
.cfaq-a a{color:var(--cf-cyan-txt);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.cfaq-a a:hover,.cfaq-a a:focus-visible{color:var(--cf-white);}