:root{--orange:#ff6200;--ink:#151515;--muted:#6b6b6b;--border:#e8e8e8}
html{scroll-behavior:smooth}
body{padding-top:0!important}
.ocp-shell{width:min(1180px,calc(100% - 28px));margin:auto}
.ocp-fixed-header{position:fixed;top:0;left:0;right:0;z-index:99999;background:#111;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.admin-bar .ocp-fixed-header{top:32px}
.ocp-header-spacer{height:78px}
.ocp-fixed-header__inner{min-height:78px;display:grid;grid-template-columns:auto 1fr minmax(260px,380px);gap:24px;align-items:center}
.ocp-brand{color:#fff!important;text-decoration:none!important;font-size:1.35rem;font-weight:900}.ocp-brand b{color:var(--orange)}
.ocp-fixed-header nav{display:flex;gap:20px}.ocp-fixed-header nav a{color:#eee!important;text-decoration:none!important;font-weight:800}
.ocp-fixed-header form,.ocp-hero-search,.ocp-list-search{display:grid;grid-template-columns:1fr auto;background:#fff;border-radius:999px;overflow:hidden}
.ocp-fixed-header input,.ocp-hero-search input,.ocp-list-search input{border:0!important;padding:13px 16px;outline:0}
.ocp-fixed-header button,.ocp-hero-search button,.ocp-list-search button{border:0;background:var(--orange);color:#fff;padding:0 20px;font-weight:900}
.ocp-home{font-family:Inter,system-ui,sans-serif}
.ocp-hero{background:radial-gradient(circle at 82% 20%,rgba(255,98,0,.32),transparent 34%),linear-gradient(135deg,#0c0c0c,#241006);color:#fff;padding:100px 0 110px}
.ocp-hero>div>span,.ocp-heading span{color:var(--orange);font-weight:900;letter-spacing:.13em;font-size:.78rem}
.ocp-hero h1{font-size:clamp(3rem,8vw,6.8rem);line-height:.92;letter-spacing:-.055em;margin:18px 0 24px}
.ocp-hero p{max-width:720px;color:#d6d6d6;font-size:1.2rem;line-height:1.6}.ocp-hero-search{max-width:680px;margin-top:30px}
.ocp-categories{margin-top:-40px}.ocp-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ocp-category-grid a{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;color:var(--ink)!important;text-decoration:none!important;font-weight:900;box-shadow:0 14px 35px rgba(0,0,0,.1)}
.ocp-section{padding:80px 0}.ocp-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.ocp-heading h2{font-size:clamp(2.2rem,5vw,4rem);margin:8px 0 0}
.ocp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ocp-card{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.07)}
.ocp-card__image{position:relative;display:block;aspect-ratio:4/3;background:#fafafa}.ocp-card__image img{width:100%;height:100%;object-fit:contain;padding:20px}.ocp-card__image span{position:absolute;top:14px;left:14px;background:var(--orange);color:#fff;border-radius:999px;padding:8px 12px;font-weight:900}
.ocp-card__body{padding:20px}.ocp-card__body small{color:var(--orange);font-weight:900}.ocp-card h3{margin:8px 0 14px}.ocp-card h3 a{color:var(--ink)!important;text-decoration:none!important}
.ocp-card__price{display:flex;gap:10px;align-items:baseline}.ocp-card__price del{color:#888}.ocp-card__price strong{font-size:2rem}
.ocp-card__meta{display:flex;gap:14px;align-items:center;margin:14px 0}.ocp-card__meta button{margin-left:auto;border:0;background:transparent;font-size:1.5rem}.ocp-card__meta button.active{color:#e53935}
.ocp-button{display:flex;justify-content:center;background:var(--orange);color:#fff!important;text-decoration:none!important;border-radius:999px;padding:14px 20px;font-weight:900}.ocp-button.big{font-size:1.1rem;padding:18px}
.ocp-listing{padding:55px 0}.ocp-list-search{max-width:700px;margin:0 0 28px}
.ocp-single{padding:55px 0;background:#f7f7f8}.ocp-single article{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#fff;padding:30px;border-radius:24px}.ocp-single__image{background:#fff7f1;border-radius:18px}.ocp-single__image img{width:100%;height:100%;object-fit:contain;padding:28px}.ocp-single__info h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1;margin:12px 0}.ocp-single__price strong{display:block;font-size:4rem}.ocp-single__price del{color:#888}.save{color:var(--orange);font-weight:900}.ocp-vote{margin-top:18px}.ocp-vote button{border:1px solid #ddd;background:#fff;border-radius:14px;padding:14px;font-weight:900}.ocp-content{margin-top:28px;background:#fff;border-radius:20px;padding:26px}
.ocp-footer{background:#111;color:#ccc;padding:50px 0 24px;margin-top:70px}
@media(max-width:900px){.ocp-fixed-header__inner{grid-template-columns:auto 1fr}.ocp-fixed-header form{grid-column:1/-1;margin-bottom:12px}.ocp-header-spacer{height:126px}.ocp-category-grid{grid-template-columns:repeat(2,1fr)}.ocp-grid{grid-template-columns:repeat(2,1fr)}.ocp-single article{grid-template-columns:1fr}}
@media(max-width:620px){.admin-bar .ocp-fixed-header{top:46px}.ocp-fixed-header__inner{grid-template-columns:1fr;gap:10px;padding:12px 0}.ocp-fixed-header nav{overflow:auto}.ocp-fixed-header form{grid-column:auto;margin:0}.ocp-header-spacer{height:184px}.ocp-category-grid,.ocp-grid{grid-template-columns:1fr}.ocp-heading{align-items:flex-start;flex-direction:column}}


/* Olechollos Pro 1.1: limpieza del tema y acabado profesional */
.olechollos-pro-active #masthead,
.olechollos-pro-active .site-header,
.olechollos-pro-active header.site-header,
.olechollos-pro-active .main-header-bar,
.olechollos-pro-active .ast-primary-header-bar,
.olechollos-pro-active .site-branding,
.olechollos-pro-active .entry-header,
.olechollos-pro-active .page-header,
.olechollos-pro-active .entry-title,
.olechollos-pro-active .page-title,
.olechollos-pro-active #colophon,
.olechollos-pro-active .site-footer,
.olechollos-pro-active footer.site-footer {display:none!important;}
.olechollos-pro-active .site-content,
.olechollos-pro-active .content-area,
.olechollos-pro-active .site-main,
.olechollos-pro-active .entry-content,
.olechollos-pro-active .ast-container,
.olechollos-pro-active .container {width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
.olechollos-pro-active .ocp-fixed-header,.olechollos-pro-active .ocp-footer{display:block!important;}
.ocp-fixed-header{box-shadow:0 8px 28px rgba(0,0,0,.22);}
.ocp-card{display:flex;flex-direction:column;min-width:0;transition:transform .22s ease,box-shadow .22s ease;}
.ocp-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.13);}
.ocp-card__image{overflow:hidden;}
.ocp-card__image img{transition:transform .25s ease;}
.ocp-card:hover .ocp-card__image img{transform:scale(1.035);}
.ocp-card__placeholder{height:100%;display:grid;place-items:center;align-content:center;gap:8px;color:#777;background:linear-gradient(145deg,#fff7f1,#f7f7f7);}
.ocp-card__placeholder span{font-size:2.4rem;}
.ocp-discount{position:absolute;top:14px;left:14px;background:var(--orange);color:#fff;border-radius:999px;padding:8px 12px;font-weight:900;}
.ocp-card__body{display:flex;flex-direction:column;gap:10px;flex:1;}
.ocp-card__eyebrow{display:flex;justify-content:space-between;gap:12px;align-items:center;}
.ocp-card__eyebrow span{color:#555;font-size:.82rem;font-weight:800;}
.ocp-card__excerpt{color:var(--muted);line-height:1.5;margin:0;}
.ocp-card__saving{color:var(--orange);font-weight:900;}
.ocp-card__meta{margin-top:auto;}
.ocp-card__meta span:nth-child(3){color:#777;font-size:.82rem;}
.ocp-share{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:22px;padding:20px;border-radius:16px;background:#fff;}
.ocp-share a{color:var(--orange)!important;font-weight:800;text-decoration:none!important;}
.comment-respond,.comments-area{margin-top:28px;padding:24px;background:#fff;border-radius:18px;}
.ocp-footer{margin-top:0;}
@media(max-width:900px){.ocp-card__meta{flex-wrap:wrap;}}


/* Olechollos Pro 1.2: favicon integrado en el logotipo */
.ocp-brand{
    display:inline-flex;
    align-items:center;
    gap:10px;
    white-space:nowrap;
}
.ocp-brand__icon{
    width:40px;
    height:40px;
    object-fit:contain;
    border-radius:10px;
    flex:0 0 40px;
}
.ocp-brand__fallback{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    flex:0 0 40px;
    border-radius:10px;
    background:var(--orange);
    color:#fff;
    font-size:1.25rem;
    font-weight:950;
}
.ocp-brand__text{
    line-height:1;
}
@media(max-width:620px){
    .ocp-brand__icon,
    .ocp-brand__fallback{
        width:34px;
        height:34px;
        flex-basis:34px;
    }
    .ocp-brand{
        font-size:1.15rem;
    }
}


/* Olechollos Pro 1.3: refinamiento visual definitivo */

/* Cabecera más equilibrada */
.ocp-fixed-header__inner{
    grid-template-columns:auto minmax(300px,1fr) minmax(300px,360px);
    gap:28px;
    min-height:82px;
}
.ocp-brand{
    font-size:1.42rem;
}
.ocp-brand__icon{
    width:46px;
    height:46px;
    flex-basis:46px;
    border-radius:12px;
}
.ocp-fixed-header nav{
    justify-content:flex-start;
    gap:24px;
}
.ocp-fixed-header nav a{
    font-size:.98rem;
}
.ocp-fixed-header form{
    min-height:46px;
}

/* Hero más compacto y limpio */
.ocp-hero{
    padding:72px 0 78px;
    min-height:auto;
}
.ocp-hero h1{
    max-width:980px;
    font-size:clamp(3rem,6.4vw,5.9rem);
    line-height:.93;
    margin:14px 0 20px;
}
.ocp-hero p{
    max-width:760px;
    margin-bottom:0;
}
.ocp-hero-search{
    margin-top:24px;
    max-width:700px;
}

/* Oculta la llama gigante suelta del hero si existiese */
.ocp-hero h1 + img,
.ocp-hero h1 + .emoji,
.ocp-hero > .ocp-shell > img{
    display:none!important;
}

/* Categorías más pegadas al hero */
.ocp-categories{
    margin-top:-26px;
}

/* Tarjetas con más presencia */
.ocp-grid{
    align-items:stretch;
}
.ocp-card{
    min-height:100%;
}
.ocp-card__image{
    aspect-ratio:1.08/1;
}
.ocp-card__image img{
    padding:16px;
}
.ocp-card__body{
    padding:22px;
}
.ocp-card h3{
    font-size:1.45rem;
    line-height:1.18;
}
.ocp-card__price strong{
    font-size:2.15rem;
}
.ocp-button{
    margin-top:6px;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.ocp-button:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(255,98,0,.28);
    background:#e95700;
}

/* Espaciado general más compacto */
.ocp-section{
    padding:64px 0 72px;
}
.ocp-heading{
    margin-bottom:24px;
}

/* Responsive */
@media(max-width:900px){
    .ocp-fixed-header__inner{
        grid-template-columns:auto 1fr;
    }
    .ocp-brand__icon{
        width:42px;
        height:42px;
        flex-basis:42px;
    }
    .ocp-hero{
        padding:58px 0 66px;
    }
    .ocp-hero h1{
        font-size:clamp(2.8rem,8vw,5rem);
    }
}
@media(max-width:620px){
    .ocp-fixed-header__inner{
        gap:8px;
    }
    .ocp-brand{
        font-size:1.18rem;
    }
    .ocp-brand__icon{
        width:36px;
        height:36px;
        flex-basis:36px;
    }
    .ocp-hero{
        padding:44px 0 54px;
    }
    .ocp-hero h1{
        font-size:clamp(2.55rem,12vw,4rem);
        line-height:.95;
    }
    .ocp-categories{
        margin-top:-18px;
    }
    .ocp-card__image{
        aspect-ratio:1/1;
    }
}


/* Olechollos Pro 1.4: portada más limpia y menú móvil */

/* El hero ya no necesita espacio para el segundo buscador */
.ocp-hero{
    padding-top:64px;
    padding-bottom:66px;
}
.ocp-hero h1{
    font-size:clamp(2.7rem,5.2vw,4.9rem);
    max-width:960px;
    margin-bottom:22px;
}
.ocp-hero p{
    max-width:760px;
    margin-bottom:0;
}
.ocp-hero-search{
    display:none!important;
}
.ocp-categories{
    margin-top:-20px;
}

/* Botón hamburguesa */
.ocp-menu-toggle{
    display:none;
    width:44px;
    height:44px;
    padding:10px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:12px;
    background:rgba(255,255,255,.06);
    cursor:pointer;
}
.ocp-menu-toggle span{
    display:block;
    width:100%;
    height:2px;
    margin:4px 0;
    border-radius:999px;
    background:#fff;
    transition:transform .2s ease, opacity .2s ease;
}
.ocp-menu-toggle.is-open span:nth-child(1){
    transform:translateY(6px) rotate(45deg);
}
.ocp-menu-toggle.is-open span:nth-child(2){
    opacity:0;
}
.ocp-menu-toggle.is-open span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg);
}

@media(max-width:620px){
    .ocp-fixed-header__inner{
        grid-template-columns:1fr auto;
        align-items:center;
        padding:12px 0;
        position:relative;
    }
    .ocp-menu-toggle{
        display:block;
        justify-self:end;
    }
    .ocp-fixed-header nav{
        display:none;
        position:absolute;
        top:70px;
        left:0;
        right:0;
        z-index:20;
        padding:14px;
        border:1px solid rgba(255,255,255,.12);
        border-radius:16px;
        background:#151515;
        box-shadow:0 16px 38px rgba(0,0,0,.35);
    }
    .ocp-fixed-header nav.is-open{
        display:grid;
        gap:8px;
    }
    .ocp-fixed-header nav a{
        display:block;
        padding:12px 14px;
        border-radius:10px;
        background:rgba(255,255,255,.04);
    }
    .ocp-fixed-header form{
        grid-column:1/-1;
        width:100%;
    }
    .ocp-header-spacer{
        height:148px;
    }
    .ocp-hero{
        padding-top:34px;
        padding-bottom:48px;
    }
    .ocp-hero h1{
        font-size:clamp(2.3rem,10.5vw,3.5rem);
        line-height:.98;
        margin-bottom:18px;
    }
    .ocp-hero p{
        font-size:1.05rem;
        line-height:1.55;
    }
    .ocp-categories{
        margin-top:-12px;
    }
}


/* Olechollos Pro 1.5: cabecera y hero móvil corregidos */

/* Botón hamburguesa fiable: utiliza el símbolo ☰ y no depende de líneas CSS */
.ocp-menu-toggle{
    display:none;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    padding:0;
    border:1px solid rgba(255,255,255,.15);
    border-radius:14px;
    background:var(--orange);
    color:#fff;
    box-shadow:0 8px 20px rgba(255,98,0,.24);
}
.ocp-menu-toggle__icon{
    display:block;
    font-size:1.7rem;
    line-height:1;
    font-weight:800;
    transform:translateY(-1px);
}
.ocp-menu-toggle.is-open .ocp-menu-toggle__icon{
    font-size:0;
}
.ocp-menu-toggle.is-open .ocp-menu-toggle__icon::before{
    content:"×";
    display:block;
    font-size:2rem;
    line-height:1;
}
.ocp-menu-toggle > span:not(.ocp-menu-toggle__icon):not(.screen-reader-text){
    display:none!important;
}

/* Evita que el encabezado tape el inicio del hero */
.ocp-home{
    overflow-x:hidden;
}
.ocp-hero{
    position:relative;
    padding-top:58px;
    padding-bottom:58px;
}
.ocp-hero .ocp-shell{
    position:relative;
    z-index:1;
}

/* Título algo más compacto y con ancho controlado */
.ocp-hero h1{
    max-width:930px;
    font-size:clamp(2.65rem,4.9vw,4.65rem);
    line-height:.95;
}

/* Categorías un poco más compactas */
.ocp-category-grid a{
    min-height:76px;
    display:flex;
    align-items:center;
}

@media(max-width:620px){
    .ocp-fixed-header{
        position:sticky;
        top:0;
    }
    .admin-bar .ocp-fixed-header{
        top:0;
    }
    .ocp-fixed-header__inner{
        grid-template-columns:minmax(0,1fr) auto;
        gap:12px;
        padding:12px 0;
    }
    .ocp-menu-toggle{
        display:flex;
    }
    .ocp-fixed-header nav{
        top:72px;
    }
    .ocp-fixed-header form{
        margin-top:0;
    }
    .ocp-header-spacer{
        display:none;
    }
    .ocp-hero{
        padding-top:26px;
        padding-bottom:38px;
    }
    .ocp-hero h1{
        max-width:100%;
        font-size:clamp(2.15rem,9.4vw,3.2rem);
        line-height:1;
        letter-spacing:-.04em;
        margin-top:0;
        margin-bottom:18px;
    }
    .ocp-hero p{
        font-size:1rem;
        line-height:1.5;
    }
    .ocp-categories{
        margin-top:-8px;
    }
    .ocp-category-grid{
        gap:14px;
    }
    .ocp-category-grid a{
        min-height:72px;
        padding:18px;
    }
}

/* En pantallas muy pequeñas reduce aún más el ancho del texto del logo */
@media(max-width:390px){
    .ocp-brand{
        gap:8px;
        font-size:1.05rem;
    }
    .ocp-brand__icon{
        width:34px;
        height:34px;
        flex-basis:34px;
    }
    .ocp-menu-toggle{
        width:44px;
        height:44px;
    }
    .ocp-hero h1{
        font-size:2.05rem;
    }
}


/* Olechollos Pro 2.0: arquitectura estable de cabecera y footer */

/* La cabecera ahora se imprime al abrir el body, nunca dentro del footer */
.ocp-fixed-header{
    position:sticky;
    top:0;
    z-index:99999;
}
.admin-bar .ocp-fixed-header{
    top:32px;
}
.ocp-header-spacer{
    display:none!important;
}

/* Evita cualquier cabecera repetida accidentalmente */
body > .ocp-fixed-header ~ .ocp-fixed-header,
.ocp-footer .ocp-fixed-header,
footer .ocp-fixed-header{
    display:none!important;
}

/* El footer siempre queda separado del contenido */
.ocp-footer{
    position:relative;
    z-index:1;
    clear:both;
}

/* Ajustes móviles definitivos */
@media(max-width:782px){
    .admin-bar .ocp-fixed-header{
        top:46px;
    }
}
@media(max-width:620px){
    .ocp-fixed-header{
        position:sticky;
        top:0;
    }
    .admin-bar .ocp-fixed-header{
        top:0;
    }
    .ocp-header-spacer{
        display:none!important;
    }
}


/* Olechollos Pro 2.1: navegación móvil limpia */

/* El buscador del hero solo se usa en móvil */
.ocp-hero-search--mobile{
    display:none;
}

/* Hero más compacto en todas las pantallas */
.ocp-hero{
    padding-top:48px;
    padding-bottom:48px;
}
.ocp-hero h1{
    max-width:900px;
    font-size:clamp(2.55rem,4.55vw,4.35rem);
    line-height:.96;
}
.ocp-hero p{
    max-width:720px;
}

/* En móvil, solo logo + hamburguesa en la primera fila */
@media(max-width:620px){
    .ocp-fixed-header__inner{
        grid-template-columns:minmax(0,1fr) auto;
        gap:12px;
        padding:12px 0;
    }

    /* Oculta el buscador superior solo en móvil */
    .ocp-fixed-header__inner > form{
        display:none!important;
    }

    .ocp-brand{
        min-width:0;
    }

    .ocp-menu-toggle{
        justify-self:end;
    }

    /* El buscador aparece dentro del hero */
    .ocp-hero-search--mobile{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto;
        width:100%;
        max-width:none;
        margin-top:22px;
        border-radius:999px;
        overflow:hidden;
        background:#fff;
    }
    .ocp-hero-search--mobile input{
        min-width:0;
        border:0!important;
        padding:15px 18px;
        font-size:1rem;
        outline:0;
    }
    .ocp-hero-search--mobile button{
        border:0;
        background:var(--orange);
        color:#fff;
        padding:0 22px;
        font-weight:900;
        letter-spacing:.08em;
        text-transform:uppercase;
    }

    /* Hero un 30 % más compacto en móvil */
    .ocp-hero{
        padding-top:22px;
        padding-bottom:30px;
    }
    .ocp-hero h1{
        max-width:100%;
        font-size:clamp(2rem,8.8vw,2.9rem);
        line-height:1;
        letter-spacing:-.035em;
        margin:0 0 16px;
    }
    .ocp-hero p{
        font-size:.98rem;
        line-height:1.48;
        margin:0;
    }
    .ocp-categories{
        margin-top:-4px;
    }
    .ocp-category-grid{
        gap:12px;
    }
    .ocp-category-grid a{
        min-height:66px;
        padding:16px 18px;
    }
}

/* Ajuste extra para iPhone estrecho */
@media(max-width:390px){
    .ocp-hero h1{
        font-size:1.95rem;
    }
    .ocp-hero-search--mobile button{
        padding:0 16px;
        font-size:.82rem;
    }
}


/* Olechollos Pro 2.2: menú móvil nativo, sin JavaScript */
html, body {
    max-width:100%;
    overflow-x:hidden;
}

.ocp-desktop-nav {
    display:flex;
    gap:24px;
}

.ocp-mobile-menu {
    display:none;
    position:relative;
    justify-self:end;
}

.ocp-mobile-menu summary {
    list-style:none;
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:14px;
    background:var(--orange);
    color:#fff;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(255,98,0,.24);
    user-select:none;
}

.ocp-mobile-menu summary::-webkit-details-marker {
    display:none;
}

.ocp-mobile-menu summary span {
    font-size:1.65rem;
    line-height:1;
    font-weight:900;
}

.ocp-mobile-menu[open] summary span {
    font-size:0;
}

.ocp-mobile-menu[open] summary span::before {
    content:"×";
    display:block;
    font-size:2rem;
    line-height:1;
}

.ocp-mobile-menu__panel {
    position:absolute;
    top:58px;
    right:0;
    z-index:999999;
    width:min(280px, calc(100vw - 32px));
    padding:12px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    background:#151515;
    box-shadow:0 18px 42px rgba(0,0,0,.42);
}

.ocp-mobile-menu__panel a {
    display:block;
    padding:14px 16px;
    border-radius:11px;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:800;
}

.ocp-mobile-menu__panel a + a {
    margin-top:6px;
}

.ocp-mobile-menu__panel a:hover,
.ocp-mobile-menu__panel a:focus {
    background:rgba(255,255,255,.08);
}

@media(max-width:620px){
    .ocp-fixed-header__inner{
        grid-template-columns:minmax(0,1fr) auto;
        width:100%;
        max-width:100%;
        overflow:visible;
    }

    .ocp-desktop-nav{
        display:none!important;
    }

    .ocp-mobile-menu{
        display:block;
    }

    .ocp-header-search{
        display:none!important;
    }

    .ocp-fixed-header{
        overflow:visible;
    }

    .ocp-fixed-header__inner,
    .ocp-shell,
    .ocp-home,
    .ocp-hero,
    .ocp-categories,
    .ocp-section{
        min-width:0;
    }
}

@media(min-width:621px){
    .ocp-mobile-menu{
        display:none!important;
    }
}


/* Olechollos Pro 2.3: correcciones definitivas de móvil */

/* La cabecera deja de quedarse fija al hacer scroll */
.ocp-fixed-header{
    position:relative!important;
    top:auto!important;
}

/* El menú desplegable queda siempre visible por encima del contenido */
.ocp-mobile-menu{
    position:relative;
    z-index:999999;
}
.ocp-mobile-menu__panel{
    z-index:1000000!important;
}

@media(max-width:620px){

    /* Cabecera normal: desaparece al bajar por la página */
    .ocp-fixed-header{
        position:relative!important;
        top:auto!important;
    }

    /* El contenedor no recorta el menú */
    .ocp-fixed-header,
    .ocp-fixed-header__inner,
    .ocp-mobile-menu{
        overflow:visible!important;
    }

    /* Menú como panel ancho justo debajo de la cabecera */
    .ocp-mobile-menu__panel{
        position:fixed!important;
        top:92px!important;
        left:16px!important;
        right:16px!important;
        width:auto!important;
        max-width:none!important;
        padding:14px!important;
        border-radius:18px!important;
        background:#151515!important;
        box-shadow:0 22px 48px rgba(0,0,0,.5)!important;
    }

    .ocp-mobile-menu__panel a{
        display:block!important;
        color:#fff!important;
        background:rgba(255,255,255,.06)!important;
        padding:15px 16px!important;
        border-radius:12px!important;
        font-size:1rem!important;
    }

    /* Las categorías ya no se meten debajo del hero */
    .ocp-categories{
        margin-top:0!important;
        padding-top:16px!important;
        position:relative!important;
        z-index:1!important;
    }

    /* Evita que cualquier degradado del hero tape la primera categoría */
    .ocp-hero{
        overflow:hidden!important;
        margin-bottom:0!important;
    }

    .ocp-hero::after,
    .ocp-hero::before{
        pointer-events:none!important;
    }

    .ocp-category-grid{
        position:relative!important;
        z-index:2!important;
    }
}

/* Ajuste en iPhone con barra superior alta */
@media(max-width:390px){
    .ocp-mobile-menu__panel{
        top:88px!important;
        left:12px!important;
        right:12px!important;
    }
}


/* Olechollos Pro 2.4: cabecera sticky y menú móvil en flujo normal */

/* La barra de logo y buscador acompaña el desplazamiento */
.ocp-fixed-header{
    position:sticky!important;
    top:0!important;
    z-index:999999!important;
}
.admin-bar .ocp-fixed-header{
    top:32px!important;
}

/* El buscador del hero desaparece: queda un único buscador en la cabecera */
.ocp-hero-search--mobile{
    display:none!important;
}

@media(max-width:620px){

    .admin-bar .ocp-fixed-header{
        top:0!important;
    }

    .ocp-fixed-header{
        overflow:visible!important;
    }

    .ocp-fixed-header__inner{
        position:relative!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        gap:12px!important;
        width:min(100% - 24px,1180px)!important;
        padding:12px 0!important;
        overflow:visible!important;
    }

    .ocp-brand{
        grid-column:1!important;
        grid-row:1!important;
        align-self:center!important;
        min-width:0!important;
    }

    /* El details ocupa todo el ancho; el botón se coloca arriba a la derecha */
    .ocp-mobile-menu{
        display:block!important;
        position:static!important;
        grid-column:1 / -1!important;
        grid-row:1!important;
        width:100%!important;
        min-width:0!important;
        z-index:1000000!important;
    }

    .ocp-mobile-menu summary{
        position:absolute!important;
        top:12px!important;
        right:0!important;
        width:48px!important;
        height:48px!important;
        z-index:1000002!important;
    }

    /* Panel dentro del flujo: siempre visible cuando se abre y empuja la página */
    .ocp-mobile-menu__panel{
        position:static!important;
        display:block!important;
        width:100%!important;
        max-width:none!important;
        margin:70px 0 0!important;
        padding:12px!important;
        border:1px solid rgba(255,255,255,.12)!important;
        border-radius:16px!important;
        background:#151515!important;
        box-shadow:none!important;
        transform:none!important;
        opacity:1!important;
        visibility:visible!important;
    }

    .ocp-mobile-menu:not([open]) .ocp-mobile-menu__panel{
        display:none!important;
    }

    .ocp-mobile-menu__panel a{
        display:block!important;
        width:100%!important;
        padding:14px 16px!important;
        color:#fff!important;
        background:rgba(255,255,255,.06)!important;
        border-radius:11px!important;
        text-decoration:none!important;
        font-weight:800!important;
    }

    .ocp-mobile-menu__panel a + a{
        margin-top:7px!important;
    }

    /* El buscador permanece en la barra y se desplaza con ella */
    .ocp-header-search{
        display:grid!important;
        grid-column:1 / -1!important;
        grid-row:2!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        width:100%!important;
        min-height:48px!important;
        margin:0!important;
        border-radius:999px!important;
        overflow:hidden!important;
        background:#fff!important;
    }

    .ocp-header-search input{
        min-width:0!important;
        padding:14px 16px!important;
        border:0!important;
        font-size:1rem!important;
    }

    .ocp-header-search button{
        padding:0 20px!important;
        border:0!important;
        background:var(--orange)!important;
        color:#fff!important;
        font-weight:900!important;
    }

    /* Cuando el menú abre, aparece debajo del buscador */
    .ocp-mobile-menu[open]{
        grid-row:1 / span 3!important;
    }

    .ocp-mobile-menu[open] .ocp-mobile-menu__panel{
        margin-top:128px!important;
    }

    /* El hero ya no queda debajo de la barra sticky */
    .ocp-hero{
        padding-top:24px!important;
    }

    /* Separación real entre hero y categorías */
    .ocp-categories{
        margin-top:0!important;
        padding-top:18px!important;
    }
}

@media(max-width:390px){
    .ocp-fixed-header__inner{
        width:min(100% - 18px,1180px)!important;
    }

    .ocp-mobile-menu summary{
        width:44px!important;
        height:44px!important;
    }

    .ocp-mobile-menu[open] .ocp-mobile-menu__panel{
        margin-top:124px!important;
    }
}


/* Olechollos Pro 2.5: buscador visible y cabecera fija real */

/* La cabecera permanece visible durante todo el desplazamiento */
.ocp-fixed-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:999999!important;
}

/* Reserva el espacio de la cabecera para que no tape el contenido */
body.olechollos-pro-active{
    padding-top:82px!important;
}

.admin-bar .ocp-fixed-header{
    top:32px!important;
}
.admin-bar body.olechollos-pro-active{
    padding-top:114px!important;
}

/* Buscador de escritorio */
.ocp-fixed-header__inner > form.ocp-header-search{
    display:grid!important;
}

@media(max-width:620px){

    body.olechollos-pro-active{
        padding-top:154px!important;
    }

    .admin-bar .ocp-fixed-header{
        top:0!important;
    }

    /* Dos filas: logo/menú y buscador */
    .ocp-fixed-header__inner{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        grid-template-rows:auto auto!important;
        gap:12px!important;
        padding:12px 0!important;
        overflow:visible!important;
    }

    .ocp-brand{
        grid-column:1!important;
        grid-row:1!important;
    }

    .ocp-mobile-menu{
        grid-column:2!important;
        grid-row:1!important;
        align-self:center!important;
        justify-self:end!important;
        position:relative!important;
        width:auto!important;
    }

    .ocp-mobile-menu summary{
        position:static!important;
        width:48px!important;
        height:48px!important;
    }

    /* Corrige la regla antigua que ocultaba cualquier formulario directo */
    .ocp-fixed-header__inner > form.ocp-header-search{
        display:grid!important;
        grid-column:1 / -1!important;
        grid-row:2!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        width:100%!important;
        min-height:48px!important;
        margin:0!important;
        border-radius:999px!important;
        overflow:hidden!important;
        background:#fff!important;
    }

    .ocp-fixed-header__inner > form.ocp-header-search input{
        display:block!important;
        min-width:0!important;
        width:100%!important;
        padding:14px 18px!important;
        border:0!important;
        outline:0!important;
        font-size:1rem!important;
        background:#fff!important;
    }

    .ocp-fixed-header__inner > form.ocp-header-search button{
        display:block!important;
        border:0!important;
        padding:0 22px!important;
        background:var(--orange)!important;
        color:#fff!important;
        font-weight:900!important;
        letter-spacing:.06em!important;
        text-transform:uppercase!important;
    }

    /* El menú se superpone debajo de la barra sin desplazar ni ocultar el buscador */
    .ocp-mobile-menu__panel{
        position:fixed!important;
        top:146px!important;
        left:14px!important;
        right:14px!important;
        width:auto!important;
        max-width:none!important;
        margin:0!important;
        padding:12px!important;
        border-radius:16px!important;
        background:#151515!important;
        box-shadow:0 20px 45px rgba(0,0,0,.5)!important;
        z-index:1000001!important;
    }

    .ocp-mobile-menu:not([open]) .ocp-mobile-menu__panel{
        display:none!important;
    }

    .ocp-mobile-menu[open] .ocp-mobile-menu__panel{
        display:block!important;
    }

    /* Ya no se usa buscador dentro del hero */
    .ocp-hero-search--mobile{
        display:none!important;
    }
}

@media(max-width:390px){
    body.olechollos-pro-active{
        padding-top:150px!important;
    }

    .ocp-mobile-menu__panel{
        top:142px!important;
        left:10px!important;
        right:10px!important;
    }

    .ocp-fixed-header__inner > form.ocp-header-search button{
        padding:0 17px!important;
        font-size:.82rem!important;
    }
}


/* Olechollos Pro 2.6: menú móvil limpio y bien posicionado */

@media(max-width:620px){

    /* Mantiene el botón siempre en la esquina superior derecha */
    .ocp-mobile-menu,
    .ocp-mobile-menu[open]{
        grid-column:2!important;
        grid-row:1!important;
        position:relative!important;
        width:auto!important;
        align-self:center!important;
        justify-self:end!important;
        z-index:1000002!important;
    }

    .ocp-mobile-menu summary{
        position:static!important;
        top:auto!important;
        right:auto!important;
        width:48px!important;
        height:48px!important;
        margin:0!important;
    }

    /* El panel aparece debajo del buscador, sin taparlo ni mover el botón */
    .ocp-mobile-menu__panel{
        position:fixed!important;
        top:154px!important;
        left:12px!important;
        right:12px!important;
        width:auto!important;
        max-width:none!important;
        margin:0!important;
        padding:10px!important;
        border:1px solid rgba(255,255,255,.12)!important;
        border-radius:18px!important;
        background:rgba(20,20,20,.98)!important;
        backdrop-filter:blur(12px)!important;
        -webkit-backdrop-filter:blur(12px)!important;
        box-shadow:0 18px 45px rgba(0,0,0,.45)!important;
        z-index:1000001!important;
    }

    .ocp-mobile-menu:not([open]) .ocp-mobile-menu__panel{
        display:none!important;
    }

    .ocp-mobile-menu[open] .ocp-mobile-menu__panel{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
    }

    .ocp-mobile-menu__panel a{
        display:flex!important;
        align-items:center!important;
        min-height:54px!important;
        width:100%!important;
        padding:14px 16px!important;
        margin:0!important;
        border:1px solid rgba(255,255,255,.06)!important;
        border-radius:12px!important;
        background:#242424!important;
        color:#fff!important;
        text-decoration:none!important;
        font-size:1rem!important;
        font-weight:800!important;
    }

    .ocp-mobile-menu__panel a:active{
        background:#303030!important;
    }

    /* Evita cualquier superposición con el botón BUSCAR */
    .ocp-header-search{
        position:relative!important;
        z-index:1!important;
    }

    .ocp-mobile-menu summary{
        z-index:3!important;
    }
}

@media(max-width:390px){
    .ocp-mobile-menu__panel{
        top:150px!important;
        left:10px!important;
        right:10px!important;
    }
}


/* Olechollos Pro 2.7: menú móvil en flujo, debajo del buscador */

@media(max-width:620px){

    /* La cabecera sigue fija, pero el panel forma parte de su altura */
    .ocp-fixed-header{
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:0!important;
        width:100%!important;
        overflow:visible!important;
    }

    .ocp-fixed-header__inner{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        grid-template-rows:auto auto auto!important;
        gap:12px!important;
        align-items:center!important;
        overflow:visible!important;
    }

    .ocp-brand{
        grid-column:1!important;
        grid-row:1!important;
    }

    .ocp-mobile-menu,
    .ocp-mobile-menu[open]{
        grid-column:2!important;
        grid-row:1!important;
        position:static!important;
        width:auto!important;
        justify-self:end!important;
        align-self:center!important;
        z-index:3!important;
    }

    .ocp-mobile-menu summary{
        position:static!important;
        width:48px!important;
        height:48px!important;
        margin:0!important;
    }

    .ocp-header-search{
        grid-column:1 / -1!important;
        grid-row:2!important;
        position:relative!important;
        z-index:2!important;
    }

    /* El panel se coloca realmente debajo del buscador y empuja el contenido */
    .ocp-mobile-menu__panel{
        position:absolute!important;
        top:132px!important;
        left:0!important;
        right:0!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:10px!important;
        border:1px solid rgba(255,255,255,.10)!important;
        border-radius:0 0 16px 16px!important;
        background:#141414!important;
        box-shadow:0 16px 32px rgba(0,0,0,.34)!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
        z-index:1!important;
    }

    .ocp-mobile-menu:not([open]) .ocp-mobile-menu__panel{
        display:none!important;
    }

    .ocp-mobile-menu[open] .ocp-mobile-menu__panel{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:6px!important;
    }

    .ocp-mobile-menu__panel a{
        display:flex!important;
        align-items:center!important;
        gap:10px!important;
        min-height:46px!important;
        padding:11px 14px!important;
        margin:0!important;
        border:0!important;
        border-radius:10px!important;
        background:#222!important;
        color:#fff!important;
        font-size:.98rem!important;
        font-weight:800!important;
    }

    .ocp-mobile-menu__panel a span{
        width:24px!important;
        text-align:center!important;
        flex:0 0 24px!important;
    }

    /* Reserva espacio dinámico para que el hero baje cuando el menú está abierto */
    body.olechollos-pro-active{
        padding-top:154px!important;
    }

    body:has(.ocp-mobile-menu[open]).olechollos-pro-active{
        padding-top:332px!important;
    }
}

/* Fallback para navegadores sin :has(): el panel queda pegado a la cabecera y no tapa el texto */
@supports not selector(body:has(*)){
    @media(max-width:620px){
        .ocp-mobile-menu__panel{
            position:fixed!important;
            top:154px!important;
            left:12px!important;
            right:12px!important;
            width:auto!important;
            border-radius:16px!important;
        }
    }
}

@media(max-width:390px){
    .ocp-mobile-menu__panel{
        top:128px!important;
    }

    body:has(.ocp-mobile-menu[open]).olechollos-pro-active{
        padding-top:324px!important;
    }
}


/* Olechollos Pro 2.8: refinamiento final del menú y hero */

.ocp-hero__fire{
    display:inline-block;
    font-size:.82em;
    transform:translateY(-.03em);
}

@media(max-width:620px){

    /* Menos espacio entre logo y buscador */
    .ocp-fixed-header__inner{
        row-gap:8px!important;
    }

    /* El menú forma parte real de la cabecera y empuja el contenido */
    .ocp-mobile-menu,
    .ocp-mobile-menu[open]{
        grid-column:2!important;
        grid-row:1!important;
        position:static!important;
        width:auto!important;
        justify-self:end!important;
        align-self:center!important;
        z-index:3!important;
    }

    .ocp-mobile-menu summary{
        position:static!important;
        width:48px!important;
        height:48px!important;
        margin:0!important;
    }

    .ocp-header-search{
        grid-column:1 / -1!important;
        grid-row:2!important;
        margin-top:-2px!important;
    }

    /* Panel integrado: aparece debajo del buscador y aumenta la altura de la cabecera */
    .ocp-mobile-menu__panel{
        position:absolute!important;
        top:132px!important;
        left:0!important;
        right:0!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:10px!important;
        border:1px solid rgba(255,255,255,.10)!important;
        border-radius:0 0 16px 16px!important;
        background:#141414!important;
        box-shadow:0 14px 28px rgba(0,0,0,.32)!important;
        z-index:2!important;
    }

    .ocp-mobile-menu:not([open]) .ocp-mobile-menu__panel{
        display:none!important;
    }

    .ocp-mobile-menu[open] .ocp-mobile-menu__panel{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:6px!important;
    }

    .ocp-mobile-menu__panel a{
        min-height:46px!important;
        padding:11px 14px!important;
        border-radius:10px!important;
        background:#222!important;
    }

    /* Al abrir el menú, la cabecera crece y el hero baja */
    body.olechollos-pro-active{
        padding-top:150px!important;
    }

    body:has(.ocp-mobile-menu[open]).olechollos-pro-active{
        padding-top:328px!important;
    }

    /* Hero con un poco más de aire y mejor lectura */
    .ocp-hero{
        padding-top:30px!important;
        padding-bottom:36px!important;
    }

    .ocp-hero p{
        color:#d8d8d8!important;
    }

    .ocp-hero__fire{
        font-size:.78em;
    }
}

@media(max-width:390px){
    body.olechollos-pro-active{
        padding-top:146px!important;
    }

    body:has(.ocp-mobile-menu[open]).olechollos-pro-active{
        padding-top:320px!important;
    }

    .ocp-mobile-menu__panel{
        top:128px!important;
    }
}


/* Olechollos Pro 2.9: cabecera móvil reconstruida sin overlays */
.ocp-fixed-header{
    position:sticky!important;
    top:0!important;
    width:100%!important;
    z-index:999999!important;
    overflow:visible!important;
}
body.olechollos-pro-active{padding-top:0!important}
.admin-bar .ocp-fixed-header{top:32px!important}

.ocp-mobile-menu-checkbox,
.ocp-mobile-menu-toggle,
.ocp-mobile-menu-panel{display:none}

@media(max-width:620px){
    .admin-bar .ocp-fixed-header{top:0!important}

    .ocp-fixed-header__inner{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        grid-template-rows:auto auto auto!important;
        gap:8px 12px!important;
        align-items:center!important;
        width:min(100% - 24px,1180px)!important;
        padding:12px 0!important;
        overflow:visible!important;
    }

    .ocp-brand{grid-column:1!important;grid-row:1!important;min-width:0!important}
    .ocp-desktop-nav{display:none!important}

    .ocp-mobile-menu-checkbox{
        position:absolute!important;
        opacity:0!important;
        pointer-events:none!important;
    }

    .ocp-mobile-menu-toggle{
        display:grid!important;
        place-items:center!important;
        grid-column:2!important;
        grid-row:1!important;
        justify-self:end!important;
        width:48px!important;
        height:48px!important;
        border-radius:14px!important;
        background:var(--orange)!important;
        color:#fff!important;
        box-shadow:0 8px 20px rgba(255,98,0,.24)!important;
        cursor:pointer!important;
        user-select:none!important;
        font-weight:900!important;
    }

    .ocp-mobile-menu-toggle__open{display:block!important;font-size:1.65rem!important;line-height:1!important}
    .ocp-mobile-menu-toggle__close{display:none!important;font-size:2rem!important;line-height:1!important}
    .ocp-mobile-menu-checkbox:checked + .ocp-mobile-menu-toggle .ocp-mobile-menu-toggle__open{display:none!important}
    .ocp-mobile-menu-checkbox:checked + .ocp-mobile-menu-toggle .ocp-mobile-menu-toggle__close{display:block!important}

    .ocp-header-search{
        display:grid!important;
        grid-column:1/-1!important;
        grid-row:2!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        width:100%!important;
        min-height:48px!important;
        margin:0!important;
        border-radius:999px!important;
        overflow:hidden!important;
        background:#fff!important;
    }

    .ocp-header-search input{
        min-width:0!important;
        width:100%!important;
        padding:14px 18px!important;
        border:0!important;
        outline:0!important;
        font-size:1rem!important;
        background:#fff!important;
    }

    .ocp-header-search button{
        border:0!important;
        padding:0 22px!important;
        background:var(--orange)!important;
        color:#fff!important;
        font-weight:900!important;
        letter-spacing:.06em!important;
        text-transform:uppercase!important;
    }

    .ocp-mobile-menu-panel{
        display:none!important;
        grid-column:1/-1!important;
        grid-row:3!important;
        width:100%!important;
        margin:2px 0 0!important;
        padding:10px!important;
        border:1px solid rgba(255,255,255,.10)!important;
        border-radius:16px!important;
        background:#141414!important;
        box-shadow:none!important;
    }

    .ocp-mobile-menu-checkbox:checked ~ .ocp-mobile-menu-panel{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:6px!important;
    }

    .ocp-mobile-menu-panel a{
        display:flex!important;
        align-items:center!important;
        gap:10px!important;
        min-height:46px!important;
        padding:11px 14px!important;
        border-radius:10px!important;
        background:#222!important;
        color:#fff!important;
        text-decoration:none!important;
        font-size:.98rem!important;
        font-weight:800!important;
    }

    .ocp-mobile-menu-panel a span{
        width:24px!important;
        flex:0 0 24px!important;
        text-align:center!important;
    }

    .ocp-mobile-menu,
    .ocp-mobile-menu__panel,
    .ocp-menu-toggle{display:none!important}

    .ocp-hero{padding-top:30px!important}
    .ocp-categories{margin-top:0!important;padding-top:18px!important}
}

@media(max-width:390px){
    .ocp-fixed-header__inner{width:min(100% - 18px,1180px)!important}
    .ocp-mobile-menu-toggle{width:44px!important;height:44px!important}
    .ocp-header-search button{padding:0 17px!important;font-size:.82rem!important}
}


/* Olechollos Pro 3.0: cabecera realmente fija durante el scroll */

/* Usamos fixed porque algunos temas rompen position:sticky mediante overflow */
.ocp-fixed-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:999999!important;
    overflow:visible!important;
}

/* Reserva espacio para que la cabecera no tape el contenido */
body.olechollos-pro-active{
    padding-top:82px!important;
}

.admin-bar .ocp-fixed-header{
    top:32px!important;
}

@media(max-width:620px){

    .admin-bar .ocp-fixed-header{
        top:0!important;
    }

    /* Altura de la cabecera cerrada: logo + buscador */
    body.olechollos-pro-active{
        padding-top:150px!important;
    }

    /* Al abrir el menú, aumenta el espacio y el hero baja */
    body.olechollos-pro-active:has(.ocp-mobile-menu-checkbox:checked){
        padding-top:324px!important;
    }

    .ocp-fixed-header__inner{
        max-height:none!important;
    }

    .ocp-mobile-menu-panel{
        position:static!important;
        grid-column:1/-1!important;
        grid-row:3!important;
        width:100%!important;
        margin:2px 0 0!important;
    }

    /* El hero empieza justo debajo de la cabecera fija */
    .ocp-hero{
        margin-top:0!important;
    }
}

@media(max-width:390px){
    body.olechollos-pro-active{
        padding-top:146px!important;
    }

    body.olechollos-pro-active:has(.ocp-mobile-menu-checkbox:checked){
        padding-top:316px!important;
    }
}


/* Olechollos Pro 3.1: mejoras exclusivas de escritorio */
/* La versión móvil permanece intacta. */

@media(min-width:621px){

    /* Oculta completamente los controles móviles para evitar la segunda fila */
    .ocp-mobile-menu-checkbox,
    .ocp-mobile-menu-toggle,
    .ocp-mobile-menu-panel,
    .ocp-mobile-menu,
    .ocp-mobile-menu__panel,
    .ocp-menu-toggle{
        display:none!important;
    }

    /* Cabecera principal más limpia */
    .ocp-fixed-header__inner{
        min-height:86px!important;
        grid-template-columns:auto minmax(320px,1fr) minmax(320px,380px)!important;
        gap:30px!important;
        padding:0!important;
    }

    /* Logo un 10-15% mayor */
    .ocp-brand{
        font-size:1.52rem!important;
        gap:11px!important;
    }

    .ocp-brand__icon{
        width:52px!important;
        height:52px!important;
        flex-basis:52px!important;
        border-radius:13px!important;
    }

    /* Menú horizontal único */
    .ocp-desktop-nav{
        display:flex!important;
        align-items:center!important;
        gap:26px!important;
    }

    .ocp-desktop-nav a{
        color:#fff!important;
        text-decoration:none!important;
        font-weight:800!important;
        font-size:1rem!important;
    }

    /* Menos espacio entre la cabecera y el hero */
    .ocp-home{
        padding-top:0!important;
    }

    .ocp-hero{
        margin-top:12px!important;
        padding-top:72px!important;
        padding-bottom:72px!important;
        min-height:430px!important;
    }

    /* Hero más ancho */
    .ocp-hero > .ocp-shell{
        width:95%!important;
        max-width:1400px!important;
    }

    .ocp-hero h1{
        max-width:1100px!important;
        font-size:clamp(3.4rem,5.2vw,5.9rem)!important;
        line-height:.94!important;
    }

    .ocp-hero p{
        max-width:780px!important;
        font-size:1.18rem!important;
    }

    /* Categorías más cerca del hero */
    .ocp-categories{
        margin-top:24px!important;
        padding-top:0!important;
    }

    .ocp-categories .ocp-shell{
        width:95%!important;
        max-width:1400px!important;
    }

    /* Ajusta la sección de destacados al mismo ancho */
    .ocp-section .ocp-shell{
        width:95%!important;
        max-width:1400px!important;
    }
}