/* CONTUHIJO CORE 2 RC3 · normalized marga-contact.css */
@layer cth20.legacy {

/* ===== NORMALIZED LEGACY SOURCE: assets/css/integrations/marga-contact.css ===== */
/* Contuhijo Core VMON4.0 · protected Marga contact form presentation.
   Structural only: no values, validation, Vue bindings or submit logic. */
body.vmon-contact-route .vmon380-contact-form .vmon-shell{width:min(calc(100% - 32px),1240px)}
body.vmon-contact-route #contacto-form,
body.vmon-contact-route .vmon-marga--contact{width:100%;max-width:none;min-width:0;box-sizing:border-box}
body.vmon-contact-route #contacto-form :where(.h-row,.row){width:100%;max-width:none;min-width:0;box-sizing:border-box}
body.vmon-contact-route #contacto-form :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),select,textarea){max-width:100%;box-sizing:border-box}
body.vmon-contact-route #contacto-form :where(img,iframe,table,.g-recaptcha){max-width:100%}
body.vmon-contact-route #contacto-form .g-recaptcha{transform-origin:left top}

@media(max-width:767px){
  body.vmon-contact-route .vmon380-contact-form{padding:26px 0 42px}
  body.vmon-contact-route .vmon380-contact-form .vmon-shell{width:min(calc(100% - 20px),1240px)}
  body.vmon-contact-route .vmon380-contact-form__surface{padding:0;border-radius:16px;overflow:hidden}
  body.vmon-contact-route #contacto-form{padding:20px 14px 24px;border-radius:16px}
  body.vmon-contact-route #contacto-form :where(.h-row,.row){display:block;margin:0}
  body.vmon-contact-route #contacto-form [class*="h-col-"],
  body.vmon-contact-route #contacto-form [class*="col-"]{display:block;float:none;width:100%;max-width:100%;min-width:0;flex:0 0 100%;padding:7px 0;margin:0}
  body.vmon-contact-route #contacto-form :where(.control-group,.form-group){width:100%;max-width:100%;min-width:0;margin:0 0 12px}
  body.vmon-contact-route #contacto-form :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),select,textarea){display:block;width:100%;max-width:100%;min-width:0;margin:0;font-size:16px}
  body.vmon-contact-route #contacto-form :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),select){min-height:48px}
  body.vmon-contact-route #contacto-form textarea{min-height:150px;resize:vertical}
  body.vmon-contact-route #contacto-form :where(label,.md-label){font-size:.82rem;line-height:1.3;letter-spacing:.035em}
  body.vmon-contact-route #contacto-form :where(h2,h3,h4,p,li){max-width:100%;overflow-wrap:anywhere}
  body.vmon-contact-route #contacto-form :where(p,li){font-size:.94rem;line-height:1.55}
  body.vmon-contact-route #contacto-form :where(.privacy-policy,.politica-privacidad,.rgpd,.lopd){width:100%;max-width:100%;font-size:.94rem;line-height:1.55}
  body.vmon-contact-route #contacto-form :where(input[type="checkbox"],input[type="radio"]){width:auto;min-width:0;min-height:0;flex:0 0 auto}
  body.vmon-contact-route #contacto-form :where(button,input[type="submit"],.md-btn){max-width:100%;min-height:46px}
}
@media(max-width:390px){
  body.vmon-contact-route #contacto-form .g-recaptcha{transform:scale(.86);margin-right:-44px;margin-bottom:-12px}
}

/* Vue/Marga template tokens are implementation detail, never customer copy. */
.vmon2026 .cth-marga-template-token{display:none}

/* Template tokens are implementation detail, never customer copy. */
body.vmon-contact-route .cth-marga-template-token{display:none}


}