/*
Theme Name: La Tienda de Monedas — No Call v20
Theme URI: https://tiendademonedas.com
Author: OpenAI
Description: Versión corregida, limpia y responsive de La Tienda de Monedas.
Version: 20.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: tdm-fixed
*/
:root{--black:#101010;--gold:#c99722;--cream:#fbf8f2;--line:#e4ddd2;--red:#c92222;--wrap:min(1180px,calc(100% - 36px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#171717;background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:var(--wrap);margin:auto}
.admin-bar .header{top:32px}
.header{position:sticky;top:0;z-index:40;background:linear-gradient(90deg,#171717,#0b0b0b);color:#fff}


.logo-coin{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e2b44d,#9a6508 75%);border:2px solid #e3bd61;display:grid;place-items:center;font:700 14px Georgia,serif;color:#1c1308}
.brand-copy{font-family:Georgia,serif;line-height:1}.brand-copy small{display:block;font-size:11px;letter-spacing:.08em}.brand-copy strong{font-size:25px}
.nav a:hover,.nav .active{border-color:var(--gold)}
.hero{min-height:520px;background:url("assets/images/hero.jpg") center/cover no-repeat;position:relative;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.28),rgba(0,0,0,.45))}.hero-inner{position:relative;z-index:1;min-height:520px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 0}.hero h1{font:700 clamp(48px,6vw,76px)/1.02 Georgia,serif;margin:0 0 14px;text-shadow:0 3px 8px rgba(0,0,0,.45)}.hero p{font:400 24px/1.4 Georgia,serif;margin:0 0 25px}.gold-btn{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(#d9ae39,#b77d00);color:#fff;padding:16px 42px;border-radius:4px;font-weight:800;box-shadow:0 7px 18px rgba(0,0,0,.25)}.hero-contact{display:flex;gap:38px;margin-top:22px;font-size:15px}
.section{padding:54px 0}.section.alt{background:var(--cream)}.section.dark{background:linear-gradient(90deg,#171717,#0b0b0b);color:#fff}.title{text-align:center;font:400 34px/1.2 Georgia,serif;margin:0 0 30px}.title:after{content:"";display:block;width:42px;height:2px;background:var(--gold);margin:10px auto 0}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.step{text-align:center;padding:0 46px;border-right:1px solid var(--line)}.step:last-child{border-right:0}.step-icon{width:78px;height:78px;border-radius:50%;background:#f2eadf;display:grid;place-items:center;margin:0 auto 16px;font-size:35px}.step-head{display:flex;justify-content:center;align-items:center;gap:12px}.num{width:27px;height:27px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font-weight:800}.step h3{font-size:17px;margin:0}.step p{font-size:14px;margin:10px 0 0}
.buy-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.buy-card{border:1px solid var(--line);background:#fff;border-radius:4px;overflow:hidden;text-align:center}.buy-card img{width:100%;height:142px;object-fit:cover}.buy-card div{padding:12px 5px;font-size:13px;font-weight:700;min-height:52px;display:grid;place-items:center}
.no-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:22px;
align-items:stretch
}
.no-card{
position:relative;
background:#fff;
border:1px solid var(--line);
border-radius:8px;
padding:22px 14px 18px;
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
min-width:0;
overflow:hidden
}
.no-image-wrap{
width:100%;
height:205px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:13px
}
.no-card img{
width:190px;
height:190px;
object-fit:contain;
margin:0 auto
}
.no-x{
width:26px;
height:26px;
border-radius:50%;
background:var(--red);
color:#fff;
display:grid;
place-items:center;
font-size:19px;
font-weight:900;
line-height:1;
margin:0 auto 10px
}
.no-card p{
font-weight:700;
margin:0;
font-size:14px;
line-height:1.35;
overflow-wrap:anywhere
}
.reasons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.reason{display:flex;align-items:center;gap:12px}.reason-icon{flex:0 0 48px;width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:22px}.reason p{margin:0;font-size:13px}
.bottom-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:44px}.tour-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.tour{border:1px solid var(--line);padding:18px 8px;text-align:center;background:#fff}.tour strong{display:block}.tour span{font-size:13px}.outline-btn{display:inline-block;border:1px solid var(--gold);color:#986600;padding:11px 24px;margin-top:28px;font-weight:700}
.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.about-wrap img{width:100%;height:250px;object-fit:cover}.about-text{font-size:16px}.details{display:grid;gap:9px;margin-top:14px}
.footer{background:linear-gradient(90deg,#171717,#0b0b0b);color:#fff;padding:36px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px}.footer h4{margin:0 0 12px}.footer-links{display:grid;gap:7px;color:#ddd;font-size:14px}.copy{text-align:center;color:#bbb;font-size:12px;margin-top:24px}.wa{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:26px;z-index:99}
@media(max-width:1050px){.nav{gap:18px}.buy-grid{grid-template-columns:repeat(4,1fr)}.no-grid{grid-template-columns:repeat(3,1fr)}.reasons{grid-template-columns:repeat(3,1fr)}.tour-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.header-inner{min-height:92px}.brand-image{flex-basis:100%;justify-content:center}.brand-image img{max-width:440px;max-height:76px;object-position:center}.nav{display:none}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line);padding:26px}.bottom-grid,.about-wrap{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.header-inner{min-height:78px}.brand-image img{max-width:330px;max-height:62px}.brand-copy strong{font-size:20px}.brand-copy small{font-size:9px}.hero{min-height:500px}.hero-inner{min-height:500px}.hero-contact{flex-direction:column;gap:8px}.buy-grid,.no-grid,.reasons,.tour-grid,.footer-grid{grid-template-columns:1fr}.no-image-wrap{height:230px}.no-card img{width:215px;height:215px}}


/* v9 — corrected header logo position and uniformly spaced navigation */
.header .wrap{
    width:min(1480px,calc(100% - 48px));
}

.header-inner{
    min-height:134px;
    display:grid;
    grid-template-columns:560px minmax(0,1fr);
    align-items:center;
    column-gap:78px;
}

.brand{
    min-width:0;
}

.brand-image{
    width:430px;
    justify-self:center;
    transform:translateX(36px);
}

.brand-image img{
    display:block;
    width:100%;
    height:auto;
    max-height:116px;
    object-fit:contain;
    object-position:center;
}

.nav{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    align-items:stretch;
    width:100%;
    height:100%;
    font-size:14px;
    font-weight:700;
    text-align:center;
}

.nav a{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 8px;
    border-bottom:3px solid transparent;
    line-height:1.35;
}

.nav a:hover,
.nav .active{
    border-color:var(--gold);
}

/* Keep INICIO near the left edge of the Enviar Fotografías column,
   while CONTACTO stays at the far right of the header. */
@media (min-width:1001px){
    .nav{
        margin-left:-30px;
    }
}

@media (max-width:1200px){
    .header .wrap{
        width:min(1120px,calc(100% - 32px));
    }
    .header-inner{
        grid-template-columns:390px minmax(0,1fr);
        column-gap:34px;
    }
    .brand-image{
        width:350px;
        transform:translateX(18px);
    }
    .nav{
        font-size:12px;
        margin-left:0;
    }
}

@media (max-width:1000px){
    .header-inner{
        min-height:112px;
        display:flex;
        justify-content:space-between;
        gap:18px;
    }
    .brand-image{
        width:min(340px,43vw);
        transform:none;
    }
    .nav{
        display:flex;
        width:auto;
        gap:18px;
        height:auto;
    }
    .nav a{
        padding:42px 0 32px;
    }
}

@media (max-width:760px){
    .header-inner{
        min-height:auto;
        flex-direction:column;
        padding:14px 0 0;
    }
    .brand-image{
        width:min(390px,88vw);
    }
    .nav{
        width:100%;
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:0;
    }
    .nav a{
        padding:13px 6px 11px;
        font-size:11px;
    }
}


/* v11 — exact footer logo at 50% of header logo width */
.footer-logo{display:block;width:215px;max-width:100%;margin:0 auto;text-decoration:none}
.footer-logo img{display:block;width:100%;height:auto;object-fit:contain}
@media (max-width:1200px){.footer-logo{width:175px}}
@media (max-width:1000px){.footer-logo{width:170px}}
@media (max-width:760px){.footer-logo{width:195px}}


/* v12 — four uniformly spaced and top-aligned footer columns */
.footer-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:64px;
    align-items:start;
}
.footer-column{
    min-width:0;
    align-self:start;
}
.footer-brand-column{
    display:flex;
    justify-content:center;
    align-items:flex-start;
}
.footer-brand-column .footer-logo{
    margin:0 auto;
}
.footer h4{
    margin-top:0;
}
@media (max-width:1050px){
    .footer-grid{gap:36px}
}
@media (max-width:820px){
    .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 42px}
}
@media (max-width:560px){
    .footer-grid{grid-template-columns:1fr;gap:28px;text-align:center}
    .footer-links{justify-items:center}
}


/* v13 — true equal horizontal spacing between the four footer columns */
.footer-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    column-gap:0;
    row-gap:0;
    align-items:start;
    width:100%;
}
.footer-column{
    min-width:0;
    width:100%;
    align-self:start;
    justify-self:stretch;
    text-align:left;
}
.footer-brand-column{
    display:block;
}
.footer-brand-column .footer-logo{
    margin:0;
}
@media (max-width:820px){
    .footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        column-gap:42px;
        row-gap:34px;
    }
}
@media (max-width:560px){
    .footer-grid{
        grid-template-columns:1fr;
        gap:28px;
        text-align:center;
    }
    .footer-column{
        text-align:center;
    }
    .footer-brand-column .footer-logo{
        margin:0 auto;
    }
}


/* v14: shift ENLACES column slightly right only */
.footer-grid > .footer-column:nth-child(2){
    padding-left:48px;
}
@media(max-width:820px){
 .footer-grid > .footer-column:nth-child(2){padding-left:0;}
}


/* v15 — exact uploaded icons for ¿Por qué elegirnos? */
.reason-icon{
    overflow:hidden;
    padding:0;
    background:#0b0b0b;
}
.reason-icon-img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}


/* v16 — hero text/buttons on the left and supplied collage on the right */
.hero{
    min-height:555px;
    position:relative;
    color:#fff;
    background:#080b0a;
    overflow:hidden;
}
.hero:before{
    display:none;
}
.hero-layout{
    min-height:555px;
    display:grid;
    grid-template-columns:minmax(420px,40%) minmax(0,60%);
    width:100%;
}
.hero-copy{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    text-align:left;
    padding:54px 32px 54px max(42px,calc((100vw - 1480px)/2 + 24px));
    background:
      radial-gradient(circle at 95% 45%,rgba(73,47,18,.24),transparent 42%),
      linear-gradient(90deg,#080b0a 0%,#080b0a 78%,rgba(8,11,10,.92) 100%);
}
.hero-copy h1{
    font:400 clamp(48px,4.5vw,72px)/1.04 Georgia,serif;
    margin:0 0 24px;
    text-shadow:0 3px 8px rgba(0,0,0,.55);
}
.hero-copy p{
    font:400 clamp(20px,1.55vw,25px)/1.45 Arial,Helvetica,sans-serif;
    margin:0 0 34px;
}
.hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    align-items:center;
}
.hero .gold-btn{
    padding:17px 22px;
    border:1px solid #dfb33d;
    background:linear-gradient(#d9ae39,#b77d00);
    color:#fff;
    border-radius:3px;
    font-size:15px;
    font-weight:800;
    box-shadow:0 7px 18px rgba(0,0,0,.25);
}
.hero-camera{
    font-size:20px;
    line-height:1;
}
.hero-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:56px;
    padding:0 20px;
    border:1px solid #b78618;
    border-radius:3px;
    background:rgba(5,7,7,.72);
    color:#fff;
    font-size:15px;
    font-weight:700;
}
.hero-collage{
    min-width:0;
    background:
      linear-gradient(90deg,rgba(8,11,10,.20),transparent 12%),
      url("assets/images/hero-collage.png") center center/cover no-repeat;
}
@media(max-width:1000px){
    .hero-layout{
        grid-template-columns:46% 54%;
    }
    .hero-copy{
        padding-left:30px;
    }
    .hero-copy h1{
        font-size:clamp(42px,5.4vw,60px);
    }
}
@media(max-width:760px){
    .hero,
    .hero-layout{
        min-height:auto;
    }
    .hero-layout{
        grid-template-columns:1fr;
    }
    .hero-copy{
        padding:46px 24px;
        text-align:center;
        align-items:center;
    }
    .hero-copy h1{
        font-size:44px;
    }
    .hero-copy p{
        font-size:19px;
    }
    .hero-actions{
        justify-content:center;
    }
    .hero-collage{
        min-height:360px;
        background-position:center;
    }
}


/* v17 — contained hero with 15% side margins and reduced scale */
.hero{
    min-height:auto;
    background:#080b0a;
    padding:26px 0 34px;
}
.hero-layout{
    width:80vw;
    max-width:1340px;
    min-height:440px;
    margin:0 auto;
    grid-template-columns:42% 58%;
    border-radius:2px;
    overflow:hidden;
}
.hero-copy{
    padding:42px 34px;
}
.hero-copy h1{
    font-size:clamp(40px,3.4vw,60px);
    line-height:1.03;
    margin-bottom:18px;
}
.hero-copy p{
    font-size:clamp(17px,1.2vw,21px);
    line-height:1.4;
    margin-bottom:26px;
}
.hero .gold-btn{
    padding:14px 18px;
    font-size:14px;
    min-height:50px;
}
.hero-secondary{
    min-height:50px;
    padding:0 17px;
    font-size:14px;
}
.hero-collage{
    background-size:cover;
    background-position:center;
}
@media(max-width:1200px){
    .hero-layout{
        width:84vw;
        grid-template-columns:44% 56%;
        min-height:420px;
    }
    .hero-copy{
        padding:36px 28px;
    }
}
@media(max-width:900px){
    .hero-layout{
        width:92vw;
        grid-template-columns:1fr;
    }
    .hero-copy{
        align-items:center;
        text-align:center;
    }
    .hero-collage{
        min-height:330px;
    }
}


/* v19.1 — uniform 10% side margins across header, sections and footer */
:root{
    --wrap:80vw;
}
.wrap{
    width:80vw;
    max-width:none;
    margin-left:auto;
    margin-right:auto;
}
.header .wrap{
    width:80vw !important;
    max-width:none !important;
}
.hero-layout{
    width:80vw !important;
    max-width:none !important;
}
@media(max-width:900px){
    :root{--wrap:92vw;}
    .wrap,
    .header .wrap,
    .hero-layout{
        width:92vw !important;
    }
}