/* TuWebLocal — reservar una llamada con Juanfran (a1, 2026-10-14)
   El calendario se sirve desde https://iotweb.mooo.com/cita/tuweblocal/ y se incrusta con iframe. */
.twl-reserva{padding-block:3.5rem 4rem}
.twl-reserva__head{text-align:center;max-width:720px;margin:0 auto 1.8rem}
.twl-reserva__kicker{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#176be0;background:#e6f3fa;border-radius:999px;padding:.35rem .85rem;margin-bottom:.8rem}
.twl-reserva__head .h1,.twl-reserva__head .h2{margin-bottom:.7rem}
.twl-reserva__head p{color:#41545f;margin:0 auto;max-width:640px}
.twl-reserva__pts{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1.1rem 0 0;padding:0;list-style:none}
.twl-reserva__pts li{background:#fff;border:1px solid #dcebf5;border-radius:999px;padding:.4rem .9rem;font-size:.88rem;font-weight:600;color:#0b2431}
.twl-reserva__frame{max-width:1000px;margin:0 auto;border-radius:24px;overflow:hidden;background:#f2f9fd;border:1px solid #dcebf5;box-shadow:0 24px 60px -24px rgba(11,36,49,.18)}
.twl-reserva__frame iframe{display:block;width:100%;border:0;height:780px;min-height:480px;background:#f2f9fd}
.twl-reserva__alt{text-align:center;margin:1.1rem auto 0;max-width:640px;color:#41545f;font-size:.95rem}
.twl-reserva__alt a{color:#176be0;font-weight:700}
.twl-reserva__body{max-width:760px;margin:2.6rem auto 0;color:#41545f}
.twl-reserva__body h2{font-size:1.35rem;color:#0b2431;margin:0 0 .6rem}
.twl-reserva__body ol{padding-left:1.2rem;margin:0 0 1rem}
.twl-reserva__body li{margin:.35rem 0}

/* Caja de llamada a la acción (precios, artículos) */
.twl-reserva-cta{display:flex;align-items:center;justify-content:space-between;gap:1rem 1.5rem;flex-wrap:wrap;max-width:880px;margin:2.2rem auto;padding:1.2rem 1.4rem;border-radius:20px;background:linear-gradient(135deg,#f2f9fd 0%,#e2f0f8 100%);border:1px solid #dcebf5;text-align:left;box-sizing:border-box}
.twl-reserva-cta__txt{flex:1 1 260px;min-width:0}
.twl-reserva-cta__txt strong{display:block;color:#0b2431;font-size:1.05rem;line-height:1.3}
.twl-reserva-cta__txt span{display:block;margin-top:.2rem;color:#41545f;font-size:.93rem;line-height:1.45}

/* Botón propio (azul de la marca) */
.twl-reserva-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.8rem 1.4rem;border-radius:999px;font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;color:#fff!important;background:linear-gradient(120deg,#4ea9d5 0%,#2f8ed0 55%,#176be0 100%);box-shadow:0 10px 24px -10px rgba(23,107,224,.7);transition:transform .15s,filter .15s;box-sizing:border-box}
.twl-reserva-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.twl-reserva-btn--ghost{background:#fff;color:#176be0!important;border:1.5px solid #176be0;box-shadow:0 4px 14px rgba(11,36,49,.07)}
.twl-reserva-btn--ghost:hover{background:#f2f9fd}
.twl-reserva-btn svg{width:18px;height:18px;flex:none}
.cta-final .twl-reserva-btn{margin:.75rem .4rem 0}

/* Calculadora de software: botón tras el resultado (oculto mientras no hay rango) */
.twl-reserva-calc{margin:1rem 0 .4rem}
#twl-calc-out:has(.twl-calc__vacio) ~ .twl-reserva-calc{display:none}

@media(max-width:640px){
  .twl-reserva{padding-block:2.4rem 3rem}
  .twl-reserva-cta{flex-direction:column;align-items:stretch;text-align:center}
  .twl-reserva-cta__txt{flex:0 0 auto}
  .twl-reserva-cta .twl-reserva-btn,.cta-final .twl-reserva-btn{width:100%;margin-inline:0}
  .twl-reserva__frame{border-radius:18px}
}