/* Contacto (v3): la misma identidad de las páginas secundarias. A la izquierda, la consigna en Outfit con los pasos
   numerados en naranja; a la derecha, la hoja del pedido (borde de tinta, línea naranja arriba, campos rectos). */
.contact{flex:1;width:min(1200px,100% - 46px);margin:48px auto 96px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:start}
.contact-intro{display:grid;gap:20px;position:sticky;top:28px}
.contact-intro h1{font-size:clamp(54px,7vw,104px);font-weight:800;line-height:.92}
.contact-intro .lead{max-width:34ch}
.contact-steps{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid var(--ink)}
.contact-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}
.contact-steps span{font:800 15px/1.6 Outfit,sans-serif;color:var(--orange)}
.contact-steps p{font-size:15px;color:var(--muted)}
.contact-steps strong{color:var(--ink);font-weight:700}
.contact-mail{font-size:14px;color:var(--muted)}
.contact-mail a{color:var(--ink);font-weight:700}
.contact-sheet{background:#fff;border:1px solid var(--ink);border-top:6px solid var(--orange);padding:34px 34px 30px;box-shadow:12px 12px 0 var(--peach)}
.contact-form{display:grid;gap:20px}
.contact-form[hidden]{display:none}
.contact-as{background:var(--sky);padding:14px 16px;font-size:15px;border-left:4px solid var(--blue)}
.contact-field{display:grid;gap:8px}
.contact-field[hidden]{display:none}
.contact-field label{font-size:14px;font-weight:700}
.contact-field label span{font-weight:400;color:var(--muted);margin-left:6px}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-height:52px;padding:12px 14px;border:0;border-radius:0;box-shadow:inset 0 0 0 2px var(--ink);background:#fff;color:var(--ink);font:400 16px/1.5 DM,sans-serif}
.contact-field textarea{resize:vertical;min-height:170px}
.contact-field select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23202837' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 16px center;padding-right:44px}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{outline:3px solid var(--blue);outline-offset:3px}
.contact-field [aria-invalid="true"]{box-shadow:inset 0 0 0 2px #b52c31}
.contact-count{font-size:12px;color:var(--muted);justify-self:end}
.contact-submit{display:grid;justify-items:start;gap:8px}
.contact-submit .button{min-width:220px}
.button.line{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);cursor:pointer;font-family:DM,sans-serif}
.button.line:hover{background:var(--peach)}
.contact-sent{display:grid;gap:16px}
.contact-sent[hidden]{display:none}
.contact-sent h2{font-size:clamp(30px,3.4vw,44px);font-weight:800}
.contact-sent p{color:var(--muted)}
.contact-sent strong{color:var(--ink)}
.contact-sent-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.contact-noscript{background:var(--peach);padding:14px 16px}
.k-hp{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}
.k-bot-invisible{height:0;overflow:hidden}
.k-bot-managed{border-left:3px solid var(--blue);padding:10px 0 4px 14px}
.k-bot-managed p{color:var(--ink);font-size:14px;margin:0 0 10px}
.k-bot-managed iframe{max-width:100%}
@media(max-width:900px){
  .contact{grid-template-columns:1fr;gap:34px;margin-top:30px}
  .contact-intro{position:static}
}
@media(max-width:560px){
  .contact{width:calc(100% - 32px);margin-bottom:64px}
  .contact-sheet{padding:24px 18px 22px;box-shadow:8px 8px 0 var(--peach)}
  .contact-submit .button,.contact-sent-actions .button{width:100%}
}
.contact .button{font-family:DM,sans-serif;cursor:pointer}
.contact-sent .kicker{color:var(--blue)}