/* Formulario de contacto y enlaces de los sitios de PODECOBI. Toma los colores de la página donde se inserta:
   ficha y mapa usan --accent, --ink, --paper; el sitio de marca usa --p, --fg, --card. Se encadenan con respaldo fijo. */
.pdc-contacto,.pdc-polos{
  --pdc-acento:var(--accent,var(--p,#2f6fb0));
  --pdc-sobre-acento:var(--accent-ink,#fff);
  --pdc-tinta:var(--ink,var(--fg,#161a18));
  --pdc-papel:var(--paper,var(--card,#fff));
  --pdc-fondo:var(--bg,#f3f4f1);
  --pdc-linea:var(--line,#d6dad5);
  --pdc-tenue:var(--muted,#58605b);
}
.pdc-contacto{box-sizing:border-box;max-width:760px;margin:56px auto;padding:28px 28px 24px;background:var(--pdc-papel);color:var(--pdc-tinta);border:1px solid var(--pdc-linea);border-top:4px solid var(--pdc-acento)}
.pdc-contacto h2{margin:0 0 6px}
.pdc-contacto>p{margin:0 0 20px;color:var(--pdc-tenue)}
.pdc-contacto form{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;align-items:start}
.pdc-contacto label{display:flex;flex-direction:column;gap:6px;font-size:.92rem;font-weight:600}
.pdc-contacto .pdc-ancho{grid-column:1/-1}
.pdc-contacto input,.pdc-contacto textarea,.pdc-contacto select{box-sizing:border-box;width:100%;padding:10px 12px;font:inherit;font-weight:400;color:inherit;background:var(--pdc-fondo);border:1px solid var(--pdc-linea);border-radius:2px}
.pdc-contacto textarea{resize:vertical;min-height:120px}
.pdc-contacto input:focus-visible,.pdc-contacto textarea:focus-visible,.pdc-contacto select:focus-visible,.pdc-contacto button:focus-visible{outline:2px solid var(--pdc-acento);outline-offset:2px}
.pdc-contacto [aria-invalid="true"]{border-color:#b3261e}
.pdc-contacto .pdc-error{min-height:1em;font-size:.85rem;font-weight:400;color:#b3261e}
.pdc-contacto .pdc-error:empty{display:none}
.pdc-contacto .pdc-ok{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400}
.pdc-contacto .pdc-ok input{width:auto;margin:3px 0 0}
.pdc-contacto .pdc-ok a{color:var(--pdc-acento)}
.pdc-contacto .pdc-nota{margin:0;font-size:.85rem;color:var(--pdc-tenue)}
.pdc-contacto button{justify-self:start;padding:11px 22px;font:inherit;font-weight:600;color:var(--pdc-sobre-acento);background:var(--pdc-acento);border:0;border-radius:2px;cursor:pointer}
.pdc-contacto button[disabled]{opacity:.6;cursor:progress}
.pdc-contacto .pdc-estado{grid-column:1/-1;margin:0;min-height:1.2em;color:var(--pdc-tenue)}
.pdc-contacto .pdc-gracias{margin:0;font-weight:600}
.pdc-contacto .pdc-segmentos{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}
.pdc-contacto .pdc-segmentos legend{padding:0;margin:0 0 8px;font-size:.92rem;font-weight:600}
.pdc-contacto .pdc-segmentos label{position:relative;flex-direction:row;font-weight:500}
.pdc-contacto .pdc-segmentos input{position:absolute;opacity:0;width:1px;height:1px}
.pdc-contacto .pdc-segmentos span{display:block;padding:9px 14px;border:1px solid var(--pdc-linea);border-radius:2px;background:var(--pdc-fondo);cursor:pointer}
.pdc-contacto .pdc-segmentos input:checked+span{background:var(--pdc-acento);border-color:var(--pdc-acento);color:var(--pdc-sobre-acento)}
.pdc-contacto .pdc-segmentos input:focus-visible+span{outline:2px solid var(--pdc-acento);outline-offset:2px}
.pdc-contacto .pdc-extra{display:grid;gap:12px}
.pdc-contacto .pdc-extra[hidden]{display:none}
.pdc-contacto .pdc-rejilla{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.pdc-polos{box-sizing:border-box;max-width:760px;margin:56px auto 0;padding:0 4px;color:var(--pdc-tinta)}
.pdc-polos h2{margin:0 0 12px}
.pdc-polos ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.pdc-polos a{display:block;padding:14px 16px;background:var(--pdc-papel);border:1px solid var(--pdc-linea);border-left:4px solid var(--pdc-acento);color:inherit;font-weight:600;text-decoration:none}
.pdc-polos a:hover{border-color:var(--pdc-acento)}
.pdc-trampa{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
@media (max-width:640px){.pdc-contacto{margin:36px 16px;padding:20px 16px}.pdc-contacto form,.pdc-contacto .pdc-rejilla{grid-template-columns:1fr}}