/* Pass 2 — energetic design, trustworthy submission states, accessible quote wizard */
:root{--c2-ink:#1A1446;--c2-yellow:#ffda28;--c2-pink:#ff3d7f;--c2-paper:#fffdf7}
html{scroll-behavior:smooth;scroll-padding-top:95px}
button,a,input,textarea,select{touch-action:manipulation}
:focus-visible{outline:3px solid #ff3d7f!important;outline-offset:3px!important}
.coti-home #categorias .cat,.coti-provider-page .coti-info-card,.coti-benefit{transition:transform .2s ease,box-shadow .2s ease}
.coti-home #categorias .cat:hover{transform:translateY(-5px) rotate(-.35deg)}
.coti-home #categorias .cat:focus-visible{transform:translateY(-3px)}
.coti-hero-collage{animation:coti-hovering 8s ease-in-out infinite}
@keyframes coti-hovering{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(-1deg)}}
.coti-hero-visual .hero-ticket{transition:transform .22s ease,box-shadow .22s ease}
.coti-hero-visual .hero-ticket:hover{transform:translateY(-6px) rotate(2deg)}
.coti-value-strip{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0 5px}
.coti-value-strip span{background:#fff;border:2px solid var(--c2-ink);border-radius:999px;padding:8px 13px;font-size:.81rem;font-weight:800;box-shadow:2px 2px 0 #ffcb3d}
.coti-intro-banner{padding:9px 12px;margin:6px 0 14px;background:#fff1b4;border-left:4px solid var(--c2-pink);border-radius:8px;color:#252045;font-size:.82rem;line-height:1.5}
.coti-type-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:11px}
.coti-type-picker[hidden]{display:none!important}
.coti-type-option{appearance:none;position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;padding:0;border:2px solid var(--c2-ink);background:#fff;border-radius:13px;cursor:pointer;font:inherit;color:var(--c2-ink);text-align:left;transition:transform .18s,box-shadow .18s}
.coti-type-option:hover{transform:translateY(-2px);box-shadow:3px 4px 0 var(--c2-ink)}
.coti-type-option.selected,.coti-type-option[aria-pressed=true]{box-shadow:3px 4px 0 var(--c2-pink);border-color:var(--c2-pink);background:#fff9e1}
.coti-type-art{position:relative;height:58px;width:100%;background-image:linear-gradient(0deg,rgba(20,15,54,.25),rgba(255,255,255,.03)),var(--type-bg);background-size:cover;background-position:var(--type-pos,center);border-bottom:2px solid var(--c2-ink)}
.coti-type-option.selected .coti-type-art::after{content:'✓';position:absolute;right:5px;top:5px;display:grid;place-items:center;width:22px;height:22px;background:var(--c2-yellow);border:1px solid var(--c2-ink);border-radius:50%;font-weight:900}
.coti-type-emblem{position:absolute;left:5px;bottom:4px;font-size:1.2rem;line-height:1;background:#fffbe8;border:1px solid var(--c2-ink);border-radius:7px;min-width:26px;height:26px;display:grid;place-items:center}
.coti-type-name{padding:9px 8px 11px;min-height:47px;font-size:.75rem;font-weight:800;line-height:1.3}
.coti-live-receipt{position:relative;background:repeating-linear-gradient(0deg,#fffefa,#fffefa 24px,#fff9e9 25px);border:2px solid var(--c2-ink);box-shadow:4px 4px 0 #ffda52;border-radius:13px;padding:12px 13px;margin:10px 0 18px;gap:8px}
.coti-receipt-head{display:flex;justify-content:space-between;gap:9px;align-items:center;border-bottom:1px dashed #aaa1aa;padding-bottom:6px;letter-spacing:.05em;font-size:.66rem;font-weight:900}
.coti-live-receipt strong.coti-r-category{font-weight:900;color:var(--c2-ink);font-size:1.1rem}
.coti-receipt-rows{display:grid;gap:4px}
.coti-r-row{display:flex;justify-content:space-between;align-items:start;gap:10px;font-size:.72rem;color:#4e4772}
.coti-r-row b{color:var(--c2-ink);max-width:67%;text-align:right;overflow-wrap:anywhere}
.coti-live-receipt .coti-r-hint{display:block;margin-top:2px;color:#635d73}
.coti-form-status{font-size:.8rem;font-weight:800;margin:8px 0}
.coti-submission-feedback{display:grid;gap:8px;padding:16px 17px;border:2px solid var(--c2-ink);border-radius:15px;background:#fff8d4;margin:15px 0 3px;box-shadow:3px 3px 0 var(--c2-yellow)}
.coti-submission-feedback.is-error{background:#fff0ee;box-shadow:3px 3px 0 #ff9c8e}
.coti-submission-feedback strong{color:var(--c2-ink);font-size:1rem}
.coti-submission-feedback p{margin:0;font-size:.84rem;line-height:1.6}
.coti-copy-request{justify-self:start;background:#fff;color:var(--c2-ink);border:2px solid var(--c2-ink);padding:8px 13px;border-radius:10px;font-weight:850;cursor:pointer;box-shadow:2px 2px 0 var(--c2-pink)}
.coti-process-block{margin-top:20px;background:#fff;border:2px solid var(--c2-ink);border-radius:20px;box-shadow:5px 5px 0 #ffc51f;padding:17px 17px 20px}
.coti-process-block h3{font-size:1.2rem;margin:0 0 12px}
.coti-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.coti-process-grid article{background:#f7f4ff;border-radius:14px;padding:12px 11px;border:1px solid #ddd5ff}
.coti-process-grid .coti-process-num{font-size:1.5rem;display:block;margin-bottom:4px}
.coti-process-grid strong{font-size:.86rem;display:block}
.coti-process-grid p{font-size:.77rem;line-height:1.45;margin:6px 0 0}
.coti-service-hero .coti-service-scene{transition:transform .25s,box-shadow .25s}
.coti-service-hero .coti-service-scene:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:9px 10px 0 var(--service-tone)}
.coti-service-tips{background:#fffaf0;padding:42px 0;border-top:3px dashed #ffbf40}
.coti-service-tips h2{font-size:clamp(1.65rem,3vw,2.35rem);margin-bottom:16px}
.coti-tip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.coti-tip-card{border:2px solid var(--c2-ink);background:#fff;border-radius:16px;padding:18px;box-shadow:4px 5px 0 var(--coti-accent,#ffda28);display:flex;flex-direction:column;gap:10px}
.coti-tip-card b{display:block;color:var(--c2-ink);font-size:1rem}
.coti-tip-card p{font-size:.87rem;line-height:1.55;margin:0;color:#45405c}
.coti-service-tips .coti-help-cta{display:inline-block;margin-top:24px;text-decoration:none;background:var(--c2-yellow);border:2px solid var(--c2-ink);color:var(--c2-ink);padding:13px 20px;font-weight:900;border-radius:99px;box-shadow:4px 4px 0 var(--c2-pink)}
.coti-provider-intro{margin:19px 0;border:2px solid var(--c2-ink);border-radius:15px;padding:14px 15px;background:linear-gradient(120deg,#fff3b0,#f3e6ff);font-size:.92rem;line-height:1.55}
.coti-provider-intro strong{color:var(--c2-ink)}
.coti-provider-steps{background:#fff9e8;padding:45px 0;border-top:2px dashed var(--c2-ink)}
.coti-provider-steps h2{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:19px}
.coti-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.coti-info-card{display:flex;gap:11px;flex-direction:column;padding:18px;border:2px solid var(--c2-ink);border-radius:16px;background:#fff;box-shadow:4px 4px 0 var(--card-tone,#ffce4a)}
.coti-info-card em{font-style:normal;font-size:2rem}.coti-info-card b{color:var(--c2-ink);font-size:1rem}.coti-info-card p{font-size:.88rem;line-height:1.5;margin:0}
.coti-provider-page .coti-info-card:hover{transform:translateY(-4px)}
.coti-mobile-cta{display:none}
.coti-home .coti-hero .coti-copy h1{max-width:17ch!important}
@media(max-width:900px){.coti-tip-grid,.coti-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coti-type-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  .coti-process-grid{grid-template-columns:1fr}.coti-provider-grid,.coti-tip-grid{grid-template-columns:1fr}
  .coti-type-art{height:49px}.coti-type-name{font-size:.74rem;padding:7px;min-height:45px}
  .coti-mobile-cta{position:fixed;z-index:60;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);padding:13px 18px;border-radius:999px;border:2px solid var(--c2-ink);background:var(--c2-yellow);color:var(--c2-ink);font-weight:900;box-shadow:4px 4px 0 var(--c2-pink);text-align:center;text-decoration:none}
  .coti-mobile-cta.is-visible{display:block}
  .coti-mobile-cta:not(.is-visible){display:none}
  .coti-hero-visual{pointer-events:none}
  #categorias .cat{min-height:320px}
}
@media(max-width:390px){.coti-type-picker{gap:6px}.coti-type-name{font-size:.7rem}.coti-receipt-head{font-size:.57rem}.coti-value-strip span{font-size:.72rem;padding:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.coti-hero-collage{animation:none}.coti-service-hero .coti-service-scene,.coti-home #categorias .cat,.coti-info-card{transition:none!important}}