.international-hero{display:grid;grid-template-columns:1fr 1fr;background:#f5f9fc;color:#122a43;border-radius:24px;overflow:hidden;margin:0 0 22px;border:1px solid #dce7eb}
.international-hero-copy{padding:clamp(24px,4vw,64px);align-self:center;min-width:0}
.international-hero-brand{font-size:1.25rem;font-weight:800;color:#2873d9}
.international-hero h1,.international-hero h2{font-size:clamp(1.8rem,3.8vw,3.8rem);line-height:1.1;margin:22px 0;overflow-wrap:anywhere}
.international-hero-copy p{font-size:1.1rem;line-height:1.5;color:#42546b}
.international-hero-copy .small{font-size:.9rem}
.international-hero-image{min-height:330px;background-image:url('/assets/tusanunciosya-hero-v18.webp');background-position:right top;background-size:auto 123%;background-repeat:no-repeat}
.international-hero-categories{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;padding:18px 24px;background:#eaf1fa}
.international-hero-categories button,.international-hero-categories a{flex:1 1 140px;background:white;border:1px solid #d8e4ef;border-radius:14px;padding:14px;color:#17334b;font:inherit;font-weight:700;cursor:pointer;overflow-wrap:anywhere;text-decoration:none;text-align:center}
.international-hero-action{display:inline-block;background:#089e9a;color:#fff;border-radius:14px;padding:14px 20px;font-weight:700;text-decoration:none}
html:not([lang="es"]) .nav-btn,html:not([lang="es"]) .btn{white-space:normal;overflow-wrap:anywhere}
html:not([lang="es"]) .topbar-inner{flex-wrap:wrap;row-gap:12px}
html:not([lang="es"]) .desktop-nav{flex-wrap:wrap}
html:not([lang="es"]) .mobile-nav button{min-width:0;font-size:10px;overflow-wrap:normal;hyphens:auto}
html:not([lang="es"]) input,html:not([lang="es"]) textarea{min-width:0}
@media(max-width:680px){.international-hero{grid-template-columns:1fr}.international-hero-image{display:none}.international-hero-copy{padding:26px}.international-hero-categories{padding:14px;gap:8px}.international-hero-categories button,.international-hero-categories a{flex-basis:120px;padding:12px;font-size:.85rem}.international-hero h1,.international-hero h2{font-size:2rem}.international-hero .btn{width:100%}}