:root{color-scheme:light;--green:#075746;--ink:#173e35;--red:#a53632;--gold:#d7b55d;--line:#dce5e1;--muted:#526b64}
:host{display:block;direction:inherit;color-scheme:light;--green:#075746;--ink:#173e35;--red:#a53632;--gold:#d7b55d;--line:#dce5e1;--muted:#526b64;color:var(--ink);font:16px/1.6 "Segoe UI",Tahoma,Arial,sans-serif;text-align:start}
*{box-sizing:border-box;letter-spacing:0}
html{scrollbar-gutter:stable}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 "Segoe UI",Tahoma,Arial,sans-serif}
a{color:inherit;text-decoration:none}
:is(a,button,input,select,textarea):focus-visible{outline:3px solid #ad7410;outline-offset:4px}
button,input,select,textarea{font:inherit}button{cursor:pointer}
img{display:block;max-width:100%;object-fit:contain}
h1,h2,h3,p{margin:0}
h2{font-size:28px;line-height:1.25}h3{font-size:20px;line-height:1.3}
.container{width:min(1600px,calc(100% - 40px));margin-inline:auto}
@media(min-width:901px){.topbar-inner.container,.brandbar.container,.primary-nav.container{width:min(1752px,calc(100% - 8px));max-width:none;margin-inline:auto}}
.content-container{width:min(1150px,calc(100% - 40px));margin-inline:auto}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.skip-link{position:fixed;inset-inline-start:16px;top:-100px;padding:12px;background:white;z-index:100}
.skip-link:focus{top:12px}
.topbar{background:#981f28 url('assets/franja-roja-suave.png') center/cover;color:#fff}
.topbar-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.topbar p{font-size:19px;font-weight:400;line-height:1.6;min-width:0;overflow-wrap:anywhere;text-wrap:pretty}
.topbar p strong{font-weight:750}
.language-switch{direction:ltr;display:flex;gap:4px;width:204px;height:60px;padding:4px;flex:none;border:1px solid #e5ebe7;border-radius:8px;background:#fff;box-shadow:0 3px 8px rgb(0 0 0 / 14%)}
.language-switch a{width:50%;min-width:0;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid transparent;border-radius:5px;background:#fff;color:var(--green);font-size:12px;line-height:1.2;transition:background-color 140ms ease,box-shadow 140ms ease}
.language-switch b{font-size:15px}
.language-switch a[aria-current]{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 2px 4px rgb(23 62 53 / 18%)}
@media(hover:hover){.language-switch a:hover:not([aria-current]){background:#e8f4ef;border-color:#c9dcd3}}
.language-switch a:active{box-shadow:inset 0 2px 3px rgb(0 0 0 / 14%)}
.language-switch a:focus-visible{outline:2px solid #075746;outline-offset:1px}
@media(prefers-reduced-motion:reduce){.language-switch a{transition:none}}
.brandbar{min-height:142px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;padding-block:20px}
.brand{display:flex;align-items:center;gap:20px;min-width:0;font-size:30px;font-weight:750;line-height:1.2}
.brand img{width:88px;height:88px;flex:none;border-radius:8px}
.brand small{display:block;margin-top:8px;font-size:20px;font-weight:600}
.brand small[lang="ar"]{font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:26px;line-height:1.6;font-weight:500;text-align:center}
:host(:dir(rtl)) .brand{font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:32px;line-height:1.5}
:host(:dir(rtl)) .brand small[lang="es"]{font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.4}
.account-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:20px;flex:none;max-width:100%;margin-inline-start:auto}
.account-actions a,.button,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;min-height:44px}
.account-actions a[href$="cuenta.html"]{min-height:50px;padding:10px 16px;border:1px solid #c9dcd3;border-radius:6px;background:#fff;color:#075746;box-shadow:0 2px 3px rgb(23 62 53 / 8%),0 4px 8px rgb(23 62 53 / 6%);transition:transform 160ms ease,box-shadow 160ms ease,background-color 160ms ease}
.account-actions a[href$="cuenta.html"] .icon{width:28px;height:28px;padding:2px;border-radius:6px;stroke-width:2;background:#e8f4ef}
.account-actions a[href$="cuenta.html"]{min-width:0;max-width:min(280px,100%);white-space:normal;overflow-wrap:anywhere;text-align:start;line-height:1.5}
.account-actions .account-name{min-width:0;white-space:normal;overflow-wrap:anywhere;unicode-bidi:plaintext}
@media(hover:hover) and (pointer:fine){.account-actions a[href$="cuenta.html"]:hover{background:#f0f6f3;transform:none;}}
.account-actions a[href$="cuenta.html"]:active{transform:none;box-shadow:0 1px 2px rgb(23 62 53 / 12%)}
.account-actions a[href$="cuenta.html"]:focus-visible{outline:3px solid #075746;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.account-actions a[href$="cuenta.html"]{transition:none}.account-actions a[href$="cuenta.html"]:hover,.account-actions a[href$="cuenta.html"]:active{transform:none}}
.button{background:var(--green);color:white;border-radius:6px;padding:12px 20px}
.button:hover{background:#096e58}
.account-actions a[href$="participar.html"]{min-height:50px;padding:10px 18px;border:1px solid #075746;line-height:1.5;box-shadow:0 2px 3px rgb(23 62 53 / 12%),0 4px 8px rgb(23 62 53 / 10%);transition:transform 160ms ease,box-shadow 160ms ease,background-color 160ms ease}
.account-actions a[href$="participar.html"] .icon{width:28px;height:28px;padding:2px;border-radius:6px;stroke-width:2;background:rgb(255 255 255 / 14%)}
@media(hover:hover) and (pointer:fine){.account-actions a[href$="participar.html"]:hover{transform:none;}}
.account-actions a[href$="participar.html"]:active{transform:none;box-shadow:0 1px 2px rgb(23 62 53 / 12%)}
.account-actions a[href$="participar.html"]:focus-visible{outline:3px solid #075746;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.account-actions a[href$="participar.html"]{transition:none}.account-actions a[href$="participar.html"]:hover,.account-actions a[href$="participar.html"]:active{transform:none}}
.primary-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) repeat(3,minmax(0,1fr)) minmax(0,1.55fr) repeat(4,minmax(0,1fr));gap:10px;border-top:1px solid var(--line);padding-block:16px}
.primary-nav a{position:relative;min-width:0;min-height:60px;padding:10px 8px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce5e1;border-radius:6px;text-align:start;font-size:14px;font-weight:600;line-height:1.35;color:#294c41;background:#fff;overflow-wrap:anywhere;box-shadow:0 2px 3px rgb(23 62 53 / 8%),0 4px 8px rgb(23 62 53 / 6%);transition:transform 160ms ease,box-shadow 160ms ease,background-color 160ms ease,border-color 160ms ease}
.primary-nav a span{display:flex;align-items:center;min-height:36px}
.primary-nav .icon{width:28px;height:28px;padding:2px;border-radius:6px;stroke-width:2;color:var(--nav-icon,#08705a);background:var(--nav-icon-bg,#e8f4ef)}
.primary-nav a{padding-inline:6px;gap:6px}
.primary-nav a[href$="comunidad.html"]{--nav-icon:#2564a0;--nav-icon-bg:#eaf2fb}
.primary-nav a[href$="vivienda.html"]{--nav-icon:#08705a;--nav-icon-bg:#e8f4ef}
.primary-nav a[href$="empleo.html"]{--nav-icon:#926012;--nav-icon-bg:#fff3d9}
.primary-nav a[href$="anuncios.html"]{--nav-icon:#a43d55;--nav-icon-bg:#fceef1}
.primary-nav a[href$="profesionales.html"]{--nav-icon:#76518e;--nav-icon-bg:#f2edf7}
.primary-nav a[href$="tienda.html"]{--nav-icon:#926012;--nav-icon-bg:#fff3d9}
.primary-nav a[href$="noticias.html"]{--nav-icon:#2564a0;--nav-icon-bg:#eaf2fb}
.primary-nav a[href$="ayuda.html"]{--nav-icon:#08705a;--nav-icon-bg:#e8f4ef}
.primary-nav a:last-child{--nav-icon:#ae3049;--nav-icon-bg:#fceef1}
.primary-nav a[aria-current]{background:#075746;color:white;border-color:#075746}
.primary-nav a[aria-current] .icon{color:white;background:rgb(255 255 255 / 14%)}
.primary-nav a:last-child:not([aria-current]){color:#a12c3b;border-color:#eadbde}
@media(hover:hover) and (pointer:fine){
 .primary-nav a:hover{transform:none;}
 .primary-nav a:hover:not([aria-current]){background:#f0f6f3;border-color:#b8cec3}
}
.primary-nav a:active{transform:none;box-shadow:0 1px 2px rgb(23 62 53 / 12%);transition-duration:60ms}
.primary-nav a:focus-visible{outline:3px solid #075746;outline-offset:2px;z-index:1}
@media(prefers-reduced-motion:reduce){.primary-nav a{transition:none}.primary-nav a:hover,.primary-nav a:active{transform:none}}
.hero{background:#205e50 url('assets/zellige-panel-verde.png') center/cover;color:white}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:48px;min-height:420px;padding-block:36px}
.hero-copy{max-width:650px}
.eyebrow{color:#f2d076;font-size:13px;font-weight:700}
h1{font-size:52px;line-height:1.12;margin:14px 0 22px;text-wrap:balance}
.hero-copy>p:last-of-type{font-size:18px;max-width:600px}
.hero-mark{width:100%;height:320px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero-actions a{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 14px;border:1px solid #d7b55d;border-radius:6px;background:#154e40}
.hero-actions a:hover{background:#0b3d31}
.home-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:24px 10px 0;width:min(1752px,calc(100% - 8px));max-width:none;margin-inline:auto;align-items:stretch}
.home-highlight{--highlight:#176f5c;--highlight-tint:#e3f2eb;display:flex;align-items:center;gap:14px;min-width:0;min-height:132px;padding:22px 18px;border:1px solid #dce5e1;border-inline-start:4px solid var(--highlight);border-radius:8px;background:#fff;box-shadow:0 3px 5px rgb(23 62 53 / 7%),0 8px 18px rgb(23 62 53 / 8%);transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease}
.home-highlight:nth-child(1){--highlight:#2866a2;--highlight-tint:#e3eefb}.home-highlight:nth-child(3){--highlight:#76518e;--highlight-tint:#efe7f6}.home-highlight:nth-child(4){--highlight:#a43d55;--highlight-tint:#f9e5eb}
.home-highlight>.icon{width:44px;height:44px;padding:8px;border-radius:8px;background:var(--highlight-tint);color:var(--highlight);stroke-width:2}
.home-highlight h2{font-size:20px;line-height:1.35;overflow-wrap:anywhere;flex:1}
.home-highlight>.highlight-arrow{width:20px;height:20px;padding:0;border-radius:0;background:transparent}
.home-highlight{position:relative;min-height:168px;gap:12px;padding:18px 16px;background:var(--highlight-tint)}
.home-highlight:not(.meet-romance-card)::before{content:"";display:block;width:104px;height:104px;flex:none;background-image:url('assets/tarjetas-ilustradas-v1.png');background-size:200% 200%;background-repeat:no-repeat;background-position:0 0}
.home-highlight:nth-child(2)::before{background-position:100% 0}
.home-highlight:nth-child(1)::before{clip-path:inset(0 6% 0 0)}
.home-highlight:nth-child(3)::before{background-position:0 100%}
.home-highlight:nth-child(4)::before{background-position:100% 100%}
.home-highlight>.icon:not(.highlight-arrow){display:none}
.home-highlight>.highlight-arrow{position:absolute;inset-inline-end:12px;bottom:10px}
.home-highlight h2{font-size:20px;line-height:1.4}
.section-heading .text-link{padding:10px 16px;border:1px solid #b7d5c7;border-radius:6px;background:#e8f4ef;box-shadow:0 2px 5px rgb(23 62 53 / 9%);white-space:normal}
.section-heading .text-link:hover{background:#d9eee3;border-color:#075746}
[dir=rtl] .highlight-arrow{transform:scaleX(-1)}
@media(hover:hover) and (pointer:fine){.home-highlight[href]:hover{border-color:var(--highlight);transform:none;}}
.home-highlight[href]:active{transform:none;box-shadow:0 1px 3px rgb(23 62 53 / 12%)}
.home-highlight[href]:focus-visible{outline:3px solid var(--highlight);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.home-highlight{transition:none}.home-highlight[href]:hover,.home-highlight[href]:active{transform:none}}
@media(max-width:1100px){.home-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.home-highlights{grid-template-columns:1fr;gap:14px;padding-top:20px}.home-highlight{min-height:136px}.home-highlight::before{width:88px;height:88px}.home-highlight h2{font-size:20px}}
.sections{padding-block:56px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.section-heading p{margin-top:10px;color:var(--muted)}
.text-link{color:var(--green)}
.section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.section-item{--card-accent:#176f5c;--card-bg:#f0f8f4;--card-icon:#deefe6;display:flex;flex-direction:column;align-items:start;gap:14px;padding:24px;border:1px solid #d9e3de;border-top:4px solid var(--card-accent);border-radius:8px;background:var(--card-bg);box-shadow:0 3px 5px rgb(23 62 53 / 7%),0 8px 18px rgb(23 62 53 / 8%);transition:transform 160ms ease,box-shadow 160ms ease}
.section-item[href$="comunidad.html"],.section-item[href$="noticias.html"]{--card-accent:#2866a2;--card-bg:#f0f6fc;--card-icon:#deebfa}
.section-item[href$="empleo.html"],.section-item[href$="tienda.html"]{--card-accent:#95620e;--card-bg:#fff9ed;--card-icon:#fbecc7}
.section-item[href$="anuncios.html"]{--card-accent:#a43d55;--card-bg:#fff3f5;--card-icon:#f8dfe6}
.section-item[href$="profesionales.html"]{--card-accent:#76518e;--card-bg:#f7f3fb;--card-icon:#eae0f3}
.section-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:var(--card-icon);color:var(--card-accent)}
.section-item>.icon{color:var(--card-accent)}
@media(hover:hover) and (pointer:fine){.section-item:hover{transform:none;}}
.section-item:active{transform:none;box-shadow:0 1px 3px rgb(23 62 53 / 12%)}
@media(prefers-reduced-motion:reduce){.section-item{transition:none}.section-item:hover,.section-item:active{transform:none}}
.section-item p{color:var(--muted);flex:1}
[dir=rtl] .text-link .icon,[dir=rtl] .section-item>.icon{transform:scaleX(-1)}
.community-band{background:#edf5f1;padding-block:44px}
.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.community-grid p{margin-block:16px;max-width:560px;color:var(--muted)}
footer{background:#073f32;color:#fff;padding-top:40px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
footer h2{font-size:22px}footer p{margin-block:16px;color:#c4d9d0}
footer a{display:flex;align-items:center;gap:8px;min-height:40px;overflow-wrap:anywhere}
footer nav{display:flex;flex-direction:column;align-items:start}
.copyright{padding-block:20px;margin-bottom:0;border-top:1px solid #326054;font-size:13px}
.mobile-menu{display:none}
@media(max-width:1100px){
 .brand{font-size:25px}.brand small{font-size:17px}.brand small[lang="ar"]{font-size:23px}:host(:dir(rtl)) .brand{font-size:27px}.brand img{width:72px;height:72px}
 .account-actions{gap:12px}.primary-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
 .section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:44px}
}
@media(max-width:700px){
 .site-header:has(.mobile-menu) .primary-nav{display:none}
 .site-header:has(.mobile-menu) .brandbar{gap:12px;padding-block:14px}
 .site-header:has(.mobile-menu) .brand{font-size:21px;gap:10px}
 .site-header:has(.mobile-menu) .brand img{width:48px;height:48px}
 .site-header:has(.mobile-menu) .brand small{margin-top:5px;font-size:13px}
 .site-header:has(.mobile-menu) .brand small[lang="ar"]{font-size:19px}
 .site-header:has(.mobile-menu) .account-actions{gap:10px}
 .mobile-menu{display:block;width:calc(100% - 32px);margin:0 auto 14px;border:1px solid #c9dcd3;border-radius:6px;background:#fff}
 .mobile-menu summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;cursor:pointer;color:#075746;font-weight:650;list-style:none}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu summary:focus-visible{outline:3px solid #075746;outline-offset:3px;border-radius:6px}
 .mobile-menu .menu-chevron{margin-inline-start:auto;transform:rotate(90deg)}
 .mobile-menu[open] .menu-chevron{transform:rotate(-90deg)}
 .mobile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px;border-top:1px solid #dce5e1}
 .mobile-links a{display:flex;align-items:center;gap:8px;min-width:0;min-height:52px;padding:8px;border:1px solid #e2eae5;border-radius:6px;font-size:14px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
 .mobile-links a[aria-current]{background:#075746;color:#fff;border-color:#075746}
 .mobile-links a:focus-visible{outline:3px solid #075746;outline-offset:1px}
 .container,.content-container{width:calc(100% - 32px)}
 .topbar-inner{min-height:68px;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding-block:14px}.topbar p{display:block;width:100%;font-size:16px}
 .language-switch{width:172px;height:56px}
 .brandbar{flex-wrap:wrap;gap:18px;padding-block:20px}.brand{font-size:23px;gap:12px}.brand small{font-size:14px}.brand small[lang="ar"]{font-size:20px}:host(:dir(rtl)) .brand{font-size:25px}
 .brand img{width:64px;height:64px}.account-actions{width:100%;justify-content:flex-end}
 .primary-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-block:14px}.primary-nav a{justify-content:flex-start;font-size:13px;min-height:56px;padding:8px 10px;gap:9px}.primary-nav a span{min-height:36px;justify-content:flex-start}
 .hero-inner{position:relative;display:block;min-height:420px;padding-block:30px}
 .hero-copy{position:relative;z-index:1;padding-bottom:100px}
 h1{font-size:36px}.hero-copy>p:last-of-type{font-size:16px}
 .hero-mark{position:absolute;inset-inline-end:0;bottom:12px;width:110px;height:110px}
 .hero-actions{gap:8px}.hero-actions a{font-size:13px}
 .sections{padding-block:36px}.section-heading{display:block}.section-heading .text-link{margin-top:14px}
 h2{font-size:25px}.section-grid{grid-template-columns:1fr}.section-item{padding:20px}
 .community-grid,.footer-grid{grid-template-columns:1fr;gap:28px}.community-band{padding-block:32px}
}




/* Primera tarjeta ES: misma estructura común de las cuatro tarjetas.
   Ilustración y texto clásico aplanados en UN único archivo (no capas superpuestas). */
.home-highlight.meet-romance-es{
  --highlight:#b3454c;--highlight-tint:#fff5ef;
  color:inherit;text-decoration:none;
}
.home-highlight.meet-romance-es .meet-romance-art{
  display:block;flex:1 1 auto;min-width:0;width:100%;max-width:100%;
  height:118px;object-fit:contain;object-position:center;
}
.home-highlight.meet-romance-es .sr-only{
  position:absolute!important;width:1px!important;height:1px!important;
  margin:-1px!important;padding:0!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
@media(max-width:700px){
  .home-highlight.meet-romance-es{min-height:142px}
  .home-highlight.meet-romance-es .meet-romance-art{height:104px}
}
/* Tarjeta de portada «Encuentra tu pareja»: conserva la celda y el alto de las demás tarjetas. */
.home-highlight.meet-romance-card:not(.meet-romance-es){
  display:block;position:relative;isolation:isolate;overflow:hidden;
  box-sizing:border-box;min-height:168px;padding:0;
  border:1.5px solid #c78c35;border-radius:14px;
  background:radial-gradient(ellipse at 28% 45%,#fff3eb 0%,#fff8f3 70%,#fff0e8 100%);
  box-shadow:0 2px 5px rgb(75 43 25 / 6%);
  text-decoration:none;
}
.home-highlight.meet-romance-card:not(.meet-romance-es) .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.home-highlight.meet-romance-card:not(.meet-romance-es) .meet-romance-heart{
  position:absolute;left:0;top:12%;width:48%;height:80%;pointer-events:none;
}
.home-highlight.meet-romance-card:not(.meet-romance-es) .meet-romance-heart img{
  display:block;width:100%;height:100%;object-fit:contain;object-position:left center;
}
.home-highlight.meet-romance-card:not(.meet-romance-es) .meet-romance-title{
  position:absolute;left:45%;right:5%;top:14%;bottom:20%;
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;
}
.home-highlight.meet-romance-card:not(.meet-romance-es) .meet-romance-title img{
  display:block;flex:0 1 auto;max-width:100%;width:100%;min-height:0;max-height:50%;object-fit:contain;
}
.home-highlight.meet-romance-card:not(.meet-romance-es) .meet-romance-title img:last-child{width:96%}
.home-highlight.meet-romance-card:not(.meet-romance-es) .meet-romance-arabic{
  position:absolute;left:43%;right:4%;top:25%;bottom:24%;margin:0;
  color:#1b1612;font-family:'Amiri','Noto Naskh Arabic',Georgia,serif;
  font-size:clamp(18px,1.8vw,24px);line-height:1.2;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:700;white-space:nowrap;
}
.home-highlight.meet-romance-card:not(.meet-romance-es)>.highlight-arrow{
  position:absolute;right:10px;left:auto;bottom:7px;width:25px;height:25px;
  color:#b20b22;background:transparent;stroke-width:3;transform:none;
}
.home-highlight.meet-romance-card:not(.meet-romance-es):focus-visible{outline:3px solid #005d48;outline-offset:4px}
[dir=rtl] .home-highlight.meet-romance-card:not(.meet-romance-es) .meet-romance-heart{left:auto;right:0;width:48%;transform:scaleX(-1)}
[dir=rtl] .home-highlight.meet-romance-card:not(.meet-romance-es) .meet-romance-arabic{left:4%;right:52%}
[dir=rtl] .home-highlight.meet-romance-card:not(.meet-romance-es)>.highlight-arrow{right:auto;left:10px;transform:scaleX(-1)}
@media(max-width:700px){
  .home-highlight.meet-romance-card:not(.meet-romance-es){min-height:136px}
  .home-highlight.meet-romance-card .meet-romance-heart{width:48%;left:0}
  .home-highlight.meet-romance-card .meet-romance-title{left:45%;right:6%}
  .home-highlight.meet-romance-card .meet-romance-arabic{left:41%;right:7%;font-size:clamp(19px,5vw,26px)}
  [dir=rtl] .home-highlight.meet-romance-card .meet-romance-heart{left:auto;right:0;width:48%}
  [dir=rtl] .home-highlight.meet-romance-card .meet-romance-arabic{left:6%;right:52%}
}

/* Tarjeta Encuentra tu pareja: misma celda para ES y AR; una única imagen por idioma. */
.home-highlights>.home-highlight.meet-romance-card{display:block;position:relative;box-sizing:border-box;min-height:168px;height:clamp(168px,13vw,220px);overflow:hidden;padding:0!important;border:0!important;border-radius:9px;background:#fff8f3;box-shadow:0 3px 9px rgba(25,33,29,.13);text-decoration:none}
.home-highlights>.home-highlight.meet-romance-card::before{content:none!important;display:none!important}
.home-highlights>.home-highlight.meet-romance-card>.meet-romance-art{display:block!important;width:100%;height:100%;min-height:0;max-width:none;object-fit:fill;object-position:center;flex:none;pointer-events:none}
.home-highlights>.home-highlight.meet-romance-card>.highlight-arrow{display:none!important}
.home-highlights>.home-highlight.meet-romance-card:focus-visible{outline:3px solid #005d48;outline-offset:4px}
@media(max-width:700px){.home-highlights>.home-highlight.meet-romance-card{height:136px;min-height:136px}}

/* Sorteo de la Comunidad — tarjeta de Inicio. Misma celda, 168/136 px, arte separado del texto nítido. */
.home-highlights>.home-highlight.home-lottery-card{box-sizing:border-box;position:relative;display:block;overflow:hidden;min-width:0;min-height:168px;height:clamp(168px,13vw,220px);padding:0;border:0;border-inline-start:4px solid #a43d55;border-radius:9px;background:#fffaef;box-shadow:0 3px 9px rgba(25,33,29,.13);text-decoration:none;isolation:isolate}
.home-highlights>.home-highlight.home-lottery-card::before{content:none;display:none}
.home-highlights>.home-highlight.home-lottery-card .lottery-card-content{display:flex;position:absolute;inset-block-start:24%;inset-inline-start:7%;width:55%;flex-direction:column;gap:7px;z-index:2}
.home-highlights>.home-highlight.home-lottery-card .lottery-card-eyebrow{font-family:inherit;display:block;font-size:10px;line-height:1.3;font-weight:750;letter-spacing:.025em;color:#a27123}
.home-highlights>.home-highlight.home-lottery-card .lottery-card-title{font-family:Georgia,serif;font-size:clamp(16px,1.35vw,20px);font-weight:700;line-height:1.17;color:#07513d;overflow-wrap:normal;text-wrap:balance}
.home-highlights>.home-highlight.home-lottery-card .lottery-card-gift{position:absolute;inset-inline-end:5%;bottom:12%;width:39%;height:75%;object-fit:contain;object-position:center;z-index:1;pointer-events:none}
.home-highlights>.home-highlight.home-lottery-card .lottery-card-arrow{position:absolute;z-index:3;inset-inline-end:10px;bottom:7px;background:none;color:#c5263f;border:0;border-radius:0;font-size:23px;font-weight:700;line-height:1;pointer-events:none}
[dir=rtl] .home-highlights>.home-highlight.home-lottery-card .lottery-card-arrow{transform:scaleX(-1)}
@media(max-width:700px){.home-highlights>.home-highlight.home-lottery-card{height:136px;min-height:136px}.home-highlights>.home-highlight.home-lottery-card .lottery-card-title{font-size:clamp(18px,4.4vw,23px)}.home-highlights>.home-highlight.home-lottery-card .lottery-card-content{inset-block-start:24%}}

/* Mensajes: tarjeta rediseñada como componente único ES/AR. */
.home-highlights>.home-highlight.home-messages-card{box-sizing:border-box;position:relative;display:grid;grid-template-columns:45% minmax(0,1fr);align-items:center;gap:8px;height:clamp(168px,13vw,220px);min-height:168px;overflow:hidden;padding:12px 14px;border:0;border-inline-start:5px solid #8d41eb;border-radius:10px;background:linear-gradient(115deg,#f0eafe 0%,#f5f1ff 80%,#ede5ff 100%);box-shadow:0 3px 9px rgba(25,33,29,.13);color:#063e34;text-decoration:none}
.home-highlights>.home-highlight.home-messages-card::before{content:none;display:none}
.home-highlights>.home-highlight.home-messages-card .message-bubbles{position:relative;display:block;width:100%;height:80%;max-height:180px;min-width:0;object-fit:contain;mix-blend-mode:multiply;border-radius:12px;pointer-events:none}
.home-highlights>.home-highlight.home-messages-card .message-card-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;gap:8px;align-items:flex-start;text-align:start;padding-inline-end:8px}
.home-highlights>.home-highlight.home-messages-card .message-card-copy strong{font-weight:750;font-size:clamp(20px,2vw,32px);line-height:1.1;overflow-wrap:anywhere}
.home-highlights>.home-highlight.home-messages-card .message-card-copy>span{font-size:clamp(13px,1.2vw,19px);line-height:1.25;color:#5e3599;overflow-wrap:anywhere}
.home-highlights>.home-highlight.home-messages-card .message-card-arrow{position:absolute;inset-inline-end:13px;bottom:7px;color:#8533db;font-size:29px;font-weight:750;line-height:1;pointer-events:none}
[dir=rtl] .home-highlights>.home-highlight.home-messages-card .message-card-arrow{transform:scaleX(-1)}
@media(max-width:1100px){.home-highlights{width:calc(100% - 40px);padding-inline:0;gap:14px}}
@media(max-width:700px){.home-highlights{width:calc(100% - 32px);gap:14px;padding-top:20px}.home-highlights>.home-highlight.home-messages-card{height:136px;min-height:136px;padding:8px 14px}.home-highlights>.home-highlight.home-messages-card .message-card-copy strong{font-size:23px}.home-highlights>.home-highlight.home-messages-card .message-card-copy>span{font-size:15px}.home-highlights>.home-highlight.home-messages-card .message-card-arrow{font-size:22px}}

/* Tarjetas únicas de Inicio (texto nítido dentro de una sola imagen): mensajes, sorteo y versión árabe de coche. */
.home-highlights>.home-highlight.feature-art-card{display:block;position:relative;box-sizing:border-box;min-height:168px;height:clamp(168px,13vw,220px);overflow:hidden;padding:0!important;border:0!important;border-radius:9px;background:#fff;box-shadow:0 3px 9px rgba(25,33,29,.13);text-decoration:none}
.home-highlights>.home-highlight.feature-art-card::before{content:none!important;display:none!important}
.home-highlights>.home-highlight.feature-art-card>.feature-art{display:block!important;width:100%;height:100%;min-height:0;max-width:none;object-fit:fill;object-position:center;flex:none;pointer-events:none}
.home-highlights>.home-highlight.feature-art-card>.highlight-arrow{display:none!important}
.home-highlights>.home-highlight.feature-art-card:focus-visible{outline:3px solid #005d48;outline-offset:4px}
@media(max-width:700px){.home-highlights>.home-highlight.feature-art-card{height:136px;min-height:136px}}