/* ============================ 12 · COTIZAR ============================ */
#cotizar .ct-fondo{position:absolute;inset:0;z-index:-1;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}
#cotizar .ct-fondo picture,#cotizar .ct-fondo img{width:100%;height:100%}
#cotizar .ct-fondo img{object-fit:cover;object-position:50% 45%;filter:saturate(1.1);animation:ct-zoom 30s var(--ease) infinite alternate}
@keyframes ct-zoom{from{transform:scale(1.04)}to{transform:scale(1.12)}}
#cotizar .ct-fondo::after{background:linear-gradient(90deg,rgba(4,7,14,.95) 25%,rgba(4,7,14,.78) 60%,rgba(4,7,14,.9)),radial-gradient(60% 60% at 30% 40%,rgba(46,123,255,.18),transparent 70%)}

#cotizar .ct-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,80px);align-items:start}
#cotizar h2{margin-top:22px;max-width:15ch}
#cotizar .ct-intro > p{color:var(--mist);margin-top:22px;font-size:1.04rem;max-width:42ch}
#cotizar .ct-pasos{list-style:none;display:grid;gap:14px;margin-top:32px}
#cotizar .ct-pasos li{display:flex;align-items:center;gap:14px;color:var(--silver);font-size:.94rem}
#cotizar .ct-pasos span{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:.78rem;color:var(--accent-2);
  border:1px solid rgba(46,123,255,.4);background:var(--accent-soft)}
#cotizar .ct-directo{display:inline-block;margin-top:32px;font-size:.9rem;color:var(--mist);padding:6px 0;min-height:44px}
#cotizar .ct-directo b{color:var(--wa-txt);font-weight:500;border-bottom:1px solid rgba(37,211,102,.35);margin-left:4px}
#cotizar .ct-directo:hover b{color:#A6EEC4}

/* panel del formulario */
#cotizar .ct-panel{padding:clamp(22px,3vw,34px);border-radius:var(--r-xl);border:1px solid var(--line-2);
  background:linear-gradient(170deg,rgba(13,20,34,.92),rgba(8,13,24,.95));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 60px 120px -60px rgba(0,0,0,.95),0 0 80px -40px rgba(46,123,255,.4),inset 0 1px 0 rgba(255,255,255,.05)}
#cotizar .ct-form{display:grid;gap:16px}
#cotizar .ct-fila{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#cotizar .ct-campo{display:grid;gap:7px}
#cotizar .ct-campo > span,#cotizar .ct-opciones legend{font-size:.8rem;color:var(--silver);font-weight:400}
#cotizar .ct-campo em{font-style:normal;color:var(--accent-2)}
#cotizar input[type=text],#cotizar input[type=tel],#cotizar select,#cotizar textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;
  background:rgba(255,255,255,.035);border:1px solid var(--line-2);color:var(--white);font-size:16px;font-weight:300;
  transition:border-color .18s var(--ease),background-color .18s var(--ease),box-shadow .18s var(--ease)}
#cotizar textarea{resize:vertical;min-height:92px;line-height:1.5}
#cotizar select{appearance:none;-webkit-appearance:none;padding-right:40px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A9AB8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:16px}
#cotizar select option{background:#0D1422;color:#fff}
#cotizar input::placeholder,#cotizar textarea::placeholder{color:var(--mist-2)}
#cotizar input:focus,#cotizar select:focus,#cotizar textarea:focus{outline:none;border-color:rgba(46,123,255,.65);background:rgba(46,123,255,.06);box-shadow:0 0 0 4px rgba(46,123,255,.14)}
#cotizar .ct-campo.mal input{border-color:rgba(255,120,120,.6)}

#cotizar .ct-opciones{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#cotizar .ct-opciones legend{width:100%;margin-bottom:8px;float:left}
#cotizar .ct-opciones label{position:relative;cursor:pointer}
#cotizar .ct-opciones input{position:absolute;opacity:0;width:1px;height:1px}
#cotizar .ct-opciones span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line-2);font-size:.86rem;color:var(--silver);
  transition:border-color .18s var(--ease),background-color .18s var(--ease),color .18s var(--ease)}
#cotizar .ct-opciones label:hover span{border-color:rgba(46,123,255,.45);color:var(--white)}
#cotizar .ct-opciones input:checked + span{border-color:rgba(46,123,255,.75);background:rgba(46,123,255,.16);color:#fff}
#cotizar .ct-opciones input:focus-visible + span{outline:1px solid var(--accent);outline-offset:3px}

#cotizar .ct-error{font-size:.84rem;color:#FF9C9C}
#cotizar .ct-nota{font-size:.74rem;color:var(--mist-2);text-align:center}

/* confirmación */
#cotizar .ct-listo{text-align:center;padding:clamp(20px,4vw,40px) clamp(4px,2vw,20px);outline:none}
#cotizar .ct-listo-ico{width:64px;height:64px;margin:0 auto;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#3B8BFF,#1348B8);box-shadow:0 0 0 8px rgba(46,123,255,.14),0 20px 40px -16px rgba(46,123,255,.7);animation:ct-aparece .8s var(--ease) both}
#cotizar .ct-listo-ico svg{width:28px;height:28px}
@keyframes ct-aparece{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
#cotizar .ct-listo h3{margin-top:22px;font-size:1.5rem}
#cotizar .ct-listo p{color:var(--mist);margin:12px auto 26px;max-width:36ch}
#cotizar .ct-editar{margin-top:14px;min-height:44px;font-size:.84rem;color:var(--mist);border-bottom:1px solid var(--line-2)}
#cotizar .ct-editar:hover{color:var(--white)}

@media (max-width:980px){
  #cotizar .ct-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  #cotizar .ct-fila{grid-template-columns:1fr}
  #cotizar .ct-panel{padding:20px 16px;border-radius:var(--r-lg)}
}
/* (movimiento reducido: desactivado a pedido del dueño) */

/* versión compacta */
#cotizar.sec{padding-block:clamp(56px,7vw,96px)}
#cotizar .ct-panel{max-width:560px}