

/* Las tipografias de la casa, servidas desde nuestro propio servidor.
   No se pide nada a Google: esa peticion se retiro el 01-09-2026. */






.vmtc{--ng:#050A06;--vd:#16200F;--bl:#0B140C;--ol:#1C3311;--or:#C6913A;--oc:#F0C965;
      --hu:#F2F1EE;--gr:#9A9C98;
      background:var(--ng);color:var(--hu);
      font-family:"Barlow",Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}
.vmtc *{box-sizing:border-box}
.vmtc h1,.vmtc h2,.vmtc h3{color:var(--hu);margin:0}
.vmtc h1{font-family:"Anton",Impact,sans-serif;text-transform:uppercase;
         font-size:clamp(34px,6vw,64px);line-height:1.02;letter-spacing:.5px}
.vmtc h2{font-family:"Anton",Impact,sans-serif;text-transform:uppercase;
         font-size:clamp(22px,3vw,32px);line-height:1.1}
.vmtc .ante{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;
        letter-spacing:.32em;font-size:14px;color:var(--or);font-weight:600}
.vmtc .env{max-width:1080px;margin:0 auto;padding:0 22px}

/* ---- portada ---- */
.vmtc .hero{position:relative;overflow:hidden;background:var(--bl)}
.vmtc .hero .foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* NO se voltea: medido con el recorte real (1200x710), la parte iluminada de la foto cae
   en el centro-derecha (31 y 24 de brillo) y el lado izquierdo es negro (6). El texto va a la
   izquierda, sobre lo negro, y la foto se ve donde no estorba. Voltearla la dejaba a 6. */
.vmtc .hero .velo{position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(5,10,6,.90) 0%,rgba(5,10,6,.52) 42%,rgba(5,10,6,.06) 100%)}
.vmtc .hero .trama{position:absolute;inset:0;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0L56 16v33L28 65 0 49V16z' fill='none' stroke='%23C6913A' stroke-width='1.1'/%3E%3C/svg%3E");
  background-size:56px 97px}
.vmtc .hero .dentro{position:relative;padding:104px 0 88px}
.vmtc .hero p.baja{max-width:56ch;color:var(--hu);font-size:19px;margin:18px 0 0}
.vmtc .filete{height:3px;width:88px;background:var(--or);margin:0 0 20px}

/* ---- tarjetas de por qué ---- */
.vmtc .porques{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;
  margin:34px 0 0}
.vmtc .porque{background:var(--vd);border:1px solid rgba(198,145,58,.28);border-radius:12px;
  padding:20px 20px 22px}
.vmtc .porque b{display:block;font-family:"Barlow Condensed",Arial,sans-serif;
  text-transform:uppercase;letter-spacing:.14em;color:var(--oc);font-size:15px;margin:0 0 8px}
.vmtc .porque span{color:var(--gr);font-size:16px}

/* ---- asistente ---- */
.vmtc .form{position:relative;padding:64px 0 96px;
  background:
    radial-gradient(1100px 460px at 76% -6%, rgba(198,145,58,.13), transparent 62%),
    radial-gradient(760px 380px at 4% 104%, rgba(28,51,17,.55), transparent 66%),
    linear-gradient(180deg, var(--bl) 0%, #0E1A0E 46%, var(--ng) 100%)}
.vmtc .form::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0L56 16v33L28 65 0 49V16z' fill='none' stroke='%23C6913A' stroke-width='1.1'/%3E%3C/svg%3E");
  background-size:56px 97px}
.vmtc .form::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(198,145,58,.55) 22%,rgba(240,201,101,.75) 50%,rgba(198,145,58,.55) 78%,transparent)}
.vmtc .form > .env{position:relative;z-index:1}
.vmtc .barra{position:sticky;top:0;z-index:6;
  background:linear-gradient(180deg, rgba(11,20,12,.97), rgba(11,20,12,.86));
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  padding:14px 0 12px;border-bottom:1px solid rgba(198,145,58,.22);margin-bottom:26px}
.vmtc .barra .env{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.vmtc .barra .txt{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;
  letter-spacing:.16em;font-size:14px;color:var(--oc);white-space:nowrap}
.vmtc .via{flex:1 1 180px;height:6px;background:rgba(242,241,238,.14);border-radius:99px;
  overflow:hidden;min-width:120px}
.vmtc .via i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--or),var(--oc));
  border-radius:99px;transition:width .35s ease}

.vmtc .tarjeta{position:relative;border-radius:16px;padding:34px 34px 30px;
  background:linear-gradient(180deg, rgba(22,32,15,.92), rgba(11,20,12,.92));
  border:1px solid rgba(198,145,58,.26);
  box-shadow:0 24px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(240,201,101,.10)}
.vmtc .tarjeta::before{content:"";position:absolute;left:26px;right:26px;top:0;height:2px;
  border-radius:2px;background:linear-gradient(90deg,var(--or),var(--oc),transparent)}
@media (max-width:600px){ .vmtc .tarjeta{padding:24px 18px 22px;border-radius:12px} }

.vmtc .paso{display:none}
.vmtc .paso.on{display:block}
.vmtc .paso > h2{margin:0 0 6px}
.vmtc .paso > .sub{color:var(--gr);margin:0 0 26px;font-size:16px}
.vmtc .intro{background:rgba(198,145,58,.09);border-left:3px solid var(--or);
  padding:14px 18px;border-radius:0 8px 8px 0;color:var(--hu);margin:0 0 22px;font-size:16px}
.vmtc .nota{color:var(--gr);font-size:14px;margin:6px 0 0}

.vmtc .rej-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.vmtc .cmp{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}
.vmtc .cmp.ancho{grid-column:1/-1}
.vmtc .etq{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;
  letter-spacing:.15em;font-size:13px;color:var(--oc);font-weight:600}
.vmtc .ayu{color:var(--gr);font-size:14px;margin:-2px 0 4px;line-height:1.45}
.vmtc input[type=text],.vmtc input[type=tel],.vmtc input[type=email],.vmtc input[type=url],
.vmtc textarea{
  width:100%;background:var(--vd);color:var(--hu);border:1px solid rgba(242,241,238,.16);
  border-radius:9px;padding:12px 14px;font:inherit;font-size:17px}
.vmtc textarea{resize:vertical;line-height:1.5}
.vmtc input:focus,.vmtc textarea:focus{outline:none;border-color:var(--or);
  box-shadow:0 0 0 3px rgba(198,145,58,.20)}
.vmtc input::placeholder{color:rgba(154,156,152,.7)}

.vmtc .grp{margin:0 0 22px}
.vmtc .grp .etq{display:block;margin:0 0 8px}
.vmtc .ops{display:flex;flex-wrap:wrap;gap:10px}
/* ---- selectores propios: nada del control del navegador ---- */
.vmtc .op{position:relative;display:flex;align-items:center;gap:11px;cursor:pointer;
  background:linear-gradient(180deg, rgba(28,51,17,.55), rgba(11,20,12,.75));
  border:1px solid rgba(242,241,238,.16);border-radius:99px;
  padding:11px 20px 11px 15px;font-size:16px;line-height:1.25;
  transition:border-color .18s, background .18s, box-shadow .18s, transform .12s}
.vmtc .op input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.vmtc .op::before{content:"";flex:0 0 auto;width:21px;height:21px;border-radius:6px;
  border:1.5px solid rgba(242,241,238,.38);
  background:radial-gradient(circle at 30% 25%, rgba(242,241,238,.10), transparent 60%);
  transition:all .18s}
.vmtc .op:has(input[type=radio])::before{border-radius:50%}
.vmtc .op::after{content:"";position:absolute;left:20px;width:11px;height:6px;
  border-left:2.5px solid #1a1206;border-bottom:2.5px solid #1a1206;
  transform:rotate(-45deg) scale(.4);opacity:0;transition:all .18s}
.vmtc .op:has(input[type=radio])::after{width:9px;height:9px;border:0;border-radius:50%;
  background:#1a1206;left:21px;transform:scale(.4)}
.vmtc .op:hover{border-color:rgba(198,145,58,.60);transform:translateY(-1px)}
.vmtc .op:hover::before{border-color:rgba(198,145,58,.75)}
.vmtc .op:has(input:checked){border-color:var(--or);
  background:linear-gradient(180deg, rgba(198,145,58,.22), rgba(198,145,58,.10));
  box-shadow:0 6px 18px rgba(198,145,58,.16), inset 0 1px 0 rgba(240,201,101,.22)}
.vmtc .op:has(input:checked)::before{border-color:var(--oc);
  background:linear-gradient(160deg, var(--oc), var(--or))}
.vmtc .op:has(input:checked)::after{opacity:1;transform:rotate(-45deg) scale(1)}
.vmtc .op:has(input[type=radio]:checked)::after{transform:scale(1)}
.vmtc .op:has(input:focus-visible){outline:2px solid var(--oc);outline-offset:3px}

/* rejillas */
.vmtc .rej{border:1px solid rgba(242,241,238,.13);border-radius:12px;overflow:hidden;
  margin:0 0 22px}
.vmtc .rej-cab{display:grid;grid-template-columns:1fr repeat(5,118px);
  background:linear-gradient(180deg, rgba(198,145,58,.20), rgba(198,145,58,.10));
  padding:15px 18px;gap:8px;
  font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;
  letter-spacing:.13em;font-size:14px;font-weight:600;color:var(--oc)}
.vmtc .rej-cab span+span{text-align:center}
.vmtc .disp .rej-cab,.vmtc .disp .rej-fila{grid-template-columns:1fr repeat(2,128px)}
.vmtc .rej-fila{display:grid;grid-template-columns:1fr repeat(5,118px);gap:8px;
  align-items:center;padding:14px 18px;border-top:1px solid rgba(242,241,238,.08)}
.vmtc .rej-fila:nth-child(odd){background:rgba(242,241,238,.028)}
.vmtc .rej-tema{font-size:18px;line-height:1.35}
.vmtc .rej-tema b{color:var(--or);font-family:"Barlow Condensed",Arial,sans-serif;
  margin-right:10px;font-size:17px;min-width:22px;display:inline-block}
.vmtc .rej-op{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px 0}
.vmtc .rej-op input{position:absolute;opacity:0;pointer-events:none}
.vmtc .rej-op .cua{position:relative;width:26px;height:26px;
  border:1.5px solid rgba(242,241,238,.34);border-radius:6px;display:block;transition:all .18s;
  background:radial-gradient(circle at 30% 25%, rgba(242,241,238,.10), transparent 60%)}
.vmtc .rej-op .cua::after{content:"";position:absolute;left:6px;top:7px;width:12px;height:6px;
  border-left:2.5px solid #1a1206;border-bottom:2.5px solid #1a1206;
  transform:rotate(-45deg) scale(.4);opacity:0;transition:all .18s}
.vmtc .rej-op input:checked + .cua{border-color:var(--oc);
  background:linear-gradient(160deg, var(--oc), var(--or));
  box-shadow:0 4px 12px rgba(198,145,58,.28)}
.vmtc .rej-op input:checked + .cua::after{opacity:1;transform:rotate(-45deg) scale(1)}
.vmtc .rej-op input:focus-visible + .cua{outline:2px solid var(--oc);outline-offset:2px}
.vmtc .rej-fila:hover{background:rgba(198,145,58,.05)}
.vmtc .rej-op em{display:none}
.vmtc .rej-op:hover .cua{border-color:var(--or);transform:scale(1.06)}

.vmtc .bloque-papel{background:rgba(198,145,58,.08);border:1px solid rgba(198,145,58,.30);
  border-radius:12px;padding:20px 20px 4px;margin:0 0 26px}
.vmtc .bloque-papel .op{font-size:17px;padding:12px 20px 12px 15px}
/* los bloques que dependen del papel: ocultos hasta que el guion los marca .vis.
   Los PASOS no entran aqui: esos los gobierna la clase .on del asistente. */
.vmtc :not(.paso)[data-si],.vmtc :not(.paso)[data-no]{display:none}
.vmtc :not(.paso)[data-si].vis,.vmtc :not(.paso)[data-no].vis{display:block}
.vmtc .cmp[data-si].vis{display:flex}
.vmtc .bloque-redes{background:rgba(198,145,58,.08);border:1px solid rgba(198,145,58,.30);
  border-radius:12px;padding:20px 20px 4px;margin:24px 0 0}
.vmtc .adj{margin:0 0 22px}
.vmtc .adj .etq{display:block;margin:0 0 8px}
.vmtc .adj input[type=file]{color:var(--gr);font-size:15px}
.vmtc .adj input[type=file]::file-selector-button{background:var(--ol);color:var(--hu);
  border:1px solid rgba(198,145,58,.4);border-radius:8px;padding:9px 15px;margin-right:12px;
  font:inherit;font-size:15px;cursor:pointer}
.vmtc .rgpd{background:var(--vd);border:1px solid rgba(242,241,238,.13);border-radius:12px;
  padding:18px 20px;margin:24px 0 0}
.vmtc .rgpd p{color:var(--gr);font-size:14px;margin:12px 0 0;line-height:1.55}
.vmtc .rgpd a{color:var(--oc)}

.vmtc .pies{display:flex;gap:12px;align-items:center;flex-wrap:wrap;
  margin:34px 0 0;padding:24px 0 0;border-top:1px solid rgba(242,241,238,.13)}
.vmtc .btn{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;
  letter-spacing:.16em;font-size:16px;font-weight:600;border-radius:99px;padding:14px 30px;
  border:1px solid var(--or);cursor:pointer;transition:.15s;background:transparent;color:var(--oc)}
.vmtc .btn:hover{background:rgba(198,145,58,.16)}
.vmtc .btn.pri{background:linear-gradient(100deg,var(--or),var(--oc));color:#1a1206;border-color:transparent}
.vmtc .btn.pri:hover{filter:brightness(1.08)}
.vmtc .btn[disabled]{opacity:.45;cursor:not-allowed}
.vmtc .cuenta{color:var(--gr);font-size:14px;margin-left:auto}
.vmtc .aviso{color:#ffb4a2;font-size:15px;margin:14px 0 0;display:none}
.vmtc .aviso.on{display:block}

.vmtc .fin{display:none;text-align:center;padding:40px 0 10px}
.vmtc .fin.on{display:block}
.vmtc .fin h2{font-size:clamp(28px,5vw,48px)}
.vmtc .fin .tic{width:64px;height:64px;border-radius:50%;background:rgba(198,145,58,.16);
  border:2px solid var(--or);display:flex;align-items:center;justify-content:center;
  margin:0 auto 20px;font-size:30px;color:var(--oc)}

@media (max-width:820px){
  .vmtc .rej-cab{display:none}
  .vmtc .rej-fila,.vmtc .disp .rej-fila{grid-template-columns:1fr;gap:10px;padding:14px}
  .vmtc .rej-tema{font-weight:600}
  .vmtc .rej-op{justify-content:flex-start;gap:9px;
    border:1px solid rgba(242,241,238,.16);border-radius:99px;padding:8px 14px}
  .vmtc .rej-op em{display:inline;font-style:normal;font-size:16px}
  .vmtc .rej-op .cua{width:16px;height:16px;border-radius:4px}
  .vmtc .rej-fila > .rej-op{margin:0}
  .vmtc .rej-fila{border-top:1px solid rgba(242,241,238,.10)}
}
@media (min-width:821px){
  .vmtc .rej-fila{grid-template-columns:1fr repeat(5,118px)}
}
@media (min-width:1201px){ .vmtc .hero .dentro{padding-top:171px} }

body.vm-tc-pag section.page-header{display:none!important}
body.vm-tc-pag .tp-page-area{padding-top:0!important;padding-bottom:0!important}
body.vm-tc-pag .tp-page-area > .container{max-width:none!important;
  padding-left:0!important;padding-right:0!important}
body.vm-tc-pag .tp-page-area .row{margin-left:0!important;margin-right:0!important}
body.vm-tc-pag .tp-page-area [class*="col-"]{padding-left:0!important;padding-right:0!important}
body.vm-tc-pag .vmtc-cf7{position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap}


/* Retain the original questionnaire and PDF contract; renew its presentation. */
.vmtc{--negro:#eeeae2;--verde:#25472c;--dorado:#70804c;--blanco:#17271d;--gris:#637064;background:#eeeae2;color:#17271d;padding-bottom:100px}
.vmtc .form{background:#eeeae2;padding:60px 0}.vmtc .tarjeta{background:#f8f6ef;color:#17271d;border:1px solid #25472c33;box-shadow:0 20px 70px #203b1712;border-radius:8px}
.vmtc .barra{position:relative;top:auto;background:#25472c;color:#fff;border:0;padding:22px 0;margin-bottom:30px}.vmtc .barra .txt{color:#fff}.vmtc .via{background:#ffffff35}.vmtc .via i{background:#b9c88c}
.vmtc .paso h2{color:#25472c}.vmtc .etq,.vmtc .intro,.vmtc .sub,.vmtc .nota,.vmtc .ayu,.vmtc .rgpd p,.vmtc .rej-tema{color:#405444}
.vmtc input[type=text],.vmtc input[type=email],.vmtc input[type=tel],.vmtc input[type=url],.vmtc textarea,.vmtc select{color:#17271d!important;background:#fffef8!important;border:1px solid #829274!important;border-radius:4px}
.vmtc .op{background:#e8eadd;color:#213a27;border-color:#a8b298}.vmtc .op:has(input:checked){background:#25472c;color:#fff}.vmtc .rej-fila{border-color:#25472c22}.vmtc .rej-cab{background:#25472c;color:#fff}.vmtc .rej-op{color:#25472c}.vmtc .cua{border-color:#8b997d}.vmtc .rej-op input:checked+.cua{background:#25472c;border-color:#25472c}
.vmtc .bloque-papel,.vmtc .bloque-redes,.vmtc .adj,.vmtc .rgpd{background:#e3e7d7;border-color:#25472c22}.vmtc .b-sig,.vmtc .b-enviar{background:#25472c;color:#fff}.vmtc .b-atras{color:#25472c;border-color:#25472c55}.vmtc .aviso{color:#872d23}.vmtc .fin h2{color:#25472c}.vmtc .fin{background:#e2e8d7}.vmtc .pie{padding-right:100px}
@media(max-width:760px){.vmtc .env{padding-inline:20px}.vmtc .tarjeta{padding:24px 18px}.vmtc .form{padding:35px 0}.vmtc .barra{padding:16px 0}.vmtc .paso h2{font-size:32px}.vmtc .nav{padding-bottom:100px}.vmtc .rgpd{margin-right:0}.vmtc .rej-fila{padding-right:0}.vmtc .pie{padding-right:0}}

.vmtc{--ng:#eeeae2;--vd:#e3e7d7;--bl:#f8f6ef;--ol:#d2dcbf;--or:#536a38;--oc:#354e27;--hu:#17271d;--gr:#566551}.vmtc .ops input{accent-color:#25472c}
