/* Ampliación de Contratos. La hoja de estilos y el formulario actuales se conservan. */
[hidden]{display:none!important}
.gdc-document-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gdc-document-types button{padding:16px;text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:11px;color:var(--ink);cursor:pointer;font:inherit}
.gdc-document-types button[aria-pressed=true]{border-color:var(--red);box-shadow:0 0 0 2px rgba(181,18,32,.1)}
.gdc-document-types strong,.gdc-document-types span{display:block}
.gdc-document-types span{font-size:13px;color:var(--muted);margin-top:5px}
.gdc-model-actions{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0 0}
.gdc-model-actions a{color:var(--red);font-weight:700;font-size:14px}
.gdc-checkbox{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;cursor:pointer}
.gdc-checkbox input{flex-shrink:0;margin-top:5px;width:18px;height:18px;accent-color:var(--red)}
.gdc-advanced-notice{font-size:13px;line-height:1.55;color:#51586a;background:#f6f7f9;padding:15px;border-radius:10px;margin:18px 0}
.gdc-advanced-notice p{margin:0 0 12px}
.gdc-subheading{margin:8px 0 0;font-size:15px}
.gdc-model-note{margin:12px 0 0}
.gdc-advanced-field input[type=time],.gdc-advanced-field input[type=datetime-local]{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:11px;background:#fbfbfc;font:inherit}
.btn:disabled{opacity:.6;cursor:wait}
@media(max-width:640px){.gdc-document-types{grid-template-columns:1fr}}

/* Más espacio, coches en los laterales y el logotipo original como marca de agua. */
body{position:relative;isolation:isolate;background:#f5f6f8}
body::before,body::after{content:'';position:fixed;inset:0;z-index:0;pointer-events:none}
body::before{background:url('/transferencias-online/assets/fondo-coches-laterales-v1.png') center clamp(110px,18vh,180px)/100% auto no-repeat;opacity:.88}
body::after{background:linear-gradient(180deg,rgba(245,246,248,0) 55%,#f5f6f8 100%)}
.top,main{position:relative;z-index:1}
.top .in,main{max-width:1160px}
main{padding:32px 24px 80px}
.card{position:relative;overflow:hidden;background:#fff;padding:26px 28px;border-color:#e1e4e9;box-shadow:0 8px 28px rgba(20,24,32,.045)}
.card::after{content:'';position:absolute;right:-32px;bottom:-54px;width:250px;height:265px;pointer-events:none;background:url('/transferencias-online/modelos/logo-original.jpeg') center/contain no-repeat;opacity:.035;z-index:0}
.card>*{position:relative;z-index:1}
input[type=text],input[type=number],input[type=date],input[type=tel],input[type=email],select,textarea,.gdc-advanced-field input[type=time],.gdc-advanced-field input[type=datetime-local]{background:#fff}
.gdc-document-types button{padding:20px;background:#fff}
.gdc-document-types button[aria-pressed=true]{background:#fff;border-color:var(--red);box-shadow:0 0 0 2px rgba(181,18,32,.08)}
@media(max-width:640px){
  main{padding:24px 16px 60px}
  .top .in{flex-wrap:wrap;gap:3px 12px}
  .card{padding:20px}
  .card::after{width:190px;height:200px;right:-36px;bottom:-38px;opacity:.025}
  body::before{background-position:center 90px;opacity:.18}
  .gdc-document-types button{padding:16px}
}
