/*
Theme Name: Latinoplaza
Theme URI: https://latinoplaza.de
Author: Latinoplaza
Description: Tema oficial del directorio latino en Alemania.
Version: 1.4.2
Text Domain: latinoplaza
*/
:root{--ink:#16231f;--cream:#f8f0e3;--paper:#fffaf2;--red:#ef4b36;--yellow:#f3b83f;--green:#234f42}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.lp-nav{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid #20342d20}.lp-brand{font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:10px}.lp-brand i{font:italic 22px Georgia;background:var(--red);color:#fff;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.lp-navlinks{display:flex;gap:28px;font-size:14px;font-weight:700}.lp-button{background:var(--green);color:#fff;padding:14px 20px;border:0;border-radius:3px;font-weight:700;cursor:pointer}.lp-hero{min-height:650px;background:var(--cream);padding:75px 6vw;position:relative;overflow:hidden}.lp-hero:after{content:"";position:absolute;right:-120px;bottom:-220px;width:600px;height:600px;border-radius:50%;background:repeating-conic-gradient(#ef4b36 0 7deg,transparent 7deg 14deg);opacity:.15}.lp-kicker{font-size:12px;letter-spacing:2.5px;font-weight:800;color:var(--red)}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1;margin:15px 0}h1{font-size:clamp(54px,7vw,92px)}h1 em,h2 em{color:var(--red)}.lp-lead{font:25px/1.3 Georgia,serif}.lp-lead strong{color:var(--red);font-weight:400}.lp-intro{font-size:18px;line-height:1.6;max-width:650px}.lp-search{position:relative;z-index:2;margin-top:32px;background:#fff;border:1px solid #23382f30;padding:10px;display:flex;max-width:900px;box-shadow:8px 8px 0 #dfc7a9}.lp-search label{padding:8px 18px;display:flex;flex-direction:column;flex:1}.lp-search label+label{border-left:1px solid #ddd}.lp-search small{font-size:10px;font-weight:800;letter-spacing:1.4px}.lp-search input,.lp-search select{border:0;background:transparent;padding:9px 0 2px;outline:0}.lp-search button{background:var(--red);color:#fff;border:0;padding:15px 28px;font-weight:800}.lp-section{padding:90px 6vw}.lp-heading{display:flex;justify-content:space-between;align-items:end}.lp-heading h2,.lp-offer h2,.lp-submit h2{font-size:clamp(42px,5vw,66px)}.lp-heading p{max-width:390px;line-height:1.6}.lp-filters{display:flex;gap:8px;flex-wrap:wrap;margin:34px 0}.lp-filters a{border:1px solid #22362e40;border-radius:30px;padding:9px 14px;background:#fff;font-size:13px}.lp-filters a.active{background:var(--green);color:#fff}.lp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lp-card{background:#fff;border:1px solid #22362e26}.lp-visual{height:180px;background:linear-gradient(135deg,#f0a65f,#e75e4b);display:grid;place-items:center;position:relative;color:#fff;font-size:58px}.lp-cardbody{padding:22px}.lp-meta{font-size:11px;text-transform:uppercase;color:var(--red);font-weight:800;letter-spacing:1.3px}.lp-card h3{font:27px Georgia,serif;margin:8px 0}.lp-card p{font-size:14px;line-height:1.55;color:#56645f}.lp-contact{font-size:12px;line-height:1.7;border-top:1px solid #eee;padding-top:12px}.lp-actions{display:flex;gap:18px;margin-top:14px;color:var(--green);font-size:12px;font-weight:800}.lp-empty{padding:50px;text-align:center;border:1px dashed #999;grid-column:1/-1}.lp-offer{padding:90px 5vw;background:var(--green);color:#fff}.lp-offerintro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.lp-offerintro p{max-width:520px;line-height:1.6}.lp-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}.lp-plan{background:#fff;color:var(--ink);padding:25px;min-height:355px;display:flex;flex-direction:column}.lp-plan.best{background:var(--yellow);transform:translateY(-12px);box-shadow:0 15px 35px #10251f88}.lp-plan small{font-weight:800;letter-spacing:1.4px;color:var(--red)}.lp-plan strong{font:38px Georgia,serif;margin-top:6px}.lp-plan strong span{font:12px Arial}.lp-plan ul{padding:0;list-style:none;font-size:13px;line-height:1.65}.lp-plan li{margin:7px 0}.lp-plan .lp-button{margin-top:auto;text-align:center}.lp-submit{padding:90px 6vw;background:#f6e6d1;display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.lp-form{background:#fff;padding:34px;border:1px solid #22362e30;box-shadow:9px 9px 0 #d9b993}.lp-footer{background:#14251f;color:#fff;padding:35px 6vw;display:flex;justify-content:space-between;align-items:center;font-size:12px}

/* Señales visuales consistentes para todos los controles interactivos. */
.lp-button,.lp-search button,.lp-filters a,.lp-actions a,.lp-profile-link,.lp-navlinks a{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease;cursor:pointer}.lp-button,.lp-search button{box-shadow:0 3px 0 #10251f55}.lp-button:hover,.lp-search button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #10251f38;filter:brightness(1.08)}.lp-button:active,.lp-search button:active{transform:translateY(1px);box-shadow:0 1px 0 #10251f55}.lp-filters a:hover{transform:translateY(-2px);border-color:var(--green);background:#edf4f0;box-shadow:0 4px 10px #16231f18}.lp-filters a:active{transform:translateY(0)}.lp-actions a,.lp-profile-link,.lp-navlinks a{position:relative}.lp-actions a:hover,.lp-profile-link:hover,.lp-navlinks a:hover{color:var(--red);transform:translateY(-1px)}.lp-actions a:after,.lp-navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;background:currentColor;transition:right .18s ease}.lp-actions a:hover:after,.lp-navlinks a:hover:after{right:0}.lp-button:focus-visible,.lp-search button:focus-visible,.lp-filters a:focus-visible,.lp-actions a:focus-visible,.lp-profile-link:focus-visible,.lp-navlinks a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.lp-search input:focus,.lp-search select:focus{box-shadow:inset 0 -2px 0 var(--red)}

@media(max-width:1050px){.lp-plans{grid-template-columns:repeat(2,1fr)}.lp-plan.best{transform:none}}@media(max-width:850px){.lp-navlinks{display:none}.lp-grid{grid-template-columns:repeat(2,1fr)}.lp-submit{grid-template-columns:1fr}.lp-heading,.lp-offerintro{align-items:start;flex-direction:column}}@media(max-width:620px){.lp-nav{padding:0 18px}.lp-nav .lp-button{font-size:0}.lp-nav .lp-button:after{content:"+";font-size:18px}.lp-hero,.lp-section,.lp-offer,.lp-submit{padding:55px 20px}.lp-search{flex-direction:column}.lp-search label+label{border:0;border-top:1px solid #ddd}.lp-grid,.lp-plans{grid-template-columns:1fr}.lp-footer{flex-direction:column;gap:16px;text-align:center}}@media(prefers-reduced-motion:reduce){.lp-button,.lp-search button,.lp-filters a,.lp-actions a,.lp-profile-link,.lp-navlinks a{transition:none!important;transform:none!important}}

/* Ilustración de tienda para la portada. */
.lp-hero:before{content:"MARKETPLACE";position:absolute;z-index:1;right:5vw;top:105px;width:360px;height:300px;padding-top:35px;border:7px solid var(--ink);border-radius:5px;background:linear-gradient(90deg,transparent 0 34%,var(--ink) 34% 36%,transparent 36% 68%,var(--ink) 68% 70%,transparent 70%),linear-gradient(180deg,transparent 0 44%,var(--ink) 44% 46%,transparent 46%),linear-gradient(90deg,#bcded5 0 70%,var(--green) 70% 100%);background-size:66% 42%,66% 42%,100% 100%;background-position:10% 72%,10% 72%,0 0;background-repeat:no-repeat;color:var(--ink);font:800 17px Arial,sans-serif;letter-spacing:3px;text-align:center;box-shadow:15px 15px 0 #d9b993;transform:rotate(1.5deg)}.lp-hero:after{content:"";position:absolute;z-index:2;right:calc(5vw - 20px);top:65px;width:414px;height:108px;border:7px solid var(--ink);border-radius:5px 5px 22px 22px;background:repeating-linear-gradient(90deg,var(--red) 0 69px,#fffaf2 69px 138px);clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);opacity:1}.lp-hero>h1,.lp-hero>.lp-lead,.lp-hero>.lp-intro,.lp-hero>.lp-kicker{position:relative;z-index:3;max-width:61%}.lp-search{width:min(900px,70vw)}@media(max-width:1050px){.lp-hero:before{right:1vw;top:120px;width:300px;height:250px}.lp-hero:after{right:calc(1vw - 18px);top:82px;width:350px;height:92px;background:repeating-linear-gradient(90deg,var(--red) 0 58px,#fffaf2 58px 116px)}}@media(max-width:820px){.lp-hero:before,.lp-hero:after{display:none}.lp-hero>h1,.lp-hero>.lp-lead,.lp-hero>.lp-intro,.lp-hero>.lp-kicker{max-width:none}.lp-search{width:100%}}

/* Selector bilingüe e icono monocromático de marketplace. */
.lp-navtools{display:flex;align-items:center;gap:18px}.lp-language{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #22362e30;border-radius:30px;background:#fff;font-size:11px;font-weight:800}.lp-language button{padding:5px 7px;border:0;border-radius:20px;background:transparent;color:#6b7772;font:inherit;cursor:pointer;transition:background .18s,color .18s,transform .18s}.lp-language button:hover{color:var(--red);transform:translateY(-1px)}.lp-language button[aria-pressed="true"]{background:var(--green);color:#fff}.lp-language button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.lp-hero:before{content:"";right:7vw;top:125px;width:285px;height:235px;padding:0;border:5px solid #e9b7aa;border-radius:4px;background:linear-gradient(90deg,transparent 0 67%,#e9b7aa 67% 69%,transparent 69%),linear-gradient(180deg,transparent 0 57%,#e9b7aa 57% 59%,transparent 59%);background-color:transparent;background-size:100% 100%;box-shadow:none;transform:none}.lp-hero:after{content:"";right:calc(7vw - 16px);top:91px;width:327px;height:78px;border:5px solid #e9b7aa;border-radius:4px 4px 18px 18px;background:repeating-linear-gradient(90deg,#e9b7aa22 0 54px,transparent 54px 108px);clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);opacity:1}.lp-hero{background-image:radial-gradient(circle at calc(100% - 13vw) 285px,transparent 0 185px,#e9b7aa20 186px 188px,transparent 189px)}@media(max-width:1050px){.lp-hero:before{right:3vw;top:145px;width:235px;height:195px}.lp-hero:after{right:calc(3vw - 13px);top:116px;width:269px;height:66px;background:repeating-linear-gradient(90deg,#e9b7aa22 0 45px,transparent 45px 90px)}}@media(max-width:820px){.lp-navtools{gap:8px}.lp-language{padding:3px 5px}.lp-hero{background-image:none}}@media(max-width:620px){.lp-navtools .lp-button{display:none}}

.lp-legal-links{display:flex;gap:8px}.lp-legal-links a{transition:color .18s}.lp-legal-links a:hover{color:#f3b83f}.lp-page{max-width:920px;margin:0 auto;padding:80px 24px 110px}.lp-page h1{font-size:clamp(46px,7vw,78px)}.lp-page .entry-content{font-size:17px;line-height:1.75}.lp-page .entry-content h2{font-size:38px;margin-top:45px}.lp-page .entry-content a{color:var(--red);text-decoration:underline}

/* Escaparate vectorial monocromático: reemplaza por completo las figuras anteriores. */
.lp-hero{background-image:none}.lp-hero:before{content:"";display:block;position:absolute;z-index:1;right:5vw;top:82px;width:min(34vw,440px);height:390px;padding:0;border:0;border-radius:0;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 390'%3E%3Cg fill='none' stroke='%23e9b7aa' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M78 145h284v202H78zM58 145 92 73h256l34 72'/%3E%3Cpath d='M58 145h324v35c0 24-18 42-40 42-18 0-33-12-38-29-5 17-20 29-38 29s-33-12-38-29c-5 17-20 29-38 29s-33-12-38-29c-5 17-20 29-38 29-22 0-40-18-40-42z'/%3E%3Cpath d='M116 257h116v90H116zM174 257v90M116 302h116M270 245h58v102h-58z'/%3E%3Ccircle cx='313' cy='298' r='4' fill='%23e9b7aa'/%3E%3Cpath d='M150 111h140'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;box-shadow:none;filter:none;transform:none;opacity:1}.lp-hero:after{display:none!important;content:none!important}.lp-hero>h1,.lp-hero>.lp-lead,.lp-hero>.lp-intro,.lp-hero>.lp-kicker{max-width:62%}@media(max-width:900px){.lp-hero:before{right:1vw;width:32vw}}@media(max-width:820px){.lp-hero:before{display:none}.lp-hero>h1,.lp-hero>.lp-lead,.lp-hero>.lp-intro,.lp-hero>.lp-kicker{max-width:none}}

/* Fotografía de comunidad en círculo moderno. */
.lp-hero:before{right:5vw;top:70px;width:min(35vw,470px);height:min(35vw,470px);border:7px solid #fffaf2;border-radius:50%;background-image:url("assets/latinoplaza-community-hero.png");background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 0 0 2px #e9b7aa,18px 22px 0 #e9b7aa30;filter:none;opacity:1}.lp-hero:after{display:block!important;content:""!important;right:calc(5vw - 18px);top:52px;width:min(9vw,105px);height:min(9vw,105px);border:0;border-radius:50%;background:#ef4b36;clip-path:none;opacity:.12}.lp-hero>h1,.lp-hero>.lp-lead,.lp-hero>.lp-intro,.lp-hero>.lp-kicker{max-width:60%}@media(max-width:1000px){.lp-hero:before{right:2vw;top:100px;width:34vw;height:34vw}.lp-hero:after{right:1vw;top:84px}}@media(max-width:820px){.lp-hero:before,.lp-hero:after{display:none!important}.lp-hero>h1,.lp-hero>.lp-lead,.lp-hero>.lp-intro,.lp-hero>.lp-kicker{max-width:none}}
