/* DEEC Studio · Checkout: extras sobre cita.css (mismo diseño que la reserva de citas) */
.ci__inc{display:grid;gap:12px;margin-top:16px}
.ci__inc li{display:flex;align-items:center;gap:12px;font-size:15px;color:color-mix(in srgb,var(--inv-fg) 82%,transparent)}
.ci__inc svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--inv-acc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rs{margin:0 0 26px;border-top:1px solid var(--line)}
.rs>div:last-child{border-bottom:0}
.rs--tot{margin:0 0 22px;border-top:0}
.rs--tot:not(:has(>div:not([hidden]))){display:none}
.rs>div{display:flex;justify-content:space-between;gap:24px;padding:12px 0;border-bottom:1px solid var(--line)}
.rs>div[hidden]{display:none}
.rs dt{flex:none;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:3px}
html[dir=rtl] #fEmail,html[dir=rtl] #fPhone,html[dir=rtl] #fSite{direction:ltr;text-align:right}
.rs dd{margin:0;text-align:end;color:var(--fg);font-weight:400;min-width:0;overflow-wrap:anywhere}
.rs__tot dd{font-size:22px;font-weight:500}
.rs2{margin:0;padding:0;list-style:none}
ul.rs2:last-of-type>li:last-child{border-bottom:0}
.rs2>li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}
.rs2__n{flex:none;width:28px;padding-top:2px;font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--acc)}
.rs2__i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--acc-l);color:var(--acc)}
.rs2__i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rs2__i--cube svg{width:17px;height:17px}
.rs2 b{display:block;font-size:15px;font-weight:500;line-height:1.35;color:var(--fg)}
.rs2 p{margin:3px 0 0;font-size:14px;line-height:1.5;color:var(--text)}
#rsMods{margin-top:0}
.ci__sum{margin-top:22px}
.ci__sum h2{margin:0 0 18px;font-size:10px;font-weight:500;letter-spacing:.1em;white-space:nowrap;text-transform:uppercase;color:var(--inv-acc)}
.ci__mods{display:grid;margin:0;padding:0;list-style:none}
.ci__mods li{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.ci__mods li:first-child{padding-top:4px}
.ci__mods li:last-child{border-bottom:0;padding-bottom:0}
.ci__mi{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--inv-acc) 14%,transparent);color:var(--inv-acc)}
.ci__mi svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ci__mods b{display:block;font-size:15px;font-weight:500;line-height:1.35;color:var(--inv-fg)}
.ci__mods p{margin:5px 0 0;font-size:13.5px;line-height:1.55;color:color-mix(in srgb,var(--inv-fg) 62%,transparent)}
@media (max-width:700px){
  .ci__sum{margin-top:20px}
  .ci__sum h2{margin-bottom:14px;font-size:9.5px;letter-spacing:.06em}
  .ci__mods li{padding:14px 0}
  html.is-intro .ci__p{display:none}
  html.is-intro .ci__facts{gap:12px;margin-top:20px}
  .ci__mods p{font-size:13px}
}
/* Móvil: Negocio + Giro y País + Estado comparten fila; las listas se abren más anchas que su campo */
@media (max-width:700px){
  #ckForm .grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  #ckForm .grid2 .f--full{grid-column:1/-1}
  #ckForm .grid2 .sel__l{min-width:min(260px,calc(100vw - 72px))}
  #ckForm .grid2 .f--r .sel__l{inset-inline-start:auto;inset-inline-end:0}
}
.tr{margin-top:52px}
.tr__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.tr__list li{display:flex;gap:10px;align-items:flex-start}
.tr__i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--acc-l);color:var(--acc)}
.tr__i svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tr__list b{display:block;font-size:14px;font-weight:500;line-height:1.3;color:var(--fg)}
.tr__list small{display:block;margin-top:2px;font-size:11.5px;line-height:1.3;letter-spacing:0;color:var(--muted)}
.tr__sep{height:1px;margin:40px 0;border:0;background:var(--line)}
.faq__h{display:flex;align-items:center;gap:10px;margin:0;font-size:clamp(19px,1.8vw,22px);font-weight:400;letter-spacing:-.01em;line-height:1.25}
.faq__h svg{flex:none;width:22px;height:22px;fill:none;stroke:var(--acc);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.faq__p{margin:10px 0 22px;font-size:14.5px;color:var(--text)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item:first-of-type{border-top:1px solid var(--line)}
.faq__item h4{margin:0;font-size:inherit;font-weight:inherit}
.faq__q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:18px 0;border:0;background:none;text-align:start;font-size:15px;font-weight:500;line-height:1.35;color:var(--fg);cursor:pointer;transition:color .2s}
.faq__q:hover{color:var(--acc)}
.faq__q svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s,stroke .2s}
.faq__q:hover svg{stroke:var(--acc)}
.faq__item.is-open .faq__q svg{transform:rotate(180deg);stroke:var(--acc)}
.faq__a{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .32s cubic-bezier(.2,.7,.2,1),visibility 0s .32s}
.faq__a>div{overflow:hidden;min-height:0}
.faq__item.is-open .faq__a{grid-template-rows:1fr;visibility:visible;transition-delay:0s}
.faq__a p{margin:0;padding:0 0 16px;font-size:14.5px;line-height:1.6;color:var(--text)}
.faq__link{display:inline-block;margin:-4px 0 16px;font-size:13.5px;font-weight:500;color:var(--acc);text-decoration:underline;text-underline-offset:3px}
.faq__link:hover{color:var(--acc-h)}
@media (max-width:700px){
  .tr__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .tr__list{grid-template-rows:auto auto 1fr}
  .tr__list li{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;justify-items:center;text-align:center}   /* iconos, títulos y descripciones alineados entre columnas aunque un título ocupe dos renglones */
  .tr__list li>div{display:contents}
  .tr__i{margin-bottom:8px}
}
@media (prefers-reduced-motion:reduce){.faq__a,.faq__q svg{transition:none}}
#p3 .actions{justify-content:stretch;margin-top:0;padding-top:0;border-top:0}
#p3 .ck__sec{margin:30px 0 24px}
#p3 .f--check{margin-bottom:22px}
.ck__pw{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px 0 0;font-size:12px;line-height:1;color:var(--muted)}
.ck__pw a{display:inline-flex;align-items:center;border-radius:2px;transition:opacity .2s}
.ck__pw a:hover{opacity:.75}
.ck__pw img{display:block;height:14px;width:auto}
#ckPay{width:100%}
.ck__backrow{margin-top:36px}
.pcd{margin:0 0 30px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2)}
.pcd__top{display:flex;gap:14px;align-items:center}
.pcd__ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--acc-l);color:var(--acc)}
.pcd__ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pcd__top b{display:block;font-size:17px;font-weight:500;line-height:1.25;color:var(--fg)}
.pcd__top p{margin:3px 0 0;font-size:13.5px;line-height:1.45;color:var(--text)}
.pcd__lbl{margin:18px 0 8px;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pcd__mods{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0;padding:0;list-style:none}
.pcd__mods li{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);font-size:12.5px;line-height:1.2;color:var(--text)}
.pcd__mods svg{flex:none;width:14px;height:14px;fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pcd__rows{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.pcd__rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.pcd__rows>div+div{margin-top:10px}
.pcd__rows>div[hidden]{display:none}
.pcd__rows dt{flex:none;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pcd__rows dd{margin:0;text-align:end;font-size:14px;font-weight:400;color:var(--fg)}
.pcd__total dd{font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--acc)}
html[dir=rtl] .pcd__rows dd{text-align:start}
@media (max-width:700px){
  .pcd{padding:16px}
  /* Módulos: tres columnas iguales, cada módulo con su icono arriba (en lugar de dos en una fila y uno solo en la siguiente) */
  .pcd__mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .pcd__mods li{flex-direction:column;justify-content:center;gap:6px;padding:10px 4px;text-align:center;font-size:11.5px;line-height:1.25}
  .pcd__mods svg{width:16px;height:16px}
  .pcd__rows dd{font-size:13.5px}
}
.pr__fx{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.pr__fx--s2{margin:-12px 0 22px}
.rs2__h{margin:26px 0 0;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.rs2__no{margin:6px 0 30px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2)}
.rs2__no h4{margin:0 0 10px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.rs2__no ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.rs2__no li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--text)}
.rs2__no svg{flex:none;width:16px;height:16px;margin-top:2px;fill:none;stroke:var(--muted);stroke-width:1.7;stroke-linecap:round}
.rs__hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}
.rs__hd h4{font-size:15px;font-weight:500}
.rs__edit{border:0;background:none;padding:2px 0;font-size:13.5px;font-weight:500;color:var(--acc);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.rs__edit:hover{color:var(--acc-h)}
.steps__n svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ck__sec{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 8px;margin:22px 0 0;font-size:12.5px;line-height:1;color:var(--muted)}
.ck__sec svg{flex:none;width:16px;height:16px;fill:none;stroke:var(--ok);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ck__sec b{font-weight:500;color:var(--ok)}
.ck__sec img{display:block;height:14px;width:auto;margin-inline-start:2px}
.ck__sec--side{display:none}
@media (max-width:700px){
  html.is-intro .ck__sec--side{display:flex;margin-top:18px}
  .ck__sec--side svg{stroke:#6EE7B7}
  .ck__sec--side b{color:#6EE7B7}
  .ck__sec--side span{color:color-mix(in srgb,var(--inv-fg) 62%,transparent)}
}
#ckPay svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[dir=rtl] .rs dd{text-align:start}
/* Ventana del pago */
.ld{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:56px 12px}
.ld__sp{width:34px;height:34px;border:2px solid var(--acc-l);border-top-color:var(--acc);border-radius:50%;animation:pmspin .8s linear infinite}
.ld__sub{color:var(--muted)}
.ld__open{font-size:14px}
@keyframes pmspin{to{transform:rotate(360deg)}}
@media (max-width:600px){
}
@media (prefers-reduced-motion:reduce){.ld__sp{animation-duration:2s}.ck__btn,.ck__back svg{transition:none}}
.ck__sum>div[hidden]{display:none}

/* Enlace de contratación */
.ck__lk{display:grid;gap:6px;margin:0 0 18px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);border-radius:10px;background:var(--acc-l);font-size:14px;color:var(--fg)}
.ck__lk b{font-weight:600;color:var(--fg)}
.ck__lk .cbtn{justify-self:start;margin-top:6px}
.ck__lk--e{border-color:var(--bad-b);background:var(--bad-l)}

/* Aceptaciones del paso de pago: enlaces a los documentos */
.check__t .check__a{color:var(--acc,var(--acc));text-decoration:underline;text-underline-offset:2px}
.check__t .check__a:hover{text-decoration-thickness:2px}

/* Los tres checks de aceptación, más juntos entre sí */
#p3 .f--check{margin-bottom:8px}
#p3 .f--check:has(+ .ck__sec){margin-bottom:22px}

.ck__el{margin-top:18px;min-height:420px}
.ck__el[hidden]{display:none}
.ck__ld{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;padding:22px 0;color:var(--muted)}
.ck__ld[hidden]{display:none}
#ckActions[hidden]{display:none}