/* TV PLAY V1.90 — unificar fondo de Ya soy cliente, mejorar preguntas,
   cerrar con un CTA más compacto y un pie de página ordenado. */

/* 1 — Ya soy cliente: más abajo y un fondo sólido continuo hasta el cierre.
   No cambia la posición relativa del texto ni las acciones, ni sus enlaces. */
@media (min-width: 1060px) {
  #clientes.customer-simple {
    padding-top: 112px;
    padding-bottom: 154px;
  }
}
@media (min-width: 601px) and (max-width: 1059px) {
  #clientes.customer-simple {
    padding-top: 99px;
    padding-bottom: 130px;
  }
}
@media (max-width: 600px) {
  #clientes.customer-simple {
    padding-top: 90px;
    padding-bottom: 127px;
  }
}
#clientes.customer-simple {
  background: #091626 !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* 2 — Preguntas frecuentes: tarjetas acordeón discretas, sin líneas que
   crucen toda la sección. Se conserva el acordeón nativo accesible. */
#preguntas.faq-refined {
  background: #091626;
  background-image: none;
  border: 0;
  padding: 67px 0 89px;
}
#preguntas.faq-refined .faq-layout {
  grid-template-columns: minmax(270px,.74fr) minmax(0,1.26fr);
  gap: clamp(34px,5.3vw,86px);
  align-items: start;
}
#preguntas.faq-refined .faq-intro-column {
  min-width: 0;
}
#preguntas.faq-refined .faq-intro-column h2 {
  font-size: clamp(39px,3.85vw,53px);
  line-height: 1.12;
  letter-spacing: -.052em;
  font-weight: 800;
  margin-top: 18px;
}
#preguntas.faq-refined .faq-intro {
  max-width: 330px;
  font-size: 15px;
  color: #b8cde1;
  margin-top: 21px;
  line-height: 1.7;
}
#preguntas.faq-refined .faq-list {
  min-width: 0;
  border-top: none;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
#preguntas.faq-refined .faq-list details {
  border: 1px solid rgba(72,115,163,.50);
  border-radius: 12px;
  background: rgba(15,33,57,.83);
  overflow: hidden;
  transition: background 150ms ease,border-color 150ms ease;
}
#preguntas.faq-refined .faq-list details:hover {
  border-color: rgba(86,154,205,.77);
}
#preguntas.faq-refined .faq-list details[open] {
  background: #122b49;
  border-color: rgba(90,159,212,.78);
}
#preguntas.faq-refined .faq-list summary {
  padding: 16px 18px 16px 20px;
  min-height: 58px;
  font-weight: 710;
  font-size: 14.5px;
  line-height: 1.45;
  letter-spacing: -.016em;
  color: #eef7ff;
  transition: color 150ms ease;
}
#preguntas.faq-refined .faq-list summary:hover {
  color: #fff;
}
#preguntas.faq-refined .faq-list summary:focus-visible {
  outline: 3px solid #55dff2;
  outline-offset: -3px;
  border-radius: 10px;
}
#preguntas.faq-refined .faq-list summary span {
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid rgba(76,147,191,.32);
  background: rgba(30,93,135,.22);
  color: #7be2f2;
  font-size: 22px;
  line-height: 1;
  transition: transform 170ms ease;
}
#preguntas.faq-refined .faq-list details[open] summary span {
  transform: rotate(45deg);
}
#preguntas.faq-refined .faq-list details p {
  margin: 0;
  padding: 0 20px 18px;
  color: #bfcee1;
  font-size: 13.2px;
  line-height: 1.7;
  max-width: 760px;
}
#preguntas.faq-refined .faq-list details p a {
  font-weight: 650;
}

/* 3 — Cierre: adiós al gran banner azul y al símbolo ▶ decorativo.
   Una acción para probar y un acceso externo explícito a WhatsApp. */
#contacto.closing-section {
  padding: 5px 0 89px;
  background: #091626;
  border: 0;
}
#contacto .closing-panel {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 38px;
  padding: 30px 38px 32px;
  border: 1px solid rgba(67,122,176,.55);
  border-radius: 19px;
  background:
    radial-gradient(ellipse 46% 100% at 100% 0%,rgba(44,103,171,.14),transparent 86%),
    linear-gradient(120deg,#152f4e 0%,#11263e 100%);
  box-shadow: inset 0 1px 0 rgba(205,239,255,.06);
}
#contacto .closing-copy {min-width:0;}
#contacto .closing-copy .section-label {
  font-size: 11px;
  letter-spacing: 1.7px;
}
#contacto .closing-copy h2 {
  margin-top: 12px;
  font-size: clamp(25px,2.6vw,33px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.2;
}
#contacto .closing-copy p {
  margin: 10px 0 0;
  color: #c1d5e9;
  line-height: 1.6;
  font-size: 14px;
}
#contacto .closing-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 11px;
  flex: 0 0 auto;
}
#contacto .closing-demo {
  min-height: 51px;
  padding: 15px 19px;
  gap: 14px;
  font-size: 13.5px;
  border-radius: 11px;
  box-shadow: 0 10px 24px rgba(40,89,209,.16);
}
#contacto .closing-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 51px;
  padding: 15px 18px;
  border: 1px solid #365b78;
  border-radius: 11px;
  color: #d8f4fb;
  background: rgba(2,19,35,.3);
  font-size: 13px;
  font-weight: 740;
  line-height: 1.3;
  text-decoration: none;
  transition: border-color 150ms ease,background 150ms ease;
}
#contacto .closing-whatsapp:hover {
  border-color: #66d6e4;
  background: rgba(26,88,122,.36);
  color: #fff;
}
#contacto .closing-whatsapp:focus-visible {
  outline: 3px solid #65e8f1;
  outline-offset: 3px;
}
#contacto .closing-whatsapp span {font-size:17px;}

/* 4 — Pie: logo completo, slogan aprobado, navegación clara y legal al pie.
   Un único destino por categoría; los cinco documentos siguen enlazados. */
.footer.footer-refined {
  border-top: 0;
  background: #070e1b;
}
.footer.footer-refined .footer-main {
  padding: 57px 0 46px;
  display: grid;
  grid-template-columns: minmax(0,1.5fr) minmax(160px,.65fr) minmax(196px,.75fr);
  column-gap: clamp(30px,5vw,95px);
  row-gap: 33px;
  align-items: start;
}
.footer.footer-refined .footer-company {min-width:0;}
.footer.footer-refined .footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-height: 46px;
  color: #f5faff;
  text-decoration: none;
}
.footer.footer-refined .footer-brand img {
  display: block;
  width: 44px;
  height: 44px;
  object-fit: contain;
}
.footer.footer-refined .footer-brand > span {
  font-size: 23px;
  letter-spacing: -.045em;
  font-weight: 830;
  line-height: 1;
}
.footer.footer-refined .footer-brand strong {
  color: #6ce9f5;
}
.footer.footer-refined .footer-company p {
  margin: 17px 0 0;
  font-size: 15px;
  line-height: 1.5;
  color: #d2e2f2;
  max-width: 315px;
}
.footer.footer-refined .footer-company small {
  margin-top: 13px;
  max-width: 330px;
  font-size: 12px;
  line-height: 1.6;
  color: #91a8c2;
}
.footer.footer-refined .footer-menu {
  gap: 12px;
  align-items: flex-start;
  font-size: 13px;
  color: #b4c7dd;
}
.footer.footer-refined .footer-menu strong {
  display: block;
  margin: 0 0 8px;
  color: #eff8ff;
  font-size: 14px;
  font-weight: 770;
  letter-spacing: -.01em;
}
.footer.footer-refined .footer-menu a {
  color: #b7c9de;
  line-height: 1.48;
  text-decoration: none;
}
.footer.footer-refined .footer-menu a:hover { color: #7ee6f4; }

.footer.footer-refined .footer-legal {
  padding-top: 17px;
  padding-bottom: 27px;
  display: flex;
  gap: 18px 30px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 1px solid rgba(68,94,128,.40);
}
.footer.footer-refined .legal-links {
  flex: 1 1 600px;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px 22px;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  border: 0;
}
.footer.footer-refined .legal-links a {
  font-size: 11.5px;
  color: #a6bcd3;
  line-height: 1.5;
}
.footer.footer-refined .legal-links a:hover { color: #7fe3ef; }
.footer.footer-refined .footer-copyright {
  flex: 0 0 auto;
  font-size: 11px;
  color: #849db9;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  #preguntas.faq-refined .faq-layout {grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:34px;}
  #contacto .closing-panel {gap:22px; padding:27px 28px;}
  #contacto .closing-actions {gap:9px;}
  #contacto .closing-demo,
  #contacto .closing-whatsapp {min-height:48px; padding:13px 14px; font-size:12.7px;}
}
@media (max-width: 860px) {
  #preguntas.faq-refined {padding-top:60px; padding-bottom:72px;}
  #preguntas.faq-refined .faq-layout {grid-template-columns:1fr;gap:27px;}
  #preguntas.faq-refined .faq-intro-column h2 {font-size:clamp(36px,6vw,47px);}
  #preguntas.faq-refined .faq-intro {max-width:600px; margin-top:13px; font-size:14px;}
  #contacto.closing-section {padding:0 0 72px;}
  #contacto .closing-panel {flex-wrap:wrap;gap:24px;padding:27px 26px;}
  #contacto .closing-actions {justify-content:flex-start;}
  .footer.footer-refined .footer-main {grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,.8fr);gap:27px;padding:42px 0 38px;}
}
@media (max-width: 600px) {
  #preguntas.faq-refined {padding:52px 0 68px;}
  #preguntas.faq-refined .faq-layout {gap:24px;}
  #preguntas.faq-refined .faq-intro-column h2 {font-size:36px;}
  #preguntas.faq-refined .faq-list {gap:8px;}
  #preguntas.faq-refined .faq-list summary {font-size:13.6px;padding:13px 13px 13px 15px;min-height:55px;}
  #preguntas.faq-refined .faq-list summary span {width:26px;height:26px;flex-basis:26px;}
  #preguntas.faq-refined .faq-list details p {padding:0 15px 17px;font-size:12.8px;}
  #contacto.closing-section {padding:0 0 67px;}
  #contacto .closing-panel {padding:25px 20px;gap:21px;border-radius:16px;}
  #contacto .closing-copy h2 {font-size:27px;}
  #contacto .closing-copy p {font-size:13px;line-height:1.6;}
  #contacto .closing-actions {width:100%;gap:9px;}
  #contacto .closing-demo,
  #contacto .closing-whatsapp {min-height:47px;flex:1 1 150px;gap:8px;font-size:12px;padding:12px 10px;}
  .footer.footer-refined .footer-main {grid-template-columns:1fr 1fr;gap:29px 16px;padding:40px 0 34px;}
  .footer.footer-refined .footer-company {grid-column:1/-1;}
  .footer.footer-refined .footer-company p {font-size:14px;margin-top:12px;}
  .footer.footer-refined .footer-company small {margin-top:8px;}
  .footer.footer-refined .footer-menu {font-size:12px;gap:11px;}
  .footer.footer-refined .footer-menu strong {font-size:13px;}
  .footer.footer-refined .footer-legal {padding:18px 0 27px;gap:20px;}
  .footer.footer-refined .legal-links {gap:11px 17px;flex-basis:100%;}
  .footer.footer-refined .legal-links a {font-size:11px;}
  .footer.footer-refined .footer-copyright {font-size:10.5px;}
}
@media (prefers-reduced-motion: reduce) {
  #preguntas.faq-refined .faq-list details,
  #preguntas.faq-refined .faq-list summary,
  #preguntas.faq-refined .faq-list summary span,
  #contacto .closing-whatsapp {
    transition:none;
  }
}

/* Ajuste fino para teléfonos de 360–390px: los dos caminos del cierre
   caben en la misma fila con altura táctil >=44px. */
@media (max-width: 390px) {
  #contacto .closing-panel {
    padding: 22px 17px;
    gap: 17px;
  }
  #contacto .closing-actions {
    gap: 8px;
  }
  #contacto .closing-demo,
  #contacto .closing-whatsapp {
    flex: 1 1 125px;
    min-height: 46px;
    padding: 10px 7px;
    font-size: 11.4px;
  }
}