:root{
  --yellow:#ffd21f;
  --yellow-dark:#e0ad00;
  --white:#ffffff;
  --black:#171717;
  --gray:#666;
  --soft:#f7f5ed;
  --border:#eee3b8;
  --shadow:0 20px 60px rgba(0,0,0,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Montserrat,Arial,sans-serif;color:var(--black);background:var(--white);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.container{width:min(1120px,92%);margin:auto}.site-header{min-height:100vh;background:radial-gradient(circle at top right,rgba(255,210,31,.45),transparent 32%),linear-gradient(135deg,#fff 0%,#fff9dd 100%);position:relative}.site-header:after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(transparent,#fff);pointer-events:none}.navbar{width:min(1180px,94%);margin:auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.navbar .brand{margin:0 18px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.04em}.brand-mark{background:var(--yellow);width:46px;height:46px;border-radius:16px;display:grid;place-items:center;box-shadow:inset -4px -4px 0 rgba(0,0,0,.08)}.nav-links{display:flex;gap:14px;font-weight:700;font-size:.92rem}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:3px;background:var(--yellow);transition:.25s}.nav-links a:hover:after{width:100%}.menu-toggle{display:none;border:0;background:var(--black);color:#fff;border-radius:12px;padding:10px 13px;font-size:1.2rem}.hero{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center;padding:95px 0 130px}.eyebrow{text-transform:uppercase;font-size:.78rem;font-weight:800;letter-spacing:.18em;color:var(--yellow-dark);margin-bottom:14px}.hero h1,.section-title h2,.quote h2{font-family:"Space Grotesk",Montserrat,sans-serif;font-size:clamp(2.5rem,6vw,5.8rem);line-height:.94;letter-spacing:-.08em}.hero-text{font-size:1.1rem;max-width:620px;color:#444;margin:26px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 23px;font-weight:800;transition:.25s;border:2px solid var(--black)}.btn.primary{background:var(--black);color:#fff}.btn.primary:hover{background:var(--yellow);color:var(--black);transform:translateY(-2px)}.btn.secondary{background:#fff;color:var(--black)}.btn.secondary:hover{background:var(--black);color:#fff}.hero-card{background:#fff;border:1px solid var(--border);border-radius:34px;padding:34px;box-shadow:var(--shadow);transform:rotate(2deg)}.laser-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}.laser-grid span{height:115px;border-radius:22px;background:linear-gradient(135deg,var(--yellow),#fff4b8);border:1px dashed var(--black)}.hero-card h2{font-size:2rem;letter-spacing:-.05em}.hero-card p{color:var(--gray);margin-top:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:-80px;position:relative;z-index:3}.stats article{background:#fff;border:1px solid var(--border);padding:28px;border-radius:24px;box-shadow:var(--shadow)}.stats strong{display:block;font-size:1.9rem}.stats span{color:var(--gray)}.section{padding:105px 0}.section-title{text-align:center;max-width:720px;margin:0 auto 42px}.section-title h2,.quote h2{font-size:clamp(2.1rem,4.6vw,4rem)}.section-title p:not(.eyebrow){color:var(--gray);margin-top:12px}.filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.filter-btn{border:1px solid var(--border);background:#fff;padding:10px 18px;border-radius:999px;font-weight:800;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--yellow);border-color:var(--yellow);}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{border:1px solid var(--border);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 14px 45px rgba(0,0,0,.06);transition:.25s}.project-card:hover{transform:translateY(-7px)}.project-card.hide{display:none}.project-image{height:220px;display:grid;place-items:center;font-family:"Space Grotesk";font-weight:800;font-size:2rem;letter-spacing:-.06em}.placeholder{background:repeating-linear-gradient(45deg,#fff4b8 0 14px,#ffe268 14px 28px)}.project-card div:last-child{padding:22px}.project-card h3{font-size:1.15rem;margin-bottom:8px}.project-card p{color:var(--gray)}.services-wrap{background:var(--soft)}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service{background:#fff;border-radius:26px;padding:28px;border:1px solid var(--border)}.service span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--yellow);font-weight:900;margin-bottom:18px}.service h3{margin-bottom:10px}.service p{color:var(--gray)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.timeline article{padding:24px;border-left:4px solid var(--yellow);background:#fff;border-radius:0 22px 22px 0;box-shadow:0 10px 30px rgba(0,0,0,.05)}.timeline strong{font-size:2rem}.timeline p{color:var(--gray)}.quote{background:linear-gradient(135deg,var(--black),#303030);color:#fff}.quote-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:start}.quote p{color:#eee}.quote-form{background:#fff;color:var(--black);border-radius:30px;padding:30px;display:grid;gap:16px}.quote-form label{font-weight:800;font-size:.9rem}.quote-form input,.quote-form select,.quote-form textarea{width:100%;margin-top:7px;border:1px solid #ddd;border-radius:16px;padding:14px;font:inherit;background:#fafafa}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-card{border:1px solid var(--border);border-radius:24px;padding:26px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.06);transition:.25s}.contact-card:hover{background:var(--yellow);transform:translateY(-4px)}.contact-card strong,.contact-card span{display:block}.contact-card span{color:var(--gray);margin-top:6px}.contact-logo{display:flex;justify-content:center;margin:34px auto 0}.contact-logo img{width:150px;max-width:42vw;height:auto;display:block}footer{text-align:center;padding:32px;background:#111;color:#fff}.whatsapp-float{position:fixed;right:20px;bottom:20px;background:#25d366;color:#fff;font-weight:900;border-radius:999px;padding:14px 20px;box-shadow:0 12px 35px rgba(0,0,0,.25);z-index:20}.reveal{opacity:0;transform:translateY(22px);transition:.65s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media (max-width:900px){.menu-toggle{display:block}.nav-links{position:absolute;right:0;top:76px;background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:var(--shadow);display:none;flex-direction:column;width:220px}.nav-links.open{display:flex}.hero,.quote-grid{grid-template-columns:1fr}.hero{padding-top:55px}.stats,.gallery,.services,.timeline,.contact-cards{grid-template-columns:1fr 1fr}.hero-card{transform:none}.stats{margin-top:0}}
@media (max-width:620px){.stats,.gallery,.services,.timeline,.contact-cards{grid-template-columns:1fr}.hero-actions .btn{width:100%}.section{padding:75px 0}.project-image{height:170px}.whatsapp-float{left:20px;text-align:center}.hero h1{font-size:3rem}}

/* Portfolio ampliado: tarjetas clicables + galería modal */
.project-open{width:100%;height:100%;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;display:block}.project-info{padding:22px}.project-info span{display:inline-block;margin-top:14px;font-weight:900;color:var(--yellow-dark)}.project-card:hover .project-info span{text-decoration:underline}.project-card div:last-child{padding:0}.project-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.project-modal.open{display:flex}.project-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.project-modal-content{position:relative;width:min(1080px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:34px;box-shadow:0 30px 90px rgba(0,0,0,.38);display:grid;grid-template-columns:1.08fr .92fr;gap:0}.modal-close{position:absolute;right:18px;top:16px;z-index:3;width:42px;height:42px;border:0;border-radius:14px;background:var(--black);color:#fff;font-size:2rem;line-height:1;cursor:pointer}.modal-gallery-area{position:relative;min-height:520px;background:#fff8d4;display:grid;place-items:center;padding:28px}.modal-image{width:100%;height:100%;min-height:430px;border-radius:28px;display:grid;place-items:center;text-align:center;font-family:"Space Grotesk";font-weight:800;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.07em;color:var(--black);background-size:cover;background-position:center}.modal-image.has-photo{background-color:#f4f4f4;background-image:var(--photo);color:transparent}.modal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:14px;background:#fff;color:var(--black);font-size:2.2rem;font-weight:900;box-shadow:0 10px 35px rgba(0,0,0,.16);cursor:pointer}.modal-arrow.prev{left:20px}.modal-arrow.next{right:20px}.modal-counter{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:rgba(23,23,23,.88);color:#fff;border-radius:999px;padding:7px 14px;font-weight:800;font-size:.9rem}.modal-details{padding:48px 38px 38px}.modal-details h2{font-family:"Space Grotesk",Montserrat,sans-serif;font-size:clamp(2rem,4vw,3.2rem);line-height:.95;letter-spacing:-.07em;margin-bottom:18px}.modal-details p:not(.eyebrow){color:var(--gray)}.modal-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.modal-meta div{border:1px solid var(--border);border-radius:18px;padding:16px;background:#fffdf2}.modal-meta strong,.modal-meta span{display:block}.modal-meta span{color:var(--gray);margin-top:4px}.modal-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.modal-thumb{border:2px solid transparent;border-radius:14px;min-height:72px;padding:6px;background:repeating-linear-gradient(45deg,#fff4b8 0 8px,#ffe268 8px 16px);font-weight:900;cursor:pointer;font-size:.78rem}.modal-thumb.active{border-color:var(--black);background:var(--yellow)}body.modal-is-open{overflow:hidden}@media (max-width:900px){.project-modal-content{grid-template-columns:1fr}.modal-gallery-area{min-height:360px}.modal-image{min-height:300px}.modal-details{padding:34px 24px}.modal-meta{grid-template-columns:1fr}.modal-thumbs{grid-template-columns:repeat(2,1fr)}}


/* Logo de cabecera con imagen */
.brand-logo{height:66px;width:auto;max-width:130px;object-fit:contain;display:block;border-radius:12px}.brand span:last-child{display:none}

/* Sección Funkos de Madera */
.funko-section{background:linear-gradient(135deg,#fff 0%,#fff7cf 100%)}
.funko-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}.funko-showcase h2{font-family:"Space Grotesk",Montserrat,sans-serif;font-size:clamp(2.1rem,4.6vw,4.2rem);line-height:.95;letter-spacing:-.08em;margin-bottom:18px}.funko-showcase p:not(.eyebrow){color:var(--gray);font-size:1.05rem}.funko-preview{margin:28px 0;background:#fff;border:1px solid var(--border);border-radius:34px;padding:30px;box-shadow:var(--shadow);display:grid;place-items:center}.funko-figure{width:min(330px,100%);text-align:center}.funko-head{width:170px;height:150px;margin:0 auto -8px;border:4px solid var(--black);border-radius:48px;background:var(--yellow);display:grid;place-items:center;font-size:4rem;box-shadow:inset -8px -8px 0 rgba(0,0,0,.09)}.funko-body{width:125px;height:120px;margin:auto;border:4px solid var(--black);border-radius:30px 30px 18px 18px;background:#fff;display:grid;place-items:center;font-weight:900}.funko-base{margin:12px auto 0;background:var(--black);color:#fff;border-radius:999px;padding:12px 22px;font-weight:900;width:max-content;max-width:100%}.funko-steps{display:flex;gap:10px;flex-wrap:wrap}.funko-steps span{background:#fff;border:1px solid var(--border);border-radius:999px;padding:10px 14px;font-weight:800}.funko-form{background:#fff;border:1px solid var(--border);border-radius:32px;padding:30px;box-shadow:var(--shadow);display:grid;gap:15px}.funko-form h3{font-size:1.7rem;letter-spacing:-.05em}.funko-form p{color:var(--gray);font-size:.95rem}.funko-form label{font-weight:800;font-size:.9rem}.funko-form input,.funko-form textarea{width:100%;margin-top:7px;border:1px solid #ddd;border-radius:16px;padding:14px;font:inherit;background:#fafafa}.funko-form input[type="file"]{padding:11px;background:#fff}.funko-form .btn{margin-top:4px;width:100%}
@media (max-width:900px){.funko-grid{grid-template-columns:1fr}.brand-logo{height:56px}.nav-links{width:240px}}
@media (max-width:620px){.brand{gap:8px}.brand-logo{height:48px;max-width:100px}.brand span:last-child{display:none}.funko-preview{padding:20px}.funko-head{width:140px;height:125px;font-size:3.2rem}.funko-body{width:105px;height:105px}.funko-form{padding:22px}}

/* Vista previa editable Funkos de Madera */
.live-preview{display:block;padding:16px}.funko-mockup{position:relative;overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 14px 45px rgba(0,0,0,.08)}.funko-demo-photo{width:100%;display:block;border-radius:26px}.preview-label{position:absolute;z-index:2;font-family:"Space Grotesk",Montserrat,sans-serif;font-weight:900;letter-spacing:.04em;color:#7a4a2d;text-transform:uppercase;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.85);line-height:1}.preview-profesion{top:9.5%;left:39%;width:36%;font-size:clamp(1rem,2.4vw,1.75rem)}.preview-curso{top:8.8%;right:8.5%;width:11%;font-size:clamp(.75rem,1.7vw,1.2rem)}.preview-nombre{bottom:10.5%;left:47%;width:37%;font-size:clamp(1.25rem,3.4vw,2.5rem);color:#7a4a2d}.preview-note{margin-top:12px!important;font-size:.86rem!important;color:var(--gray);text-align:center}.funko-form input.preview-active{border-color:var(--yellow-dark);background:#fffdf2}@media (max-width:620px){.live-preview{padding:10px}.preview-profesion{font-size:clamp(.85rem,5vw,1.3rem)}.preview-curso{font-size:clamp(.65rem,3.7vw,1rem)}.preview-nombre{font-size:clamp(1rem,6vw,1.85rem)}}


/* Vista previa universal de Funkos de Madera */
.live-preview{display:block;padding:16px;}
.funko-mockup{position:relative;overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 14px 45px rgba(0,0,0,.08);}
.funko-demo-photo{width:100%;display:block;border-radius:26px;}
.preview-zone{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;font-family:"Space Grotesk",Montserrat,sans-serif;font-weight:900;letter-spacing:.03em;text-transform:uppercase;text-align:center;line-height:1;color:#6b3f25;text-shadow:0 1px 0 rgba(255,255,255,.75);pointer-events:none;}
.preview-texto-superior{top:14.5%;left:43.2%;width:22%;height:7.5%;padding:0 1%;font-size:clamp(.78rem,1.75vw,1.6rem);background:linear-gradient(180deg,#f7edd7,#ecdab9);border-radius:8px;box-shadow:inset 0 0 0 2px rgba(112,69,38,.18);}
.preview-curso{top:14.2%;left:65.1%;width:7.3%;height:9%;padding:.25rem;font-size:clamp(.48rem,1.08vw,.92rem);background:radial-gradient(circle,#f8efd9 0%,#e8d0a8 100%);border-radius:14px;box-shadow:inset 0 0 0 2px rgba(112,69,38,.2);}
.preview-nombre{top:79%;left:42.8%;width:31%;height:8.5%;padding:0 1%;font-size:clamp(.85rem,2.15vw,2rem);background:linear-gradient(180deg,#f7edd7,#ecdab9);border-radius:8px;box-shadow:inset 0 0 0 2px rgba(112,69,38,.18);}
.preview-note{margin-top:12px!important;font-size:.86rem!important;color:var(--gray);text-align:center;}
.funko-form input.preview-active{border-color:var(--yellow-dark);background:#fffdf2;}
@media (max-width:620px){.live-preview{padding:10px}.preview-texto-superior{font-size:clamp(.48rem,2.4vw,.9rem)}.preview-curso{font-size:clamp(.33rem,1.65vw,.62rem)}.preview-nombre{font-size:clamp(.55rem,2.8vw,1.05rem)}}

/* Carrusel de ejemplos Funkos */
.funko-carousel{position:relative;display:block;padding:18px;overflow:hidden}.funko-carousel-track{position:relative;width:100%;border-radius:26px;overflow:hidden;background:#fff}.funko-slide{display:none;width:100%;height:auto;border-radius:26px}.funko-slide.active{display:block}.funko-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border:0;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 8px 25px rgba(0,0,0,.18);font-size:2rem;font-weight:900;line-height:1;cursor:pointer;color:var(--black)}.funko-prev{left:26px}.funko-next{right:26px}.funko-carousel-btn:hover{background:var(--yellow)}.funko-carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}.funko-carousel-dots button{width:10px;height:10px;border:0;border-radius:999px;background:#d7d7d7;cursor:pointer}.funko-carousel-dots button.active{width:26px;background:var(--yellow-dark)}@media (max-width:620px){.funko-carousel{padding:12px}.funko-carousel-btn{width:38px;height:38px;font-size:1.7rem}.funko-prev{left:16px}.funko-next{right:16px}}

/* Fotos reales del portfolio */
.project-image{overflow:hidden;background:#f6f1df;}
.project-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s ease;}
.project-card:hover .project-image img{transform:scale(1.05);}
.modal-thumb.has-photo{background-size:cover;background-position:center;color:transparent;min-height:82px;}
.funko-full-gallery{margin-top:60px;}
.compact-title{margin-bottom:28px;}
.funko-gallery-grid{grid-template-columns:repeat(4,1fr);}
.funko-carousel-track{position:relative;width:100%;}
.funko-slide{aspect-ratio:1/1;object-fit:contain;}
@media (max-width:900px){.funko-gallery-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:620px){.funko-gallery-grid{grid-template-columns:1fr;}}


.hero-photo-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:1rem;
}
.hero-photo-grid img{
width:100%;
aspect-ratio:1/1;
object-fit:contain;
border-radius:18px;
border:2px solid rgba(0,0,0,.08);
transition:transform .3s ease;
}
.hero-photo-grid img:hover{transform:scale(1.04);}

/* Ajustes finales Funkos */
.funko-slide{cursor:zoom-in;max-height:560px;object-fit:contain;background:#fff;}
.modal-image.has-photo{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#fff;}
.project-image img{object-fit:contain;}
.funko-form select{width:100%;border:1px solid #ddd;border-radius:18px;padding:16px 18px;font:inherit;font-weight:700;background:#fff;color:var(--black);}
.funko-form small{display:block;margin-top:8px;color:var(--gray);font-size:.88rem;line-height:1.4;}


/* Corrección visual: tarjetas de la galería de Funkos alineadas */
.funko-gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
    gap:26px;
    align-items:stretch;
}
.funko-gallery-grid .project-card{
    height:100%;
    display:flex;
    flex-direction:column;
}
.funko-gallery-grid .project-open{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    text-align:left;
    border:0;
    background:transparent;
    padding:0;
    cursor:pointer;
    font:inherit;
}
.funko-gallery-grid .project-image{
    height:250px;
    width:100%;
    flex:0 0 250px;
    overflow:hidden;
    background:#fff7d9;
}
.funko-gallery-grid .project-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    display:block;
}
.funko-gallery-grid .project-info{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:22px;
}
.funko-gallery-grid .project-info h3{
    min-height:2.8em;
    margin-bottom:10px;
    line-height:1.15;
}
.funko-gallery-grid .project-info p{
    flex:1;
    margin-bottom:18px;
    line-height:1.45;
}
.funko-gallery-grid .project-info span{
    margin-top:auto;
    color:var(--yellow-dark);
    font-weight:900;
}
@media (min-width:901px){
    .funko-gallery-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
        max-width:1080px;
        margin-left:auto;
        margin-right:auto;
    }
}
@media (max-width:620px){
    .funko-gallery-grid .project-image{
        height:230px;
        flex-basis:230px;
    }
    .funko-gallery-grid .project-info h3{
        min-height:auto;
    }
}


/* Ajuste para las nuevas tarjetas de portfolio catalogadas */
.gallery .project-card{
  height: 100%;
}
.gallery .project-open{
  height: 100%;
  display: flex;
  flex-direction: column;
}
.gallery .project-image{
  height: 260px;
  overflow: hidden;
}
.gallery .project-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.gallery .project-info{
  flex: 1;
  display: flex;
  flex-direction: column;
}
.gallery .project-info span{
  margin-top: auto;
}

/* Logo MiniTú integrado en navegación y bloque de marca */
.nav-minitu-link{display:inline-flex;align-items:center;gap:8px;}
.nav-minitu-logo{height:30px;width:auto;display:block;filter:drop-shadow(0 2px 4px rgba(0,124,207,.16));}
.minitu-section-header{max-width:820px;margin:0 auto 44px;}
.minitu-product-brand{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:18px 28px;border:1px solid rgba(0,124,207,.14);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:0 14px 36px rgba(0,0,0,.06);}
.minitu-section-logo{width:128px;max-width:128px;height:auto;display:block;flex:0 0 auto;filter:none;image-rendering:auto;}
.minitu-heading-text{text-align:left;display:flex;flex-direction:column;justify-content:center;gap:4px;}
.minitu-heading-text .eyebrow{margin:0 0 4px;color:var(--yellow-dark);}
.minitu-section-header h2{font-family:"Space Grotesk",Montserrat,sans-serif;font-size:clamp(1.75rem,3.2vw,2.65rem);line-height:1;letter-spacing:-.06em;margin:0 0 8px;}
.minitu-heading-text p:not(.eyebrow){color:var(--gray);font-size:1rem;line-height:1.35;margin:0;}
@media (max-width:900px){.nav-minitu-logo{height:28px}.nav-minitu-link{justify-content:flex-start}.minitu-section-header{margin-bottom:34px;}.minitu-product-brand{gap:20px;padding:16px 22px}.minitu-section-logo{width:112px;max-width:112px}}
@media (max-width:620px){.nav-minitu-logo{height:24px}.minitu-product-brand{display:flex;flex-direction:column;text-align:center;gap:12px;padding:18px 18px}.minitu-heading-text{text-align:center;align-items:center}.minitu-section-logo{width:116px;max-width:116px}.minitu-section-header h2{font-size:2rem;}}

/* Galería MiniTú con navegación por flechas */
.minitu-gallery-shell{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
}
.minitu-horizontal-gallery{
  display:flex;
  gap:22px;
  overflow:hidden;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  padding:8px 4px 30px;
  flex:1;
}
.minitu-gallery-item{
  flex:0 0 min(340px, 82vw);
  scroll-snap-align:center;
  display:block;
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 14px 45px rgba(0,0,0,.08);
  transition:transform .25s ease, box-shadow .25s ease, flex-basis .25s ease;
  cursor:zoom-in;
  padding:0;
}
.minitu-gallery-item:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 55px rgba(0,0,0,.13);
}
.minitu-gallery-item.is-expanded{
  flex-basis:min(440px, 88vw);
  transform:scale(1.03);
  box-shadow:0 22px 70px rgba(0,0,0,.18);
  z-index:2;
  cursor:zoom-out;
}
.minitu-gallery-item img{
  width:100%;
  height:340px;
  object-fit:contain;
  background:#f8f2e8;
  display:block;
  pointer-events:none;
  transition:height .25s ease;
}
.minitu-gallery-item.is-expanded img{height:410px;}
.minitu-gallery-arrow{
  flex:0 0 auto;
  width:48px;
  height:48px;
  border:0;
  border-radius:14px;
  background:#fff;
  color:var(--black);
  box-shadow:0 10px 30px rgba(0,0,0,.16);
  font-size:2.4rem;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  z-index:3;
  transition:transform .2s ease, background .2s ease;
}
.minitu-gallery-arrow:hover{background:var(--yellow);transform:scale(1.06);}
@media (max-width:620px){
  .minitu-gallery-shell{gap:8px;}
  .minitu-horizontal-gallery{gap:16px;padding-bottom:20px;}
  .minitu-gallery-item{flex-basis:76vw;border-radius:22px;}
  .minitu-gallery-item img{height:300px;}
  .minitu-gallery-item.is-expanded{flex-basis:80vw;transform:scale(1.02);}
  .minitu-gallery-item.is-expanded img{height:350px;}
  .minitu-gallery-arrow{width:38px;height:38px;font-size:2rem;}
}



/* Botón volver arriba */
.back-to-top{
  position:fixed;
  right:24px;
  bottom:84px;
  width:48px;
  height:48px;
  border:0;
  border-radius:14px;
  background:var(--black);
  color:#fff;
  font-size:0;
  font-weight:900;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 35px rgba(0,0,0,.25);
  cursor:pointer;
  z-index:21;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:opacity .25s ease, transform .25s ease, visibility .25s ease, background .25s ease, color .25s ease;
}
.back-to-top.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.back-to-top:hover{
  background:var(--yellow);
  color:var(--black);
}
@media (max-width:620px){
  .back-to-top{right:18px;bottom:82px;width:44px;height:44px;font-size:1.55rem;}
}


.back-to-top::before{
content:"";
width:14px;
height:14px;
border-top:3px solid currentColor;
border-left:3px solid currentColor;
transform:rotate(45deg) translate(2px,2px);
display:block;
}
.back-to-top:hover{
transform:translateY(-3px);
box-shadow:0 18px 40px rgba(0,0,0,.28);
}

/* --- Ajuste visual premium corporativo --- */
:root{
  --cream:#fffaf0;
  --cream-2:#fff3cf;
  --gold:#d49a12;
  --gold-soft:rgba(212,154,18,.28);
}
body{
  background:linear-gradient(180deg,#fffaf2 0%,#fff 42%,#fffaf2 100%);
}
.site-header{
  min-height:auto;
  background:
    radial-gradient(circle at top right,rgba(255,210,31,.32),transparent 34%),
    linear-gradient(135deg,#fff 0%,#fff8df 100%);
  overflow:hidden;
}
.navbar{
  padding:18px 0 14px;
}
.brand-logo{
  height:58px;
  max-width:150px;
  object-fit:contain;
}
.nav-links{
  align-items:center;
}
.corporate-banner{
  position:relative;
  z-index:1;
  margin-top:12px;
  margin-bottom:48px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(212,154,18,.36);
  box-shadow:0 28px 80px rgba(80,54,0,.14);
  background:#fff;
}
.corporate-banner img{
  display:block;
  width:100%;
  aspect-ratio:1600/820;
  object-fit:contain;
  object-position:center;
}
.hero{
  grid-template-columns:1.02fr .98fr;
  gap:42px;
  align-items:center;
  padding:0 0 118px;
}
.hero-content{
  background:rgba(255,255,255,.56);
  border:1px solid rgba(212,154,18,.18);
  border-radius:34px;
  padding:34px;
  box-shadow:0 18px 55px rgba(0,0,0,.055);
  backdrop-filter:blur(8px);
}
.hero h1{
  font-size:clamp(2.4rem,5vw,4.8rem);
  letter-spacing:-.075em;
}
.hero-text{
  color:#333;
}
.hero-card{
  transform:none;
  border-color:rgba(212,154,18,.34);
  box-shadow:0 22px 70px rgba(80,54,0,.12);
}
.hero-photo-grid img,
.project-image img,
.funko-demo-photo,
.minitu-gallery-item img{
  filter:saturate(1.04) contrast(1.02);
}
.stats{
  margin-top:-64px;
}
.stats article,
.project-card,
.service,
.timeline article,
.contact-card,
.quote-form,
.minitu-product-brand,
.funko-panel,
.funko-showcase,
.funko-form-card{
  border-color:rgba(212,154,18,.28)!important;
  box-shadow:0 18px 55px rgba(80,54,0,.08)!important;
}
.section-title .eyebrow,.eyebrow{
  color:var(--gold);
}
.filter-btn.active,.filter-btn:hover,.service span{
  background:var(--gold);
  border-color:var(--gold);
}
.funko-section{
  background:
    radial-gradient(circle at top right,rgba(0,124,207,.12),transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#fff6d9 100%);
}
.minitu-product-brand{
  background:rgba(255,255,255,.82);
}
.quote{
  background:
    radial-gradient(circle at top right,rgba(212,154,18,.24),transparent 32%),
    linear-gradient(135deg,#0f0f0f,#242424);
}
.contact-logo img{
  width:180px;
}
.back-to-top{
  border-color:rgba(212,154,18,.46)!important;
  box-shadow:0 14px 38px rgba(80,54,0,.18)!important;
}
@media (max-width:900px){
  .corporate-banner{margin-top:4px;margin-bottom:34px;border-radius:24px;width:min(94%,1180px)}
  .corporate-banner img{aspect-ratio:1600/900;object-position:center;}
  .hero{padding-bottom:90px;}
  .hero-content{padding:26px;border-radius:26px;}
  .brand-logo{height:50px;}
}
@media (max-width:620px){
  .corporate-banner{border-radius:20px;margin-bottom:28px;}
  .corporate-banner img{aspect-ratio:1.45/1;object-position:center;}
  .hero-content{padding:22px;}
  .hero h1{font-size:2.75rem;}
}

/* --- FIX RESPONSIVE FINAL: banner solo en escritorio --- */
@media (max-width: 900px) {
  .corporate-banner {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  .site-header {
    overflow: visible;
  }

  .hero {
    padding-top: 42px !important;
  }
}

@media (max-width: 620px) {
  .hero {
    padding-top: 32px !important;
  }
}

/* --- ARREGLO RESPONSIVE MÓVIL: hero en una sola columna y sin banner --- */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

@media (max-width: 900px) {
  .corporate-banner {
    display: none !important;
  }

  .site-header {
    min-height: auto !important;
    overflow-x: hidden !important;
  }

  .navbar {
    width: min(92%, 1180px) !important;
    padding: 18px 0 10px !important;
  }

  .brand-logo {
    height: 74px !important;
    max-width: 190px !important;
  }

  .menu-toggle {
    display: block !important;
    border-radius: 18px !important;
    padding: 16px 18px !important;
    font-size: 1.45rem !important;
  }

  .hero.container,
  .hero {
    width: min(92%, 1120px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 44px 0 70px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .hero-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 28px !important;
    border-radius: 30px !important;
  }

  .hero-card {
    display: none !important;
  }

  .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .hero-actions .btn {
    width: 100% !important;
  }
}

@media (max-width: 620px) {
  .navbar {
    width: 92% !important;
  }

  .brand-logo {
    height: 68px !important;
    max-width: 180px !important;
  }

  .menu-toggle {
    padding: 15px 18px !important;
  }

  .hero.container,
  .hero {
    width: 92% !important;
    padding-top: 34px !important;
  }

  .hero-content {
    padding: 24px !important;
    border-radius: 28px !important;
  }

  .hero h1 {
    font-size: clamp(2.6rem, 13vw, 4rem) !important;
    line-height: .95 !important;
  }

  .hero-text {
    font-size: 1.05rem !important;
    line-height: 1.65 !important;
  }
}


/* --- GALERÍA DE TRABAJOS DESTACADOS COMPACTA EN MÓVIL --- */
@media (max-width: 620px) {
  #trabajos.section {
    padding-top: 48px !important;
    padding-bottom: 58px !important;
  }

  #trabajos .section-title {
    margin-bottom: 22px !important;
  }

  #trabajos .section-title h2 {
    font-size: 2.25rem !important;
    line-height: 1 !important;
  }

  #trabajos .section-title p:not(.eyebrow) {
    font-size: .98rem !important;
    line-height: 1.45 !important;
  }

  #trabajos .filters {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 8px !important;
    margin-bottom: 20px !important;
    padding: 0 2px 10px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  #trabajos .filters::-webkit-scrollbar {
    display: none;
  }

  #trabajos .filter-btn {
    flex: 0 0 auto !important;
    padding: 8px 14px !important;
    font-size: .86rem !important;
  }

  #trabajos .gallery {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    padding: 4px 2px 18px !important;
    scrollbar-width: thin;
  }

  #trabajos .gallery .project-card {
    flex: 0 0 74vw !important;
    max-width: 74vw !important;
    min-width: 240px !important;
    scroll-snap-align: start !important;
    border-radius: 22px !important;
    box-shadow: 0 10px 28px rgba(80,54,0,.08) !important;
  }

  #trabajos .gallery .project-card.hide {
    display: none !important;
  }

  #trabajos .gallery .project-image {
    height: 130px !important;
  }

  #trabajos .gallery .project-info {
    padding: 14px 15px 16px !important;
  }

  #trabajos .gallery .project-info h3 {
    font-size: 1rem !important;
    line-height: 1.15 !important;
    margin-bottom: 6px !important;
    min-height: auto !important;
  }

  #trabajos .gallery .project-info p {
    font-size: .88rem !important;
    line-height: 1.35 !important;
    margin: 0 !important;
  }

  #trabajos .gallery .project-info span {
    margin-top: 10px !important;
    font-size: .86rem !important;
  }
}


/* --- VERSIÓN FINAL: galería de trabajos tipo mosaico compacto --- */
#trabajos{
  padding-top:80px;
  padding-bottom:80px;
}
#trabajos .section-title{
  margin-bottom:26px;
}
#trabajos .filters{
  margin-bottom:24px;
}
#trabajos .gallery{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
  overflow:visible !important;
  padding:0 !important;
}
#trabajos .gallery .project-card{
  min-width:0 !important;
  max-width:none !important;
  width:100% !important;
  flex:none !important;
  border-radius:20px !important;
  overflow:hidden !important;
  box-shadow:0 10px 28px rgba(80,54,0,.08) !important;
  border:1px solid rgba(212,154,18,.28) !important;
  background:#fff !important;
}
#trabajos .gallery .project-card:hover{
  transform:translateY(-4px) !important;
}
#trabajos .gallery .project-open{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
}
#trabajos .gallery .project-image{
  height:auto !important;
  aspect-ratio:1/1 !important;
  flex:unset !important;
  width:100% !important;
  overflow:hidden !important;
  background:#fff7df !important;
}
#trabajos .gallery .project-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
#trabajos .gallery .project-info{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  padding:26px 12px 12px !important;
  color:#fff !important;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72)) !important;
  display:block !important;
}
#trabajos .gallery .project-info h3{
  color:#fff !important;
  font-size:.98rem !important;
  line-height:1.12 !important;
  margin:0 !important;
  min-height:0 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
}
#trabajos .gallery .project-info p,
#trabajos .gallery .project-info span{
  display:none !important;
}
#trabajos .gallery .project-card.hide{
  display:none !important;
}

@media (max-width:900px){
  #trabajos{
    padding-top:58px !important;
    padding-bottom:62px !important;
  }
  #trabajos .gallery{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:11px !important;
  }
  #trabajos .filters{
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:8px !important;
  }
  #trabajos .filters::-webkit-scrollbar{display:none;}
  #trabajos .filter-btn{
    flex:0 0 auto !important;
    padding:8px 13px !important;
    font-size:.84rem !important;
  }
}
@media (max-width:620px){
  #trabajos .section-title{
    margin-bottom:18px !important;
  }
  #trabajos .section-title h2{
    font-size:2.15rem !important;
  }
  #trabajos .gallery{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }
  #trabajos .gallery .project-card{
    border-radius:16px !important;
  }
  #trabajos .gallery .project-info{
    padding:24px 9px 9px !important;
  }
  #trabajos .gallery .project-info h3{
    font-size:.82rem !important;
  }
}

/* Refuerzo: en móvil el banner corporativo y la tarjeta lateral del hero no aparecen */
@media (max-width:900px){
  .corporate-banner,
  .hero-card{
    display:none !important;
  }
  .hero,
  .hero.container{
    grid-template-columns:1fr !important;
    overflow:visible !important;
  }
}

/* ==========================================================
   Versión premium inspirada en el mockup corporativo
   - Banner protagonista en escritorio
   - Cabecera limpia con logo centrado
   - Hero sin tarjeta lateral
   - Tarjetas de servicio compactas
   - Responsive móvil protegido
   ========================================================== */
.top-bar{
  width:100%;
  background:rgba(255,255,255,.68);
  border-bottom:1px solid rgba(224,173,0,.15);
  backdrop-filter:blur(10px);
  position:relative;
  z-index:5;
}
.top-bar-inner{
  width:min(1180px,94%);
  margin:auto;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  font-size:.86rem;
  font-weight:700;
  color:#181818;
}
.top-contact,.top-social{display:flex;align-items:center;gap:24px;}
.top-social a,.top-contact a{opacity:.92;transition:.2s ease;}
.top-social a:hover,.top-contact a:hover{color:var(--yellow-dark);opacity:1;}

.premium-header.site-header{
  min-height:auto;
  background:linear-gradient(180deg,#fffaf0 0%,#fff4c6 43%,#fff 100%);
  overflow:hidden;
}
.premium-header.site-header:after{display:none;}
.premium-navbar.navbar{
  width:100%;
  max-width:none;
  padding:18px min(5vw,70px);
  min-height:112px;
  background:rgba(255,255,255,.86);
  border-bottom:1px solid rgba(224,173,0,.13);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
}
.premium-navbar .brand{
  grid-column:2;
  justify-self:center;
  z-index:3;
}
.premium-navbar .brand-logo{
  height:108px;
  max-width:280px;
  border-radius:0;
  object-fit:contain;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.08));
}
.premium-navbar .nav-links{
  grid-column:1 / 4;
  grid-row:1;
  display:grid;
  grid-template-columns:repeat(3,max-content) minmax(260px,1fr) repeat(3,max-content);
  align-items:center;
  gap:34px;
  width:100%;
  justify-content:center;
  font-size:.95rem;
  text-transform:none;
}
.premium-navbar .nav-links a:nth-child(1){grid-column:1;}
.premium-navbar .nav-links a:nth-child(2){grid-column:2;}
.premium-navbar .nav-links a:nth-child(3){grid-column:3;}
.premium-navbar .nav-links a:nth-child(4){grid-column:5;}
.premium-navbar .nav-links a:nth-child(5){grid-column:6;}
.premium-navbar .nav-links a:nth-child(6){grid-column:7;}
.premium-navbar .menu-toggle{grid-column:3;justify-self:end;}

.corporate-banner.container{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  border-radius:0;
  overflow:hidden;
  box-shadow:0 24px 80px rgba(88,60,0,.10);
}
.corporate-banner img{
  width:100%;
  display:block;
  aspect-ratio:1600/720;
  object-fit:contain;
  object-position:center;
}

.premium-service-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
  margin-top:-74px;
  position:relative;
  z-index:4;
}
.premium-service-cards article{
  min-height:210px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(224,173,0,.44);
  border-radius:18px;
  padding:28px 20px;
  box-shadow:0 18px 50px rgba(80,54,0,.08);
  backdrop-filter:blur(8px);
}
.premium-service-cards .service-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  color:var(--yellow-dark);
  font-size:2.2rem;
  line-height:1;
  font-weight:400;
}
.premium-service-cards h3{
  font-size:1.05rem;
  line-height:1.15;
  margin-bottom:8px;
  text-transform:uppercase;
  letter-spacing:-.03em;
}
.premium-service-cards p{
  color:#333;
  line-height:1.35;
  max-width:220px;
}

.premium-hero.hero{
  display:block;
  text-align:center;
  padding:90px 0 115px;
}
.premium-hero .hero-content{
  max-width:920px;
  margin:auto;
}
.premium-hero .hero h1,
.premium-hero h1{
  font-size:clamp(2.8rem,6.5vw,5.8rem);
}
.premium-hero .hero-text{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.premium-hero .hero-actions{
  justify-content:center;
}
.stats.container{
  margin-top:0 !important;
}

/* Compactar un poco la galería mosaico para parecer más premium */
#trabajos .gallery{
  max-width:1160px !important;
}
@media (min-width:901px){
  #trabajos .gallery{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
  }
  #trabajos .gallery .project-info h3{font-size:.9rem !important;}
}

@media (max-width:900px){
  .top-bar{display:none;}
  .premium-navbar.navbar{
    width:min(1180px,94%);
    margin:auto;
    min-height:auto;
    padding:18px 0;
    background:transparent;
    border-bottom:0;
    display:flex;
    justify-content:space-between;
  }
  .premium-navbar .brand{grid-column:auto;}
  .premium-navbar .brand-logo{
    height:76px;
    max-width:180px;
  }
  .premium-navbar .nav-links{
    position:absolute;
    right:0;
    top:96px;
    width:240px;
    display:none;
    grid-template-columns:1fr;
    gap:0;
    background:#fff;
    border:1px solid var(--border);
    border-radius:20px;
    padding:16px;
    box-shadow:var(--shadow);
    z-index:50;
  }
  .premium-navbar .nav-links.open{display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
  .premium-navbar .nav-links a{grid-column:auto !important;}
  .premium-service-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:0;
    gap:14px;
  }
  .premium-service-cards article{
    min-height:150px;
    padding:18px 14px;
  }
  .premium-service-cards .service-icon{margin-bottom:10px;font-size:1.7rem;}
  .premium-hero.hero{padding:56px 0 76px;}
}
@media (max-width:620px){
  .corporate-banner{display:none !important;}
  .premium-navbar .brand-logo{height:82px;max-width:190px;}
  .premium-navbar .menu-toggle{
    border-radius:20px;
    width:66px;
    height:66px;
    font-size:2rem;
    display:grid;
    place-items:center;
    padding:0;
  }
  .premium-service-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:92%;
    margin-top:22px;
  }
  .premium-service-cards article{
    min-height:128px;
    border-radius:18px;
    padding:16px 10px;
  }
  .premium-service-cards h3{font-size:.8rem;}
  .premium-service-cards p{font-size:.78rem;}
  .premium-service-cards .service-icon{width:34px;height:34px;font-size:1.45rem;margin-bottom:8px;}
  .premium-hero.hero{
    text-align:left;
    padding:42px 0 62px;
  }
  .premium-hero .hero-actions{justify-content:flex-start;}
  .premium-hero h1{font-size:3rem;}
}

/* ==========================================================
   AJUSTE FINAL CABECERA: menú compacto alrededor del logo
   ========================================================== */
@media (min-width:901px){
  .premium-navbar.navbar{
    grid-template-columns:1fr auto 1fr !important;
    padding:16px min(4vw,54px) !important;
  }
  .premium-navbar .brand-logo{
    height:102px !important;
    max-width:260px !important;
  }
  .premium-navbar .nav-links{
    grid-column:1 / 4 !important;
    grid-row:1 !important;
    justify-self:center !important;
    width:auto !important;
    max-width:none !important;
    display:grid !important;
    grid-template-columns:repeat(3,max-content) 285px repeat(3,max-content) !important;
    gap:18px !important;
    justify-content:center !important;
    align-items:center !important;
  }
  .premium-navbar .nav-links a{
    white-space:nowrap !important;
  }
  .premium-navbar .nav-minitu-link{
    gap:6px !important;
  }
  .premium-navbar .nav-minitu-logo{
    height:26px !important;
  }
}

@media (min-width:901px) and (max-width:1120px){
  .premium-navbar .nav-links{
    grid-template-columns:repeat(3,max-content) 250px repeat(3,max-content) !important;
    gap:14px !important;
    font-size:.88rem !important;
  }
  .premium-navbar .brand-logo{
    height:92px !important;
    max-width:230px !important;
  }
}

/* ==========================================================
   Corrección real: sección Trabajos destacados más limpia
   - menos piezas visibles al entrar
   - tarjetas iguales y alineadas
   - sin sensación de pared de cajas
   ========================================================== */
#trabajos .gallery{
  width:min(980px, 100%) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
  overflow:visible !important;
  padding:0 !important;
}
#trabajos .gallery.gallery-collapsed .project-card:nth-of-type(n+7){
  display:none !important;
}
#trabajos .gallery .project-card{
  height:210px !important;
  min-height:210px !important;
  max-height:210px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  border:1px solid rgba(224,173,0,.22) !important;
  box-shadow:0 14px 36px rgba(0,0,0,.08) !important;
  background:#fff !important;
}
#trabajos .gallery .project-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.12) !important;
}
#trabajos .gallery .project-open{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
}
#trabajos .gallery .project-image{
  width:100% !important;
  height:100% !important;
  aspect-ratio:auto !important;
  background:#f7f5ed !important;
}
#trabajos .gallery .project-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
#trabajos .gallery .project-info{
  position:absolute !important;
  inset:auto 0 0 0 !important;
  min-height:74px !important;
  padding:28px 16px 14px !important;
  display:flex !important;
  align-items:flex-end !important;
  color:#fff !important;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.78)) !important;
}
#trabajos .gallery .project-info h3{
  color:#fff !important;
  font-size:1rem !important;
  line-height:1.1 !important;
  margin:0 !important;
  min-height:0 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
}
#trabajos .gallery .project-info p,
#trabajos .gallery .project-info span{
  display:none !important;
}
.works-more-wrap{
  display:flex;
  justify-content:center;
  margin:30px auto 0;
}
.works-more-btn{
  min-width:190px;
  background:#fffdf4 !important;
  border-color:rgba(224,173,0,.55) !important;
  color:#171717 !important;
}
.works-more-btn:hover{
  background:var(--black) !important;
  color:#fff !important;
  border-color:var(--black) !important;
}
@media (max-width:900px){
  #trabajos .gallery{
    width:100% !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:12px !important;
  }
  #trabajos .gallery.gallery-collapsed .project-card:nth-of-type(n+5){
    display:none !important;
  }
  #trabajos .gallery .project-card{
    height:170px !important;
    min-height:170px !important;
    max-height:170px !important;
    border-radius:18px !important;
  }
  #trabajos .gallery .project-info{
    min-height:58px !important;
    padding:22px 10px 10px !important;
  }
  #trabajos .gallery .project-info h3{
    font-size:.86rem !important;
  }
}
@media (max-width:430px){
  #trabajos .gallery .project-card{
    height:145px !important;
    min-height:145px !important;
    max-height:145px !important;
  }
  #trabajos .gallery .project-info h3{
    font-size:.78rem !important;
  }
}