/*
Theme Name: Mario Bakes
Theme URI: https://mariobakes.es
Author: Mario Bakes
Description: Tema de bloques a medida de Mario Bakes. Cabecera, pie y plantillas editables en el Editor del sitio; el contenido de cada pagina en Gutenberg.
Version: 2.3.3
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: mariobakes
*/

/* ==================== Fuentes ==================== */
@font-face { font-family: 'Noveey'; src: url('assets/fonts/NOVEEY.TTF') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noveey'; src: url('assets/fonts/noveey-bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Noveey'; src: url('assets/fonts/Noveey-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Noveey Thin'; src: url('assets/fonts/Noveey-thin.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }

/* ==================== Base comun ==================== */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: 'Instrument Sans', system-ui, sans-serif; color: #1C1A16; }
body p { font-family: 'Archivo', sans-serif; }
/* WordPress subraya los enlaces por defecto en temas de bloques: fuera. Los subrayados del diseno van en linea. */
body a, body a:where(:not(.wp-element-button)) { text-decoration: none; }
.mb-header-part a, .mb-footer-part a, .mb-panel a { text-decoration: none; }
img { display: block; max-width: 100%; }
/* WordPress: la barra de admin no debe tapar la cabecera flotante */
body.admin-bar .mb-panel { top: 32px; }
@media (max-width: 782px) { body.admin-bar .mb-panel { top: 46px; } }

/* Variables del menu (escritorio: enlaces visibles; hasta 1023px: solo hamburguesa + panel a pantalla completa) */
body { --nav-links: flex; --panel-w: 50%; --panel-cols: 1fr 1fr; --panel-nav: none; }

/* ==================== Menu lateral ==================== */
.mb-overlay { position: fixed; inset: 0; background: rgba(20,19,16,0.5); z-index: 90; transition: opacity .3s ease; opacity: 0; pointer-events: none; }
.mb-panel { position: fixed; top: 0; right: 0; bottom: 0; width: var(--panel-w); background: #2A2822; color: #F4F1E9; z-index: 91; padding: 40px 44px 48px; display: flex; flex-direction: column; overflow-y: auto; transition: transform .38s cubic-bezier(.4,0,.2,1); transform: translateX(105%); }
body.mb-menu-open .mb-overlay { opacity: 1; pointer-events: auto; }
body.mb-menu-open .mb-panel { transform: translateX(0); }
body.mb-menu-open { overflow: hidden; }
[data-mb-toggle], [data-mb-close] { cursor: pointer; }

/* ==================== Paginas legales (page.php) ==================== */
.mb-legal-wrap { font-family: 'Instrument Sans', system-ui, sans-serif; }
.mb-legal-wrap a { color: #1C1A16; }
.mb-legal-wrap { padding: 96px 30px 140px; max-width: 820px; }
.mb-legal-wrap h1 { font-family: 'Archivo', sans-serif; font-weight: 200; font-size: clamp(30px, 3vw, 44px); line-height: 1.12; letter-spacing: -0.018em; margin: 0 0 48px; }
.mb-legal-wrap h2 { font-family: 'Archivo', sans-serif; font-weight: 200; font-size: clamp(22px, 2vw, 28px); line-height: 1.24; margin: 56px 0 18px; }
.mb-legal-wrap h3 { font-family: 'Archivo', sans-serif; font-weight: 400; font-size: 17px; margin: 36px 0 12px; }
.mb-legal-wrap p, .mb-legal-wrap li { font-family: 'Archivo', sans-serif; font-size: 16px; line-height: 1.78; color: #4A463C; }
.mb-legal-wrap p { margin: 0 0 22px; }
.mb-legal-wrap ul, .mb-legal-wrap ol { padding-left: 22px; margin: 0 0 22px; }
.mb-legal-wrap a { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.mb-legal-wrap table { width: 100%; border-collapse: collapse; font-family: 'Archivo', sans-serif; font-size: 14px; margin: 0 0 28px; }
.mb-legal-wrap th, .mb-legal-wrap td { text-align: left; padding: 12px 10px 12px 0; border-top: 1px solid rgba(28,26,22,0.18); vertical-align: top; }
.mb-legal-wrap strong { font-weight: 600; }


/* ==================== Contact Form 7 (pagina de contacto) ==================== */
.mb-contacto .wpcf7 form { display: flex; flex-direction: column; gap: 44px; }
.mb-contacto .mb-form-grid { display: grid; grid-template-columns: var(--cols-2); gap: 44px; }
.mb-contacto .mb-field { display: flex; flex-direction: column; gap: 6px; }
.mb-contacto .mb-label { font-family: 'Archivo', sans-serif; font-size: 10px; letter-spacing: 0.3em; text-transform: uppercase; color: rgba(244,241,233,0.5); }
.mb-contacto .wpcf7-form-control-wrap { display: block; }
.mb-contacto .wpcf7-form-control-wrap input, .mb-contacto .wpcf7-form-control-wrap textarea, .mb-contacto .wpcf7-form-control-wrap select { width: 100%; }
.mb-contacto .mb-motivos { display: flex; flex-direction: column; gap: 18px; }
.mb-contacto .mb-motivos .wpcf7-form-control-wrap { display: flex; flex-wrap: wrap; gap: 12px; }
.mb-contacto .mb-motivos .wpcf7-radio { display: contents; }
.mb-contacto .mb-motivos .wpcf7-list-item { margin: 0; }
.mb-contacto .mb-motivos .wpcf7-list-item label { display: inline-block; position: relative; font-family: 'Cousine', ui-monospace, monospace; font-size: 13px; padding: 11px 20px; border-radius: 0; cursor: pointer; background: transparent; color: rgba(244,241,233,0.8); border: 1px solid rgba(244,241,233,0.32); transition: background .18s, color .18s; }
.mb-contacto .mb-motivos .wpcf7-list-item input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; margin: 0; }
.mb-contacto .mb-motivos .wpcf7-list-item label:has(input:checked) { background: #F4F1E9; color: #5E574A; border-color: #F4F1E9; }
.mb-contacto .wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.mb-contacto .wpcf7-acceptance label { display: flex; align-items: flex-start; gap: 14px; cursor: pointer; font-family: 'Cousine', ui-monospace, monospace; font-size: 13px; line-height: 1.7; color: rgba(244,241,233,0.75); }
.mb-contacto .wpcf7-acceptance input[type="checkbox"] { width: 15px; height: 15px; flex: 0 0 auto; margin: 3px 0 0; accent-color: #F4F1E9; border-bottom: 0; padding: 0; }
.mb-contacto .wpcf7-acceptance a { border-bottom: 1px solid rgba(244,241,233,0.4); }
.mb-contacto .mb-submit-row { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; padding-top: 8px; }
.mb-contacto .wpcf7-submit { width: auto; background: #F4F1E9; color: #5E574A; border: 0; border-radius: 0; padding: 17px 34px; font-family: 'Archivo', sans-serif; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; cursor: pointer; transition: background .2s; }
.mb-contacto .wpcf7-submit:hover { background: #FFFFFF; }
.mb-contacto .wpcf7-spinner { display: none; }
.mb-contacto .wpcf7-response-output { margin: 0; padding: 0; border: 0; font-family: 'Archivo', sans-serif; font-size: 13px; color: rgba(244,241,233,0.7); }
.mb-contacto .wpcf7-not-valid-tip { font-family: 'Archivo', sans-serif; font-size: 12px; color: #E0B7A0; margin-top: 6px; }
.mb-contacto .wpcf7 form.invalid .wpcf7-response-output, .mb-contacto .wpcf7 form.failed .wpcf7-response-output { color: #E0B7A0; }
.mb-contacto .wpcf7 .mb-form-note { margin: 0; font-size: 13px; color: rgba(244,241,233,0.7); }
@media (max-width: 767px) { .mb-contacto .mb-form-grid { grid-template-columns: minmax(0,1fr); } }

/* ==================== Tema de bloques ==================== */
.mb-page-wrap { position: relative; overflow-x: clip; }
.mb-wrap-portada .mb-header-part { position: absolute; top: 0; left: 0; right: 0; z-index: 40; }
.mb-header-part { position: relative; z-index: 40; }
.mb-page-wrap > .wp-block-post-content, .mb-page-wrap > .entry-content { margin: 0; max-width: none; }
.mb-page-wrap .wp-block-html { margin: 0; }
.mb-wrap-oscura .mb-legal-wrap, .mb-wrap-oscura .mb-legal-wrap p, .mb-wrap-oscura .mb-legal-wrap li { color: #F4F1E9; }
.mb-blank { margin: 0; }


/* ==================== Inicio (.mb-home) ==================== */
.mb-home *{box-sizing: border-box;}
.mb-home p{font-family: 'Archivo', sans-serif;}
.mb-home, .mb-home{margin: 0; padding: 0; background: #EAE6D9;}
.mb-home img{display: block;}
.mb-home a{color: #1C1A16; text-decoration: none; font-family: 'Archivo', sans-serif;}
.mb-home a:hover{color: #6E6A5C;}
.mb-home .home-hero-link, .mb-home .home-hero-link:visited{display:inline-flex;
    align-items:center;
    gap:20px;
    font-family:'Archivo',sans-serif;
    font-size:clamp(15px,1.22vw,25px);
    font-weight:200;
    letter-spacing:-0.004em;
    text-decoration:none;
    color:#F4F1E9 !important;}
.mb-home .home-hero-link:hover, .mb-home .home-hero-link:focus-visible{color:#C9CCBF !important;}
.mb-home ::selection{background: #1C1A16; color: #EAE6D9;}
.mb-home{--nav-links: flex; --panel-w: 50%; --panel-cols: 1fr 1fr; --panel-nav: none; --cols-3: minmax(0, 1.275fr) minmax(0, 1.275fr) minmax(0, 1fr); --cols-2: repeat(2, minmax(0, 1fr));}
@media (max-width: 767px){
.mb-home{--nav-links: none; --panel-w: 100%; --panel-cols: 1fr; --panel-nav: flex; --cols-3: repeat(2, minmax(0, 1fr));}}

@media (max-width: 680px){
.mb-home{--cols-3: minmax(0, 1fr); --cols-2: minmax(0, 1fr);}}

.mb-home{--home-margin: 30px;
    --home-gap: 20px;
    --home-related-space: clamp(90px, 8vw, 120px);
    --home-section-space: clamp(130px, 11vw, 170px);}
.mb-home .home-grid{display: grid !important;
    grid-template-columns: repeat(24, minmax(0, 1fr)) !important;
    column-gap: var(--home-gap) !important;}
.mb-home .home-eyebrow{margin: 0 0 18px;
    font-family: 'Cousine', ui-monospace, monospace;
    font-size: 10px;
    line-height: 1.35;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #8C8375;}
.mb-home .home-eyebrow--light{color: rgba(244,241,233,0.58);}
.mb-home .home-header{display: grid !important;
    grid-template-columns: repeat(24, minmax(0, 1fr));
    column-gap: var(--home-gap);
    padding: 44px var(--home-margin) 0 !important;}
.mb-home .home-header > a{grid-column: 1 / 12;}
.mb-home .home-header > nav{grid-column: 13 / 25; justify-self: end;}
.mb-home .home-award{right: var(--home-margin) !important;}
.mb-home .home-hero-content{display: grid !important;
    grid-template-columns: repeat(24, minmax(0, 1fr));
    column-gap: var(--home-gap);
    align-items: end !important;
    padding: 80px var(--home-margin) 130px !important;}
.mb-home .home-hero-copy{grid-column: 2 / 10;
    margin: 0 !important;}
.mb-home .home-intro{padding: var(--home-related-space) var(--home-margin) !important;}
.mb-home .home-intro-copy{grid-column: 1 / 10;
    max-width: none !important;
    margin-top: clamp(28px, 4vw, 58px) !important;}
.mb-home .home-intro-image{grid-column: 13 / 25;}
.mb-home .home-categories{padding: 0 var(--home-margin) var(--home-section-space) !important;}
.mb-home .home-categories-head{display: block !important;
    margin-bottom: clamp(64px, 6vw, 84px) !important;}
.mb-home .home-categories-grid > :nth-child(1){grid-column: 1 / 9;}
.mb-home .home-categories-grid > :nth-child(2){grid-column: 9 / 17;}
.mb-home .home-categories-grid > :nth-child(3){grid-column: 17 / 25;}
.mb-home .home-process{padding: clamp(72px, 6vw, 96px) var(--home-margin) !important;}
.mb-home .home-process-copy{grid-column: 1 / 10;}
.mb-home .home-process-image{grid-column: 13 / 25;}
.mb-home .home-brand{padding: var(--home-section-space) var(--home-margin) clamp(72px, 6vw, 100px) !important;}
.mb-home .home-brand > .home-eyebrow{margin-bottom: clamp(34px, 4vw, 52px) !important;}
.mb-home .home-brand-wordmark{grid-column: 1 / 15;}
.mb-home .home-brand-copy{grid-column: 16 / 25; margin-bottom: 10px !important;}
.mb-home .home-mario{padding: 0 var(--home-margin) var(--home-section-space);}
.mb-home .home-mario-copy{grid-column: 1 / 9;}
.mb-home .home-mario-photo{grid-column: 13 / 25;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: 50% 50%;}
.mb-home .home-wide-frame{padding: 0 var(--home-margin) !important;}
.mb-home .home-recognition-grid{padding: var(--home-related-space) var(--home-margin) clamp(120px, 10vw, 160px) !important;}
.mb-home .home-recognition-heading{grid-column: 1 / 10;}
.mb-home .home-recognition-copy{grid-column: 12 / 25;}
.mb-home .home-lalacena{padding: clamp(76px, 7vw, 108px) var(--home-margin) !important;}
.mb-home .home-lalacena-main{grid-column: 13 / 25;
    grid-row: 1 / 3;
    align-self: start;}
.mb-home .home-lalacena-bocadillo{grid-column: 8 / 13;
    grid-row: 1;
    align-self: start;}
.mb-home .home-lalacena-copy{grid-column: 1 / 9;
    grid-row: 2;
    align-self: start;
    max-width: none !important;
    padding-top: 0 !important;
    text-align: left;}
.mb-home .home-lalacena-rail{display: contents;}
.mb-home .home-partners{padding: clamp(104px, 9vw, 140px) var(--home-margin) !important;}
.mb-home .home-partners-title{max-width: none !important;}
.mb-home .home-partners-grid{display: grid !important;
    grid-template-columns: repeat(24, minmax(0, 1fr));
    column-gap: var(--home-gap) !important;
    row-gap: 34px !important;
    align-items: baseline !important;}
.mb-home .home-partners-grid > :nth-child(3n + 1){grid-column: 1 / 9;}
.mb-home .home-partners-grid > :nth-child(3n + 2){grid-column: 9 / 17;}
.mb-home .home-partners-grid > :nth-child(3n + 3){grid-column: 17 / 25;}
.mb-home .home-footer-statement{display: grid;
    grid-template-columns: repeat(24, minmax(0, 1fr));
    column-gap: var(--home-gap);}
.mb-home .home-footer-statement > p{grid-column: 1 / 11;
    max-width: none !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.72 !important;
    letter-spacing: 0 !important;}
@media (prefers-reduced-motion: no-preference){
.mb-home.js-home-motion .home-reveal{opacity: 0;
      transform: translate3d(0, 24px, 0);
      transition: opacity 760ms cubic-bezier(.22,.61,.36,1), transform 920ms cubic-bezier(.22,.61,.36,1);
      will-change: opacity, transform;}
.mb-home.js-home-motion .home-reveal.is-visible{opacity: 1;
      transform: translate3d(0, 0, 0);}}

@media (max-width: 900px) and (min-width: 681px){
.mb-home .home-mario-copy{grid-column: 1 / 11;}
.mb-home .home-mario-photo{grid-column: 13 / 25;}}

@media (max-width: 680px){
.mb-home{--home-margin: 30px;
      --home-related-space: 88px;
      --home-section-space: 112px;}
.mb-home .home-grid, .mb-home .home-header, .mb-home .home-hero-content, .mb-home .home-footer-statement, .mb-home .home-footer-columns{grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      column-gap: var(--home-gap) !important;}
.mb-home .home-header{padding-top: 30px !important;}
.mb-home .home-header > a{grid-column: 1 / 4; max-width: none !important; font-size: clamp(42px, 13vw, 68px) !important;}
.mb-home .home-header > nav{grid-column: 4 / 5;}
.mb-home .home-hero-content{padding-top: 180px !important; padding-bottom: 64px !important;}
.mb-home .home-hero-copy{grid-column: 1 / 5;}
.mb-home .home-award{bottom: 210px !important;}
.mb-home .home-award > div{width: 124px !important; height: 124px !important;}
.mb-home .home-award > div > :nth-child(2){font-size: 16px !important;}
.mb-home .home-intro-copy, .mb-home .home-intro-image, .mb-home .home-process-copy, .mb-home .home-process-image, .mb-home .home-brand-wordmark, .mb-home .home-brand-copy, .mb-home .home-mario-copy, .mb-home .home-mario-photo, .mb-home .home-recognition-heading, .mb-home .home-recognition-copy, .mb-home .home-lalacena-main, .mb-home .home-lalacena-bocadillo, .mb-home .home-lalacena-copy, .mb-home .home-footer-statement > p, .mb-home .home-footer-columns > div, .mb-home .home-partners-grid > span{grid-column: 1 / 5 !important;}
.mb-home .home-intro-grid, .mb-home .home-process-grid, .mb-home .home-brand-grid, .mb-home .home-recognition-grid, .mb-home .home-lalacena-grid{row-gap: 56px !important;}
.mb-home .home-intro-copy{margin-top: 0 !important;}
.mb-home .home-categories-grid > *{grid-column: 1 / 5 !important;}
.mb-home .home-categories-grid{row-gap: 64px !important;}
.mb-home .home-brand-wordmark h2{font-size: 24.8cqw !important;}
.mb-home .home-mario-grid{row-gap: 56px !important;}
.mb-home .home-lalacena-bocadillo{grid-row: 1 !important; width: 78% !important;}
.mb-home .home-lalacena-copy{grid-row: 2 !important;}
.mb-home .home-lalacena-main{grid-row: 3 !important;}
.mb-home .home-partners-grid{grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}
.mb-home .home-footer-columns{row-gap: 44px !important;}}

@media (max-width: 767px){
.mb-home .home-intro-grid, .mb-home .home-process-grid, .mb-home .home-brand-grid, .mb-home .home-mario-grid, .mb-home .home-recognition-grid{row-gap: 56px !important;
      align-items: start !important;}
.mb-home .home-intro-copy, .mb-home .home-intro-image, .mb-home .home-process-copy, .mb-home .home-process-image, .mb-home .home-brand-wordmark, .mb-home .home-brand-copy, .mb-home .home-mario-copy, .mb-home .home-mario-photo, .mb-home .home-recognition-heading, .mb-home .home-recognition-copy{grid-column: 1 / -1 !important;
      width: 100% !important;
      max-width: none !important;}
.mb-home .home-intro-copy{margin-top: 0 !important;}
.mb-home .home-process-image{aspect-ratio: 4 / 3 !important;}
.mb-home .home-brand-wordmark h2{font-size: clamp(76px,17vw,150px) !important;}
.mb-home .home-mario-photo{aspect-ratio: 4 / 5;}
.mb-home .home-categories-grid{display: flex !important;
      gap: 20px !important;
      overflow-x: auto;
      overflow-y: hidden;
      margin-right: calc(var(--home-margin) * -1);
      padding: 0 var(--home-margin) 12px 0;
      scroll-snap-type: x proximity;
      overscroll-behavior-inline: contain;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      cursor: grab;}
.mb-home .home-categories-grid::-webkit-scrollbar, .mb-home .home-lalacena-rail::-webkit-scrollbar{display: none;}
.mb-home .home-categories-grid.is-dragging, .mb-home .home-lalacena-rail.is-dragging{cursor: grabbing;}
.mb-home .home-categories-grid > *{flex: 0 0 min(72vw,520px);
      grid-column: auto !important;
      scroll-snap-align: start;}
.mb-home .home-lalacena-grid{display: flex !important;
      flex-direction: column;
      gap: 56px !important;}
.mb-home .home-lalacena-copy{order: 1;
      width: 100% !important;
      max-width: none !important;}
.mb-home .home-lalacena-rail{order: 2;
      display: flex;
      align-items: flex-start;
      gap: 20px;
      width: calc(100% + var(--home-margin));
      overflow-x: auto;
      overflow-y: hidden;
      padding: 0 var(--home-margin) 12px 0;
      scroll-snap-type: x proximity;
      overscroll-behavior-inline: contain;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      cursor: grab;}
.mb-home .home-lalacena-main, .mb-home .home-lalacena-bocadillo{grid-column: auto !important;
      grid-row: auto !important;
      width: auto !important;
      margin: 0 !important;
      scroll-snap-align: start;}
.mb-home .home-lalacena-main{flex: 0 0 min(82vw,720px); order: 1;}
.mb-home .home-lalacena-bocadillo{flex: 0 0 min(64vw,480px); order: 2;}}


/* ==================== Panes (.mb-panes) ==================== */
.mb-panes *{box-sizing: border-box;}
.mb-panes p{font-family: 'Archivo', sans-serif;}
.mb-panes, .mb-panes{margin: 0; padding: 0; background: #EAE6D9;}
.mb-panes img{display: block;}
.mb-panes a{color: #1C1A16; text-decoration: none; font-family: 'Archivo', sans-serif;}
.mb-panes a:hover{color: #6E6A5C;}
.mb-panes ::selection{background: #1C1A16; color: #EAE6D9;}
.mb-panes{--r3a: repeat(24,minmax(0,1fr)); --r3b: 0.34fr 1.5fr 1.05fr; --r2a: 1.35fr 1fr; --r2b: 1fr 1.42fr;
    --h3: 46vh; --rmin: 0px; --photo-row: calc((100vw - 144px) * 0.3803); --gr1: 1; --gr2: 2; --gc1: 1 / 9; --gc2: 9 / 16; --gc3: 16 / 25; --gc3col: 16 / 25; --cellh: 100%; --cellar: auto; --span12: 1 / 14; --r2mix: repeat(24,minmax(0,1fr)); --spacer: block; --h2: 62vh; --g2: 12%; --stagger: 110px; --h3s: 34vh;}
@media (max-width: 767px){
.mb-panes{--r3a: 1fr; --r3b: 1fr; --r2a: 1fr; --r2b: 1fr; --h3: 76vw; --rmin: 76vw; --photo-row: auto; --gr1: auto; --gr2: auto; --gc1: auto; --gc2: auto; --gc3: auto; --gc3col: auto; --cellh: auto; --cellar: 4 / 3; --span12: auto; --r2mix: 1fr; --spacer: none; --h2: 86vw; --g2: 56px; --stagger: 0px; --h3s: 76vw;}}

@media (max-width: 767px){
.mb-panes{--k: 0;}}

.mb-panes{--cols-4: repeat(4,minmax(0,1fr)); --cols-2: minmax(0,1fr) minmax(0,1fr);}
@media (max-width: 767px){
.mb-panes{--cols-4: repeat(2,minmax(0,1fr)); --cols-2: minmax(0,1fr);}}

@media (max-width: 600px){
.mb-panes{--cols-4: minmax(0,1fr);}}

.mb-panes{--nav-links: flex; --panel-w: 50%; --panel-cols: 1fr 1fr; --panel-nav: none;}
@media (max-width: 767px){
.mb-panes{--nav-links: none; --panel-w: 100%; --panel-cols: 1fr; --panel-nav: flex;}}

@media (max-width: 767px){
.mb-panes .catalog-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      grid-template-rows:none !important;
      align-items:start !important;}
.mb-panes .catalog-row > *{height:auto !important;}
.mb-panes .catalog-row--three > :nth-child(1){grid-column:1 !important; grid-row:1 !important; aspect-ratio:1 / 1 !important;}
.mb-panes .catalog-row--three > :nth-child(2){grid-column:1 !important; grid-row:2 !important;}
.mb-panes .catalog-row--three > :nth-child(3){grid-column:2 !important; grid-row:1 !important; aspect-ratio:1 / 1 !important;}
.mb-panes .catalog-row--three > :nth-child(4){grid-column:2 !important; grid-row:2 !important;}
.mb-panes .catalog-row--three > :nth-child(5){grid-column:1 / -1 !important; grid-row:3 !important; margin-top:72px; aspect-ratio:4 / 3 !important;}
.mb-panes .catalog-row--three > :nth-child(6){grid-column:1 / -1 !important; grid-row:4 !important;}
.mb-panes .catalog-row--feature-pair > :first-child{grid-column:1 / -1 !important; grid-row:1 !important;}
.mb-panes .catalog-row--feature-pair > :last-child{grid-column:2 !important; grid-row:2 !important; margin-top:72px;}
.mb-panes .catalog-row--feature-pair > :first-child > div:first-child{aspect-ratio:4 / 3 !important; height:auto !important;}
.mb-panes .catalog-row--feature-pair > :last-child > div:first-child{aspect-ratio:1 / 1 !important; height:auto !important;}
.mb-panes .catalog-row--offset-pair > :first-child, .mb-panes .catalog-row--pair > :last-child{display:none !important;}
.mb-panes .catalog-row--offset-pair > :nth-child(2), .mb-panes .catalog-row--pair > :nth-child(1){grid-column:1 !important; grid-row:1 !important; aspect-ratio:1 / 1 !important;}
.mb-panes .catalog-row--offset-pair > :nth-child(3), .mb-panes .catalog-row--pair > :nth-child(2){grid-column:1 !important; grid-row:2 !important;}
.mb-panes .catalog-row--offset-pair > :nth-child(4), .mb-panes .catalog-row--pair > :nth-child(3){grid-column:2 !important; grid-row:1 !important; aspect-ratio:1 / 1 !important;}
.mb-panes .catalog-row--offset-pair > :nth-child(5), .mb-panes .catalog-row--pair > :nth-child(4){grid-column:2 !important; grid-row:2 !important;}
.mb-panes .catalog-row--single > :nth-child(1){grid-column:1 / -1 !important; grid-row:1 !important; aspect-ratio:4 / 3 !important;}
.mb-panes .catalog-row--single > :nth-child(2){grid-column:1 / -1 !important; grid-row:2 !important;}}


/* ==================== Bollería (.mb-bolleria) ==================== */
.mb-bolleria *{box-sizing: border-box;}
.mb-bolleria p{font-family: 'Archivo', sans-serif;}
.mb-bolleria, .mb-bolleria{margin: 0; padding: 0; background: #EAE6D9;}
.mb-bolleria img{display: block;}
.mb-bolleria a{color: #1C1A16; text-decoration: none; font-family: 'Archivo', sans-serif;}
.mb-bolleria a:hover{color: #6E6A5C;}
.mb-bolleria ::selection{background: #1C1A16; color: #EAE6D9;}
.mb-bolleria{--r3a: repeat(24,minmax(0,1fr)); --r3b: 0.34fr 1.5fr 1.05fr; --r2a: 1.35fr 1fr; --r2b: 1fr 1.42fr;
    --h3: 46vh; --rmin: 0px; --photo-row: calc((100vw - 144px) * 0.3803); --gr1: 1; --gr2: 2; --gc1: 1 / 9; --gc2: 9 / 16; --gc3: 16 / 25; --gc3col: 16 / 25; --cellh: 100%; --cellar: auto; --span12: 1 / 14; --r2mix: repeat(24,minmax(0,1fr)); --spacer: block; --h2: 62vh; --g2: 12%; --stagger: 110px; --h3s: 34vh;}
@media (max-width: 767px){
.mb-bolleria{--r3a: 1fr; --r3b: 1fr; --r2a: 1fr; --r2b: 1fr; --h3: 76vw; --rmin: 76vw; --photo-row: auto; --gr1: auto; --gr2: auto; --gc1: auto; --gc2: auto; --gc3: auto; --gc3col: auto; --cellh: auto; --cellar: 4 / 3; --span12: auto; --r2mix: 1fr; --spacer: none; --h2: 86vw; --g2: 56px; --stagger: 0px; --h3s: 76vw;}}

@media (max-width: 767px){
.mb-bolleria{--k: 0;}}

.mb-bolleria{--cols-4: repeat(4,minmax(0,1fr)); --cols-2: minmax(0,1fr) minmax(0,1fr);}
@media (max-width: 767px){
.mb-bolleria{--cols-4: repeat(2,minmax(0,1fr)); --cols-2: minmax(0,1fr);}}

@media (max-width: 600px){
.mb-bolleria{--cols-4: minmax(0,1fr);}}

.mb-bolleria{--nav-links: flex; --panel-w: 50%; --panel-cols: 1fr 1fr; --panel-nav: none;}
@media (max-width: 767px){
.mb-bolleria{--nav-links: none; --panel-w: 100%; --panel-cols: 1fr; --panel-nav: flex;}}

@media (max-width: 767px){
.mb-bolleria .catalog-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      grid-template-rows:none !important;
      align-items:start !important;}
.mb-bolleria .catalog-row > *{height:auto !important;}
.mb-bolleria .catalog-row--three > :nth-child(1){grid-column:1 !important; grid-row:1 !important; aspect-ratio:1 / 1 !important;}
.mb-bolleria .catalog-row--three > :nth-child(2){grid-column:1 !important; grid-row:2 !important;}
.mb-bolleria .catalog-row--three > :nth-child(3){grid-column:2 !important; grid-row:1 !important; aspect-ratio:1 / 1 !important;}
.mb-bolleria .catalog-row--three > :nth-child(4){grid-column:2 !important; grid-row:2 !important;}
.mb-bolleria .catalog-row--three > :nth-child(5){grid-column:1 / -1 !important; grid-row:3 !important; margin-top:72px; aspect-ratio:4 / 3 !important;}
.mb-bolleria .catalog-row--three > :nth-child(6){grid-column:1 / -1 !important; grid-row:4 !important;}
.mb-bolleria .catalog-row--feature-pair > :first-child{grid-column:1 / -1 !important; grid-row:1 !important;}
.mb-bolleria .catalog-row--feature-pair > :last-child{grid-column:2 !important; grid-row:2 !important; margin-top:72px;}
.mb-bolleria .catalog-row--feature-pair > :first-child > div:first-child{aspect-ratio:4 / 3 !important; height:auto !important;}
.mb-bolleria .catalog-row--feature-pair > :last-child > div:first-child{aspect-ratio:1 / 1 !important; height:auto !important;}
.mb-bolleria .catalog-row--offset-pair > :first-child, .mb-bolleria .catalog-row--pair > :last-child{display:none !important;}
.mb-bolleria .catalog-row--offset-pair > :nth-child(2), .mb-bolleria .catalog-row--pair > :nth-child(1){grid-column:1 !important; grid-row:1 !important; aspect-ratio:1 / 1 !important;}
.mb-bolleria .catalog-row--offset-pair > :nth-child(3), .mb-bolleria .catalog-row--pair > :nth-child(2){grid-column:1 !important; grid-row:2 !important;}
.mb-bolleria .catalog-row--offset-pair > :nth-child(4), .mb-bolleria .catalog-row--pair > :nth-child(3){grid-column:2 !important; grid-row:1 !important; aspect-ratio:1 / 1 !important;}
.mb-bolleria .catalog-row--offset-pair > :nth-child(5), .mb-bolleria .catalog-row--pair > :nth-child(4){grid-column:2 !important; grid-row:2 !important;}
.mb-bolleria .catalog-row--single > :nth-child(1){grid-column:1 / -1 !important; grid-row:1 !important; aspect-ratio:4 / 3 !important;}
.mb-bolleria .catalog-row--single > :nth-child(2){grid-column:1 / -1 !important; grid-row:2 !important;}}


/* ==================== El obrador (.mb-obrador) ==================== */
.mb-obrador *{box-sizing: border-box;}
.mb-obrador p{font-family: 'Archivo', sans-serif;}
.mb-obrador{--page-margin: 30px;
    --grid-gap: 20px;
    --nav-links: flex;
    --panel-w: 50%;
    --panel-nav: none;}
.mb-obrador, .mb-obrador{margin: 0; padding: 0; background: #756A5C; overflow-x: clip;}
.mb-obrador img{display: block; max-width: 100%;}
.mb-obrador a{color: #F4F1E9; text-decoration: none; font-family: 'Archivo', sans-serif;}
.mb-obrador a:hover{color: #EAE6D9;}
.mb-obrador ::selection{background: #F4F1E9; color: #8C8375;}
.mb-obrador .site-shell{background:#756A5C; color:#F4F1E9; font-family:'Archivo',sans-serif; overflow-x:clip;}
.mb-obrador .grid-24, .mb-obrador .chapter-head{display:grid;
    grid-template-columns:repeat(24,minmax(0,1fr));
    column-gap:var(--grid-gap);}
.mb-obrador .chapter-head{align-items:baseline;}
.mb-obrador .chapter-head > h2{grid-column:1 / 18;}
.mb-obrador .chapter-head > .chapter-number{grid-column:24 / 25; justify-self:end;}
.mb-obrador .workshop-hero{display:grid;
    grid-template-columns:repeat(24,minmax(0,1fr));
    grid-template-rows:1fr auto 28px auto 1fr;
    column-gap:var(--grid-gap);
    padding:clamp(60px,5vw,80px) var(--page-margin) 0;}
.mb-obrador .workshop-hero__image{grid-column:1 / 15; grid-row:1 / 6; width:100%; height:auto;}
.mb-obrador .workshop-hero__title{grid-column:15 / 25;
    grid-row:2;
    align-self:end;
    margin:0;
    padding-left:10px;
    max-width:9ch;
    font-family:'Archivo',sans-serif;
    font-size:clamp(56px,7vw,124px);
    font-weight:200;
    line-height:0.94;
    letter-spacing:-0.035em;}
.mb-obrador .workshop-hero__copy{grid-column:15 / 25;
    grid-row:4;
    margin:0;
    padding-left:10px;
    max-width:460px;
    font-size:16px;
    line-height:1.78;
    color:rgba(244,241,233,0.85);
    text-wrap:pretty;}
.mb-obrador .grain-layout{grid-template-rows:auto 1fr auto;}
.mb-obrador .grain-title{grid-column:1 / 10; grid-row:1;}
.mb-obrador .grain-copy{grid-column:1 / 9; grid-row:3; align-self:end; margin-top:80px;}
.mb-obrador .grain-image{grid-column:13 / 24;
    grid-row:1 / 4;
    aspect-ratio:4 / 5;
    object-fit:cover;
    object-position:center top;}
.mb-obrador .grain-number{grid-column:24 / 25;
    grid-row:1;
    z-index:1;
    justify-self:end;
    align-self:start;
    color:rgba(244,241,233,0.7) !important;}
@media (max-width: 767px){
.mb-obrador{--nav-links: none; --panel-w: 100%; --panel-cols: 1fr; --panel-nav: flex;}}

@media (max-width: 900px){
.mb-obrador .workshop-hero{grid-template-rows:auto;
      row-gap:0;
      padding-top:64px;}
.mb-obrador .workshop-hero__title{grid-column:1 / 25;
      grid-row:1;
      max-width:none;
      margin-bottom:32px;
      padding-left:0;
      font-size:clamp(48px,11.5vw,88px);}
.mb-obrador .workshop-hero__image{grid-column:1 / 17; grid-row:2;}
.mb-obrador .workshop-hero__copy{grid-column:1 / 17; grid-row:3; margin-top:30px; padding-left:0;}
.mb-obrador .history-copy--center > .history-copy__inner, .mb-obrador .history-copy--long > .history-copy__inner{grid-column:9 / 25 !important;}
.mb-obrador .learning-copy{grid-column:1 / 13 !important;}
.mb-obrador .learning-quote{grid-column:15 / 25 !important;}
.mb-obrador .night-story > h3{grid-column:1 / 10 !important;}
.mb-obrador .night-story__copy{grid-column:11 / 25 !important;}
.mb-obrador .night-frame:nth-child(1), .mb-obrador .night-frame:nth-child(3){grid-column:1 / 13 !important;}
.mb-obrador .night-frame:nth-child(2), .mb-obrador .night-frame:nth-child(4){grid-column:13 / 25 !important;}
.mb-obrador .chapter--team{padding-top:160px !important;}
.mb-obrador .mission-copy{grid-column:10 / 25 !important;}
.mb-obrador .grain-title{grid-column:1 / 11;}
.mb-obrador .grain-image{grid-column:13 / 24 !important;}
.mb-obrador .grain-copy{grid-column:1 / 11 !important;}
.mb-obrador .press-list{grid-column:1 / 25 !important;}}

@media (max-width: 600px){
.mb-obrador .site-header{gap:20px !important; padding-top:36px !important;}
.mb-obrador .grid-24, .mb-obrador .chapter-head, .mb-obrador .workshop-hero{grid-template-columns:repeat(4,minmax(0,1fr));}
.mb-obrador .workshop-hero{padding-top:56px;}
.mb-obrador .workshop-hero__title{grid-column:1 / 5;
      font-size:clamp(48px,15vw,72px);
      line-height:0.96;}
.mb-obrador .workshop-hero__image{grid-column:1 / 5;}
.mb-obrador .workshop-hero__copy{grid-column:1 / 5; margin-top:30px; max-width:none;}
.mb-obrador .chapter-head > h2{grid-column:1 / 4;}
.mb-obrador .chapter-head > .chapter-number{grid-column:4 / 5;}
.mb-obrador .chapter--history{padding-top:96px !important;}
.mb-obrador .history-media{padding-top:64px !important; row-gap:48px;}
.mb-obrador .history-media__family{grid-column:1 / 5 !important;}
.mb-obrador .history-media__workshop{grid-column:2 / 5 !important;}
.mb-obrador .history-copy{padding:80px 0 !important;}
.mb-obrador .history-copy > .history-copy__inner{grid-column:1 / 5 !important;}
.mb-obrador .history-pair__image:first-child{grid-column:1 / 3 !important;}
.mb-obrador .history-pair__image:last-child{grid-column:3 / 5 !important;}
.mb-obrador .learning-gallery{padding-top:64px !important; row-gap:48px;}
.mb-obrador .learning-card:nth-child(1){grid-column:1 / 3 !important;}
.mb-obrador .learning-card:nth-child(2){grid-column:3 / 5 !important;}
.mb-obrador .learning-card:nth-child(3){grid-column:2 / 4 !important;}
.mb-obrador .learning-body{padding-top:96px !important;}
.mb-obrador .learning-copy, .mb-obrador .learning-quote{grid-column:1 / 5 !important;}
.mb-obrador .chapter--night{padding-top:110px !important;}
.mb-obrador .night-wide-image{padding-top:48px !important;}
.mb-obrador .night-story{padding:80px 0 24px !important; row-gap:32px;}
.mb-obrador .night-story > h3, .mb-obrador .night-story__copy{grid-column:1 / 5 !important;}
.mb-obrador .night-gallery{padding-top:64px !important;}
.mb-obrador .night-frame:nth-child(odd){grid-column:1 / 3 !important;}
.mb-obrador .night-frame:nth-child(even){grid-column:3 / 5 !important;}
.mb-obrador .chapter--team{padding-top:120px !important;}
.mb-obrador .team-intro{padding-top:64px !important;}
.mb-obrador .team-intro > p{grid-column:1 / 5 !important;}
.mb-obrador .team-layout{padding-top:80px !important;}
.mb-obrador .team-lead, .mb-obrador .team-members{grid-column:1 / 5 !important;}
.mb-obrador .team-members{margin-top:56px;}
.mb-obrador .mission-section{margin-top:110px !important; padding:84px 30px !important;}
.mb-obrador .mission-grid > h2, .mb-obrador .mission-copy{grid-column:1 / 5 !important;}
.mb-obrador .mission-copy{margin-top:40px;}
.mb-obrador .grain-section{padding-top:100px !important;}
.mb-obrador .grain-layout{grid-template-rows:auto auto auto;}
.mb-obrador .grain-title{grid-column:1 / 4; grid-row:1;}
.mb-obrador .grain-number{grid-column:4 / 5; grid-row:1; color:rgba(244,241,233,0.4) !important;}
.mb-obrador .grain-copy{grid-column:1 / 5 !important; grid-row:2; margin-top:32px;}
.mb-obrador .grain-image{grid-column:1 / 5 !important; grid-row:3; margin-top:48px; aspect-ratio:auto;}
.mb-obrador .press-section{padding-top:110px !important;}
.mb-obrador .press-list{grid-column:1 / 5 !important;}
.mb-obrador .press-item{display:block !important;}
.mb-obrador .press-item > span:last-child{display:block; margin-top:12px;}
.mb-obrador .page-cta{padding:100px 30px 90px !important;}
.mb-obrador .page-cta > div{align-items:flex-start !important;}
.mb-obrador .page-cta > div > div{gap:24px !important;}
.mb-obrador .footer-image{aspect-ratio:4 / 3 !important;}
.mb-obrador .footer-columns > div{grid-column:span 2 !important; min-width:0; overflow-wrap:anywhere;}
.mb-obrador .footer-legal{align-items:flex-start !important; flex-direction:column;}
.mb-obrador .footer-legal > div{flex-wrap:wrap; gap:20px 28px !important;}
.mb-obrador aside{padding:36px 30px 44px !important;}}

.mb-obrador{--soil:#756A5C;
    --soil-deep:#655C50;
    --night:#24231F;
    --cream:#F4F1E9;
    --cream-soft:rgba(244,241,233,.82);
    --cream-faint:rgba(244,241,233,.42);
    --hairline:rgba(244,241,233,.2);}
.mb-obrador{scroll-behavior:smooth;}
.mb-obrador{background:var(--soil);}
.mb-obrador .site-shell{background:var(--soil);
    color:var(--cream);}
.mb-obrador .site-shell p{font-size:16px; line-height:1.72;}
.mb-obrador .site-shell img{backface-visibility:hidden;}
.mb-obrador .site-header{display:grid !important;
    grid-template-columns:repeat(24,minmax(0,1fr));
    column-gap:var(--grid-gap);
    align-items:start !important;
    padding:30px var(--page-margin) 0 !important;
    position:relative;
    z-index:20;}
.mb-obrador .site-header > a{grid-column:1 / 9;
    font-size:clamp(46px,5.6vw,92px) !important;
    letter-spacing:-.018em;}
.mb-obrador .site-header > nav{grid-column:14 / 25;
    justify-self:end;
    padding-top:10px !important;}
.mb-obrador .site-header nav a{font-size:10px !important;
    letter-spacing:.2em !important;}
.mb-obrador .workshop-hero{grid-template-rows:1fr auto 32px auto 1fr !important;
    padding:clamp(90px,9vw,150px) var(--page-margin) 0 !important;
    align-items:start;}
.mb-obrador .workshop-hero__image{grid-column:1 / 15 !important;
    grid-row:1 / 6 !important;
    width:100%;}
.mb-obrador .workshop-hero__title{grid-column:15 / 25 !important;
    grid-row:2 !important;
    padding-left:10px !important;
    max-width:8ch !important;
    font-size:clamp(62px,7.5vw,124px) !important;
    line-height:.9 !important;
    letter-spacing:-.045em !important;
    text-wrap:balance;}
.mb-obrador .workshop-hero__title::before{content:'PANADERÍA ARTESANA · TENERIFE';
    display:block;
    margin:0 0 26px 5px;
    font-family:'Cousine',monospace;
    font-size:10px;
    font-weight:400;
    line-height:1.4;
    letter-spacing:.22em;
    color:var(--cream-faint);}
.mb-obrador .workshop-hero__copy{grid-column:15 / 23 !important;
    grid-row:4 !important;
    padding-left:10px !important;
    max-width:440px !important;
    color:var(--cream-soft) !important;}
.mb-obrador .chapter{position:relative;}
.mb-obrador .chapter-head{grid-template-rows:auto 18px auto;
    align-items:start !important;}
.mb-obrador .chapter-head::before{content:attr(data-label);
    grid-column:1 / 7;
    grid-row:1;
    font-family:'Cousine',monospace;
    font-size:10px;
    line-height:1.4;
    letter-spacing:.24em;
    text-transform:uppercase;
    color:var(--cream-faint);}
.mb-obrador .chapter-head > h2{grid-column:1 / 16 !important;
    grid-row:3;
    margin:0 !important;
    font-size:clamp(42px,4.1vw,68px) !important;
    font-weight:200 !important;
    line-height:1.04 !important;
    letter-spacing:-.035em !important;
    text-wrap:balance;}
.mb-obrador .chapter-number{grid-column:20 / 25 !important;
    grid-row:1 / 4;
    justify-self:end;
    align-self:start;
    font-family:'Archivo',sans-serif !important;
    font-size:clamp(78px,9vw,150px) !important;
    font-weight:200 !important;
    line-height:.72 !important;
    letter-spacing:-.06em !important;
    color:transparent !important;
    -webkit-text-stroke:1px rgba(244,241,233,.62);
    text-stroke:1px rgba(244,241,233,.62);}
.mb-obrador .chapter p{color:var(--cream-soft) !important;}
.mb-obrador .chapter--history{padding:clamp(160px,13vw,210px) 30px 0 !important;}
.mb-obrador .history-media{padding-top:clamp(80px,7vw,110px) !important;
    align-items:end !important;}
.mb-obrador .history-media__family{grid-column:1 / 16 !important;}
.mb-obrador .history-media__workshop{grid-column:18 / 25 !important;}
.mb-obrador .history-media__family img{aspect-ratio:4 / 3 !important;}
.mb-obrador .history-media__workshop img{aspect-ratio:3 / 4 !important;}
.mb-obrador .history-media p, .mb-obrador .learning-card > p, .mb-obrador .team-layout div > p:nth-of-type(2){font-size:10px !important;
    line-height:1.5 !important;}
.mb-obrador .history-copy--lead{padding:110px 0 140px !important;}
.mb-obrador .history-copy--lead .history-copy__inner{grid-column:1 / 9 !important;}
.mb-obrador .history-copy__inner{gap:20px !important;}
.mb-obrador .history-wide-image{display:grid !important;
    grid-template-columns:repeat(24,minmax(0,1fr));
    column-gap:var(--grid-gap);
    overflow:hidden;}
.mb-obrador .history-wide-image img{grid-column:4 / 25;
    width:100%;
    aspect-ratio:16 / 8.2;
    object-fit:cover;}
.mb-obrador .history-copy--center{padding:clamp(100px,8vw,130px) 0 !important;}
.mb-obrador .history-copy--center .history-copy__inner{grid-column:9 / 17 !important;}
.mb-obrador .history-pair{align-items:start !important;
    container-type:inline-size;}
.mb-obrador .history-pair__image:nth-child(1){grid-column:1 / 11 !important;
    height:calc(38.8889cqw + 42.4444px) !important;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:50% 0;}
.mb-obrador .history-pair__image:nth-child(2){grid-column:11 / 25 !important;
    aspect-ratio:3 / 2;
    object-fit:cover;}
.mb-obrador .history-copy--long{padding:clamp(100px,8vw,130px) 0 0 !important;}
.mb-obrador .history-copy--long .history-copy__inner{grid-column:9 / 17 !important;}
.mb-obrador .chapter--learning{padding:clamp(160px,13vw,210px) 30px 0 !important;}
.mb-obrador .learning-gallery{padding-top:clamp(80px,7vw,110px) !important;
    align-items:start !important;}
.mb-obrador .learning-card:nth-child(1){grid-column:1 / 9 !important;}
.mb-obrador .learning-card:nth-child(2){grid-column:9 / 17 !important; margin-top:0;}
.mb-obrador .learning-card:nth-child(3){grid-column:17 / 25 !important;}
.mb-obrador .learning-card img{aspect-ratio:4 / 5;
    object-fit:cover;}
.mb-obrador .learning-body{padding:clamp(100px,7vw,120px) 0 clamp(160px,10vw,180px) !important;}
.mb-obrador .learning-copy{grid-column:1 / 17 !important;}
.mb-obrador .learning-quote{display:none;}
.mb-obrador .bread-manifesto{background:var(--night);
    padding:clamp(130px,12vw,190px) 30px;
    overflow:hidden;}
.mb-obrador .bread-manifesto__label{grid-column:1 / 5;
    margin:7px 0 0;
    font-family:'Cousine',monospace;
    font-size:10px !important;
    line-height:1.5 !important;
    letter-spacing:.24em;
    text-transform:uppercase;
    color:var(--cream-faint) !important;}
.mb-obrador .bread-manifesto blockquote{grid-column:5 / 25;
    margin:0;}
.mb-obrador .bread-manifesto__lead, .mb-obrador .bread-manifesto__tail{margin:0;
    font-family:'Archivo',sans-serif;
    font-weight:200;
    letter-spacing:-.055em;
    color:var(--cream);
    text-wrap:balance;}
.mb-obrador .bread-manifesto__lead{font-size:clamp(70px,10vw,180px) !important; line-height:.82 !important;}
.mb-obrador .bread-manifesto__tail{max-width:15ch;
    margin-top:clamp(42px,5vw,80px);
    font-size:clamp(31px,4vw,68px) !important;
    line-height:1.02 !important;
    color:rgba(244,241,233,.7) !important;}
.mb-obrador .bread-manifesto cite{display:block;
    margin-top:44px;
    font-family:'Cousine',monospace;
    font-size:10px;
    font-style:normal;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--cream-faint);}
.mb-obrador .chapter--night{padding:clamp(160px,13vw,210px) 30px 0 !important;}
.mb-obrador .night-wide-image{padding-top:clamp(80px,7vw,110px) !important;
    overflow:hidden;}
.mb-obrador .night-wide-image img{aspect-ratio:16 / 7.2;
    object-fit:cover;}
.mb-obrador .night-story{padding:clamp(100px,8vw,130px) 0 30px !important;}
.mb-obrador .night-story > h3{grid-column:1 / 10 !important;
    font-size:clamp(34px,3.2vw,52px) !important;
    line-height:1.05 !important;
    letter-spacing:-.035em !important;}
.mb-obrador .night-story__copy{grid-column:14 / 23 !important;}
.mb-obrador .night-gallery{padding-top:clamp(70px,6vw,100px) !important; align-items:start;}
.mb-obrador .night-frame:nth-child(1){grid-column:1 / 7 !important;}
.mb-obrador .night-frame:nth-child(2){grid-column:7 / 13 !important; margin-top:clamp(55px,5vw,80px);}
.mb-obrador .night-frame:nth-child(3){grid-column:13 / 19 !important;}
.mb-obrador .night-frame:nth-child(4){grid-column:19 / 25 !important; margin-top:clamp(55px,5vw,80px);}
.mb-obrador .chapter--team{padding:clamp(160px,13vw,210px) 30px 0 !important;}
.mb-obrador .team-intro{padding-top:clamp(80px,7vw,110px) !important;}
.mb-obrador .team-intro > p{grid-column:1 / 9 !important;}
.mb-obrador .team-layout{padding-top:clamp(85px,8vw,120px) !important;}
.mb-obrador .team-lead{grid-column:1 / 10 !important;}
.mb-obrador .team-members{grid-column:13 / 25 !important;}
.mb-obrador .team-lead img{aspect-ratio:3 / 4; object-fit:cover;}
.mb-obrador .team-members img{aspect-ratio:4 / 5; object-fit:cover;}
.mb-obrador .team-lead > p:first-of-type{font-size:clamp(28px,2.6vw,44px) !important;}
.mb-obrador .mission-section{background:var(--night) !important;
    margin-top:clamp(160px,13vw,210px) !important;
    padding:clamp(120px,11vw,170px) 30px !important;
    position:relative;
    overflow:hidden;}
.mb-obrador .mission-grid > h2{grid-column:1 / 9 !important;
    font-size:clamp(42px,4.1vw,68px) !important;
    line-height:1.04 !important;
    letter-spacing:-.035em !important;}
.mb-obrador .mission-copy{grid-column:11 / 19 !important; position:relative; z-index:1;}
.mb-obrador .grain-section{padding:clamp(160px,13vw,210px) 30px 0 !important;}
.mb-obrador .grain-layout{grid-template-rows:auto 1fr auto !important; align-items:start !important;}
.mb-obrador .grain-title{grid-column:1 / 10 !important;
    grid-row:1 !important;
    margin:0 !important;
    font-size:clamp(42px,4.1vw,68px) !important;
    font-weight:200 !important;
    line-height:1.04 !important;
    letter-spacing:-.035em !important;
    text-wrap:balance;}
.mb-obrador .grain-title::before{content:'MATERIA PRIMA';
    display:block;
    margin-bottom:20px;
    font-family:'Cousine',monospace;
    font-size:10px;
    font-weight:400;
    line-height:1.4;
    letter-spacing:.24em;
    color:var(--cream-faint);}
.mb-obrador .grain-number{grid-column:10 / 13 !important;
    grid-row:1 !important;
    justify-self:start !important;
    font-family:'Archivo',sans-serif !important;
    font-size:clamp(76px,8.2vw,138px) !important;
    font-weight:200 !important;
    line-height:.72 !important;
    letter-spacing:-.06em !important;
    color:transparent !important;
    -webkit-text-stroke:1px rgba(244,241,233,.62);
    text-stroke:1px rgba(244,241,233,.62);}
.mb-obrador .grain-image{grid-column:13 / 25 !important;
    grid-row:1 / 4 !important;
    aspect-ratio:4 / 5 !important;
    object-fit:cover !important;
    object-position:center top !important;}
.mb-obrador .grain-copy{grid-column:1 / 9 !important;
    grid-row:3 !important;
    align-self:end !important;
    margin-top:clamp(120px,13vw,210px) !important;}
.mb-obrador .press-section{padding:clamp(170px,14vw,220px) 30px 0 !important;}
.mb-obrador .press-grid{padding-top:clamp(80px,7vw,110px);}
.mb-obrador .press-list{grid-column:1 / 25 !important;}
.mb-obrador .press-item{grid-template-columns:minmax(0,1fr) minmax(190px,5fr) !important;
    padding:32px 0 !important;
    border-top:1px solid var(--hairline);
    border-bottom:0 !important;
    transition:padding-left .35s ease,color .35s ease;}
.mb-obrador .press-item:last-child{border-bottom:1px solid var(--hairline) !important;}
.mb-obrador .press-item:hover{padding-left:14px !important;}
.mb-obrador .page-cta{padding:clamp(150px,13vw,210px) 30px clamp(120px,11vw,170px) !important;}
.mb-obrador .page-cta > div{padding-top:54px !important;}
.mb-obrador .page-cta h2{font-size:clamp(34px,3.3vw,54px) !important;}
.mb-obrador .site-footer{background:var(--night) !important;}
.mb-obrador .footer-image{aspect-ratio:16 / 6 !important; margin-bottom:80px !important;}
.mb-obrador .footer-image > img{object-position:center 48%;}
.mb-obrador .motion-window{overflow:hidden;}
.mb-obrador .motion-media{will-change:transform;
    transform:translate3d(0,var(--parallax-y,0),0) scale(1.035);}
.mb-obrador .js-motion .reveal{opacity:0;
    transform:translate3d(0,28px,0);
    transition:opacity .85s cubic-bezier(.2,.6,.2,1),transform .85s cubic-bezier(.2,.6,.2,1);}
.mb-obrador .js-motion .reveal.is-visible{opacity:1; transform:none;}
.mb-obrador .js-motion .reveal--delay{transition-delay:.12s;}
@media (max-width: 900px){
.mb-obrador .site-header > a{grid-column:1 / 10;}
.mb-obrador .site-header > nav{grid-column:12 / 25;}
.mb-obrador .workshop-hero{padding-top:90px !important;}
.mb-obrador .workshop-hero__title{grid-column:1 / 25 !important;
      grid-row:1 !important;
      padding-left:0 !important;
      max-width:9ch !important;
      margin-bottom:54px !important;}
.mb-obrador .workshop-hero__image{grid-column:1 / 18 !important; grid-row:2 !important;}
.mb-obrador .workshop-hero__copy{grid-column:1 / 13 !important;
      grid-row:3 !important;
      padding-left:0 !important;
      margin-top:34px !important;}
.mb-obrador .chapter-head > h2{grid-column:1 / 18 !important;}
.mb-obrador .chapter-number{grid-column:20 / 25 !important; font-size:clamp(68px,11vw,110px) !important;}
.mb-obrador .history-media__family{grid-column:1 / 17 !important;}
.mb-obrador .history-media__workshop{grid-column:18 / 25 !important;}
.mb-obrador .history-copy--lead .history-copy__inner, .mb-obrador .learning-copy, .mb-obrador .team-intro > p{grid-column:1 / 11 !important;}
.mb-obrador .history-wide-image img{grid-column:3 / 25;}
.mb-obrador .history-copy--center .history-copy__inner, .mb-obrador .history-copy--long .history-copy__inner{grid-column:8 / 19 !important;}
.mb-obrador .night-story > h3{grid-column:1 / 11 !important;}
.mb-obrador .night-story__copy{grid-column:13 / 25 !important;}
.mb-obrador .mission-copy{grid-column:11 / 21 !important;}
.mb-obrador .grain-layout{grid-template-rows:auto auto auto !important;}
.mb-obrador .grain-title{grid-column:1 / 18 !important; grid-row:1 !important;}
.mb-obrador .grain-number{grid-column:20 / 25 !important; grid-row:1 !important; justify-self:end !important;}
.mb-obrador .grain-copy{grid-column:1 / 13 !important; grid-row:2 !important; margin-top:72px !important;}
.mb-obrador .grain-image{grid-column:7 / 25 !important; grid-row:3 !important; margin-top:90px !important;}}

@media (max-width: 600px){
.mb-obrador .site-header{display:flex !important; padding-top:26px !important;}
.mb-obrador .site-header > a{font-size:46px !important;}
.mb-obrador .site-header > nav{padding-top:7px !important;}
.mb-obrador .workshop-hero{grid-template-rows:auto auto auto !important;
      padding-top:74px !important;}
.mb-obrador .workshop-hero__title{grid-column:1 / 5 !important;
      grid-row:1 !important;
      font-size:clamp(58px,18vw,78px) !important;
      margin-bottom:44px !important;}
.mb-obrador .workshop-hero__title::before{margin-left:2px; margin-bottom:20px;}
.mb-obrador .workshop-hero__image{grid-column:1 / 5 !important; grid-row:2 !important;}
.mb-obrador .workshop-hero__copy{grid-column:1 / 5 !important; grid-row:3 !important; margin-top:30px !important;}
.mb-obrador .chapter--history, .mb-obrador .chapter--learning, .mb-obrador .chapter--night, .mb-obrador .chapter--team, .mb-obrador .grain-section, .mb-obrador .press-section{padding-top:150px !important;}
.mb-obrador .chapter-head{grid-template-rows:auto 18px auto;}
.mb-obrador .chapter-head::before{grid-column:1 / 3;}
.mb-obrador .chapter-head > h2{grid-column:1 / 4 !important;
      grid-row:3;
      font-size:clamp(38px,11vw,52px) !important;}
.mb-obrador .chapter-number{grid-column:4 / 5 !important;
      grid-row:1 / 4;
      font-size:52px !important;}
.mb-obrador .history-media{padding-top:70px !important; row-gap:58px;}
.mb-obrador .history-media__family{grid-column:1 / 5 !important;}
.mb-obrador .history-media__workshop{grid-column:2 / 5 !important;}
.mb-obrador .history-copy--lead{padding:90px 0 120px !important;}
.mb-obrador .history-copy--lead .history-copy__inner, .mb-obrador .history-copy--center .history-copy__inner, .mb-obrador .history-copy--long .history-copy__inner, .mb-obrador .learning-copy, .mb-obrador .team-intro > p{grid-column:1 / 5 !important;}
.mb-obrador .history-wide-image img{grid-column:1 / 5; aspect-ratio:4 / 3;}
.mb-obrador .history-copy--center{padding:100px 0 !important;}
.mb-obrador .history-pair{row-gap:48px;}
.mb-obrador .history-pair__image:first-child{grid-column:1 / 4 !important;}
.mb-obrador .history-pair__image:last-child{grid-column:2 / 5 !important;}
.mb-obrador .history-copy--long{padding:100px 0 0 !important;}
.mb-obrador .learning-gallery{padding-top:70px !important; row-gap:52px;}
.mb-obrador .learning-card:nth-child(1){grid-column:1 / 4 !important;}
.mb-obrador .learning-card:nth-child(2){grid-column:2 / 5 !important; margin-top:0;}
.mb-obrador .learning-card:nth-child(3){grid-column:1 / 4 !important;}
.mb-obrador .learning-body{padding:100px 0 140px !important;}
.mb-obrador .bread-manifesto{padding:120px 30px;}
.mb-obrador .bread-manifesto__label{grid-column:1 / 5; margin:0 0 46px;}
.mb-obrador .bread-manifesto blockquote{grid-column:1 / 5;}
.mb-obrador .bread-manifesto__lead{font-size:clamp(64px,20vw,88px) !important;}
.mb-obrador .bread-manifesto__tail{font-size:clamp(30px,9vw,42px) !important;}
.mb-obrador .night-wide-image{padding-top:70px !important;}
.mb-obrador .night-wide-image img{aspect-ratio:4 / 3;}
.mb-obrador .night-story{padding:100px 0 20px !important; row-gap:44px;}
.mb-obrador .night-story > h3, .mb-obrador .night-story__copy{grid-column:1 / 5 !important;}
.mb-obrador .night-gallery{padding-top:70px !important; row-gap:20px;}
.mb-obrador .night-frame:nth-child(odd){grid-column:1 / 3 !important; margin-top:0;}
.mb-obrador .night-frame:nth-child(even){grid-column:3 / 5 !important; margin-top:62px;}
.mb-obrador .team-intro{padding-top:70px !important;}
.mb-obrador .team-layout{padding-top:80px !important;}
.mb-obrador .team-lead, .mb-obrador .team-members{grid-column:1 / 5 !important;}
.mb-obrador .team-members{margin-top:70px; row-gap:52px !important;}
.mb-obrador .mission-section{margin-top:150px !important; padding:110px 30px 130px !important;}
.mb-obrador .mission-grid > h2, .mb-obrador .mission-copy{grid-column:1 / 5 !important;}
.mb-obrador .mission-copy{margin-top:50px;}
.mb-obrador .grain-layout{grid-template-rows:auto auto auto !important;}
.mb-obrador .grain-title{grid-column:1 / 4 !important;
      grid-row:1 !important;
      font-size:clamp(38px,11vw,52px) !important;}
.mb-obrador .grain-number{grid-column:4 / 5 !important;
      grid-row:1 !important;
      justify-self:end !important;
      font-size:52px !important;}
.mb-obrador .grain-copy{grid-column:1 / 5 !important;
      grid-row:2 !important;
      margin-top:70px !important;}
.mb-obrador .grain-image{grid-column:1 / 5 !important;
      grid-row:3 !important;
      margin-top:70px !important;
      aspect-ratio:4 / 5 !important;}
.mb-obrador .press-grid{padding-top:70px;}
.mb-obrador .press-item{display:block !important; padding:26px 0 !important;}
.mb-obrador .press-item > span:last-child{margin-top:14px;}
.mb-obrador .page-cta{padding:150px 30px 120px !important;}
.mb-obrador .footer-image{aspect-ratio:4 / 3 !important;}}

@media (max-width: 767px){
.mb-obrador .workshop-hero{grid-template-rows:auto auto auto !important;
      row-gap:0 !important;}
.mb-obrador .workshop-hero__title, .mb-obrador .workshop-hero__image, .mb-obrador .workshop-hero__copy, .mb-obrador .history-copy__inner, .mb-obrador .history-wide-image img, .mb-obrador .learning-copy, .mb-obrador .night-story > h3, .mb-obrador .night-story__copy, .mb-obrador .team-intro > p, .mb-obrador .team-lead, .mb-obrador .team-members, .mb-obrador .mission-grid > h2, .mb-obrador .mission-copy, .mb-obrador .grain-title, .mb-obrador .grain-copy, .mb-obrador .grain-image{grid-column:1 / -1 !important;
      width:100% !important;
      max-width:none !important;}
.mb-obrador .workshop-hero__title{grid-row:1 !important; margin-bottom:0 !important;}
.mb-obrador .workshop-hero__image{grid-row:2 !important; margin-top:54px !important;}
.mb-obrador .workshop-hero__copy{grid-row:3 !important; margin-top:34px !important;}
.mb-obrador .history-wide-image img, .mb-obrador .team-lead img, .mb-obrador .grain-image{aspect-ratio:4 / 3 !important; object-fit:cover;}
.mb-obrador .team-layout{row-gap:80px !important;}
.mb-obrador .team-members{margin-top:0 !important;}
.mb-obrador .mission-copy{margin-top:48px !important;}
.mb-obrador .grain-layout{grid-template-rows:auto auto auto auto !important;}
.mb-obrador .grain-title{grid-row:1 !important; padding-right:72px;}
.mb-obrador .grain-number{grid-column:-2 / -1 !important;
      grid-row:1 !important;
      justify-self:end !important;}
.mb-obrador .grain-copy{grid-row:2 !important; margin-top:56px !important;}
.mb-obrador .grain-image{grid-row:3 !important; margin-top:64px !important;}
.mb-obrador .history-media, .mb-obrador .history-pair, .mb-obrador .learning-gallery, .mb-obrador .night-gallery, .mb-obrador .team-members{display:flex !important;
      align-items:flex-start !important;
      gap:20px !important;
      overflow-x:auto;
      overflow-y:hidden;
      margin-right:-30px;
      padding-right:30px !important;
      padding-bottom:12px !important;
      scroll-snap-type:x proximity;
      overscroll-behavior-inline:contain;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
      cursor:grab;}
.mb-obrador .history-media::-webkit-scrollbar, .mb-obrador .history-pair::-webkit-scrollbar, .mb-obrador .learning-gallery::-webkit-scrollbar, .mb-obrador .night-gallery::-webkit-scrollbar, .mb-obrador .team-members::-webkit-scrollbar{display:none;}
.mb-obrador .history-media.is-dragging, .mb-obrador .history-pair.is-dragging, .mb-obrador .learning-gallery.is-dragging, .mb-obrador .night-gallery.is-dragging, .mb-obrador .team-members.is-dragging{cursor:grabbing;}
.mb-obrador .history-media > *, .mb-obrador .history-pair > *, .mb-obrador .learning-gallery > *, .mb-obrador .night-gallery > *, .mb-obrador .team-members > *{grid-column:auto !important;
      grid-row:auto !important;
      margin-top:0 !important;
      scroll-snap-align:start;}
.mb-obrador .history-media > *, .mb-obrador .history-pair > *{flex:0 0 min(82vw,720px);}
.mb-obrador .learning-gallery > *{flex:0 0 min(72vw,520px);}
.mb-obrador .night-gallery > *{flex:0 0 min(68vw,440px);}
.mb-obrador .team-members > *{flex:0 0 min(72vw,430px);}
.mb-obrador .history-media img, .mb-obrador .history-pair img, .mb-obrador .learning-gallery img, .mb-obrador .night-gallery img, .mb-obrador .team-members img{width:100% !important;
      aspect-ratio:4 / 5 !important;
      object-fit:cover;}
.mb-obrador .history-pair__image:nth-child(1){flex-basis:min(68vw,480px);
      height:auto !important;
      aspect-ratio:2 / 3 !important;}
.mb-obrador .history-pair__image:nth-child(2){flex-basis:min(88vw,820px);
      aspect-ratio:3 / 2 !important;}}

@media (prefers-reduced-motion:reduce){
.mb-obrador{scroll-behavior:auto;}
.mb-obrador .js-motion .reveal, .mb-obrador .motion-media{opacity:1 !important; transform:none !important; transition:none !important;}}

/* Obrador responsive: conservar siempre la proporción original de las fotos. */
@media (max-width: 1023px){
.mb-obrador .site-shell img{height:auto !important;
      min-height:0 !important;
      max-height:none !important;
      aspect-ratio:auto !important;
      object-fit:contain !important;
      transform:none !important;}
.mb-obrador .night-frame{height:auto !important;
      aspect-ratio:auto !important;
      overflow:visible !important;}
.mb-obrador .history-pair__image:nth-child(1), .mb-obrador .history-pair__image:nth-child(2){height:auto !important;
      aspect-ratio:auto !important;}}


/* ==================== Contacto (.mb-contacto) ==================== */
.mb-contacto *{box-sizing: border-box;}
.mb-contacto p, .mb-contacto label, .mb-contacto input, .mb-contacto select, .mb-contacto textarea, .mb-contacto button{font-family: 'Archivo', sans-serif;}
.mb-contacto, .mb-contacto{margin: 0; padding: 0; background: #2A2822;}
.mb-contacto{--cols-2: minmax(0,1fr) minmax(0,1fr); --cols-4: repeat(4,minmax(0,1fr)); --form-cols: 58% minmax(0,1fr); --form-gap: 96px; --w-40: 40%; --w-50: 50%; --w-70: 70%;}
@media (max-width: 767px){
.mb-contacto{--cols-2: minmax(0,1fr); --cols-4: minmax(0,1fr); --form-cols: minmax(0,1fr); --form-gap: 64px; --w-40: 100%; --w-50: 100%; --w-70: 100%;}}

.mb-contacto input, .mb-contacto select, .mb-contacto textarea{background: transparent; border: 0; border-bottom: 1px solid rgba(244,241,233,0.32); color: #F4F1E9; font-size: 15px; padding: 12px 0; width: 100%; border-radius: 0; outline: none;}
.mb-contacto input:focus, .mb-contacto select:focus, .mb-contacto textarea:focus{border-bottom-color: #F4F1E9;}
.mb-contacto ::placeholder{color: rgba(244,241,233,0.42);}
.mb-contacto select option{background: #2A2822; color: #F4F1E9;}
.mb-contacto a{color: #F4F1E9; text-decoration: none; font-family: 'Archivo', sans-serif;}
.mb-contacto a:hover{color: #EAE6D9;}
.mb-contacto ::selection{background: #F4F1E9; color: #2A2822;}
.mb-contacto{--nav-links: flex; --panel-w: 50%; --panel-cols: 1fr 1fr; --panel-nav: none;}
@media (max-width: 767px){
.mb-contacto{--nav-links: none; --panel-w: 100%; --panel-cols: 1fr; --panel-nav: flex;}}


/* ==================== Menu: hasta 1023px solo hamburguesa (tablet y movil) ==================== */
@media (max-width: 1023px) {
  body, .mb-home, .mb-panes, .mb-bolleria, .mb-obrador, .mb-contacto { --nav-links: none; --panel-w: 100%; --panel-cols: 1fr; --panel-nav: flex; }
}
/* Cabecera superpuesta al hero (plantilla Portada) */
.mb-nav-overlay { position: absolute; top: 0; left: 0; right: 0; z-index: 10; }
/* Paginas HTML: el bloque "HTML personalizado" no debe llevar margenes del editor */
.mb-page-wrap > .wp-block-html, .mb-page-wrap > .mb-home, .mb-page-wrap > .mb-panes, .mb-page-wrap > .mb-bolleria, .mb-page-wrap > .mb-obrador, .mb-page-wrap > .mb-contacto { margin: 0; }
.mb-legal-wrap .wp-block-image img { height: auto; }


/* ==================== Ajustes v2.1: parallax, tarjetas, muro de logos ==================== */
.mb-home .mb-px { overflow: hidden; }
.mb-home .mb-px img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (prefers-reduced-motion: reduce) { .mb-home .mb-px img { transform: none !important; } }
/* tarjetas: las tres fotos a la misma altura */
.mb-home .home-categories-grid { align-items: start !important; }
.mb-home .home-categories-grid img { aspect-ratio: 4 / 5 !important; }
/* muro de partners: logos y texto a la misma altura de fila */
.mb-home .home-partners-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 34px 40px !important; align-items: center !important; }
.mb-home .home-partners-grid > * { grid-column: auto !important; }
.mb-home .home-partner { height: 96px; display: flex; align-items: center; }
.mb-home .home-partner img { display: block; height: 100%; width: auto; max-width: 100%; object-fit: contain; object-position: left center; }
.mb-home .home-partner img[src*="lalacena-logo-negro"] { opacity: .72; height: 70%; }
.mb-home .home-partner--text span { white-space: nowrap; }
@media (max-width: 767px) {
  /* tarjetas y Lalacena: una debajo de otra, sin carrusel */
  .mb-home .home-categories-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 56px 0 !important; overflow: visible !important; margin-right: 0 !important; padding: 0 !important; cursor: auto !important; scroll-snap-type: none !important; }
  .mb-home .home-categories-grid > * { flex: none !important; width: 100% !important; grid-column: auto !important; }
  .mb-home .home-lalacena-rail { display: flex !important; flex-direction: column !important; gap: 20px !important; width: 100% !important; overflow: visible !important; padding: 0 !important; margin: 0 !important; scroll-snap-type: none !important; }
  .mb-home .home-lalacena-rail > * { flex: none !important; width: 100% !important; max-width: none !important; }
  .mb-home .home-partners-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 20px !important; }
  .mb-home .home-partner { height: 64px; }
}
@media (max-width: 480px) {
  .mb-home .home-partners-grid { grid-template-columns: minmax(0, 1fr) !important; }
}


/* ==================== v2.2: tipografia y anchos (home) ==================== */
/* parrafos: Archivo 400, interlineado 1.45, menos espacio entre parrafos */
.mb-home p { font-weight: 400 !important; line-height: 1.45 !important; }
.mb-home .home-intro-copy p, .mb-home .home-process-copy p, .mb-home .home-mario-copy p, .mb-home .home-lalacena-copy p, .mb-home .home-recognition-copy p { margin-bottom: 14px !important; }
.mb-home .home-intro-copy p:last-of-type, .mb-home .home-process-copy p:last-of-type, .mb-home .home-mario-copy p:last-of-type, .mb-home .home-lalacena-copy p:last-of-type { margin-bottom: 30px !important; }
/* titulares: mas peso y tamano */
.mb-home h2 { font-weight: 400 !important; }
.mb-home .home-intro-copy h2, .mb-home .home-process-copy h2, .mb-home .home-lalacena-copy h2, .mb-home .home-recognition-heading h2, .mb-home .home-partners-title, .mb-home .home-categories-head h2 { font-size: clamp(28px, 2.9vw, 42px) !important; line-height: 1.16 !important; letter-spacing: -0.016em !important; margin-bottom: 26px !important; }
.mb-home .home-mario-copy h2 { font-size: clamp(40px, 4.4vw, 68px) !important; line-height: 1.02 !important; }
.mb-home .home-brand-wordmark h2 { font-weight: 700 !important; }
/* eyebrows mas grandes */
.mb-home .home-eyebrow, .mb-panes .catalog-eyebrow, .mb-obrador .chapter-eyebrow { font-size: 12px !important; letter-spacing: 0.28em !important; margin-bottom: 20px !important; }
/* bloques de texto corto: menos columnas en escritorio */
@media (min-width: 768px) {
  .mb-home .home-intro-copy { grid-column: 1 / 8 !important; max-width: none !important; }
  .mb-home .home-process-copy { grid-column: 1 / 8 !important; max-width: none !important; }
  .mb-home .home-mario-copy { grid-column: 1 / 10 !important; max-width: none !important; }
  .mb-home .home-lalacena-copy { grid-column: 1 / 8 !important; max-width: none !important; grid-row: auto !important; padding-top: 0 !important; }
}

/* ==================== v2.2: Lalacena, cuadricula de fotos (12 columnas) ==================== */
.mb-home .home-lalacena-grid { align-items: start !important; }
.mb-home .home-lalacena-photos { grid-column: 13 / 25; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.mb-home .home-lalacena-cell { aspect-ratio: 1 / 1; overflow: hidden; }
@media (max-width: 767px) {
  .mb-home .home-lalacena-photos { grid-column: auto; width: 100%; gap: 12px; }
}

/* ==================== v2.2: muro de logos, cuadricula estandar ==================== */
.mb-home .home-partners-grid { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 40px 64px !important; padding: 44px 0 !important; border-top: 1px solid rgba(28,26,22,0.16); border-bottom: 1px solid rgba(28,26,22,0.16); grid-template-columns: none !important; }
.mb-home .home-partners-grid > img { display: block; height: 56px; width: auto; max-width: 220px; object-fit: contain; flex: 0 0 auto; }
.mb-home .home-partners-grid > img[src*="lalacena-logo-negro"] { height: 46px; opacity: .72; }
.mb-home .home-partners-more { margin: 22px 0 0; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: #9A9587; }
@media (max-width: 767px) {
  .mb-home .home-partners-grid { gap: 28px 36px !important; }
  .mb-home .home-partners-grid > img { height: 40px; max-width: 160px; }
}

/* ==================== v2.2: parallax mas visible ==================== */
.mb-home .mb-px img { transform: translate3d(0, var(--py, 0px), 0) scale(1.22); }


/* ==================== v2.3 ==================== */
/* Lalacena: dos filas alineadas con las fotos; fotos verticales; textura sutil */
.mb-home .home-lalacena { background-image: url('assets/img/lalacena-textura.svg') !important; background-size: 130% auto !important; background-position: center 40% !important; background-repeat: no-repeat !important; }
.mb-home .home-lalacena-grid { align-items: stretch !important; }
.mb-home .home-lalacena-copy { display: grid; grid-template-rows: 1fr 1fr; row-gap: 20px; padding-top: 0 !important; align-self: stretch; }
.mb-home .home-lalacena-logo { align-self: start; }
.mb-home .home-lalacena-text { align-self: start; }
.mb-home .home-lalacena-cell { aspect-ratio: 4 / 5; }
@media (max-width: 767px) {
  .mb-home .home-lalacena-copy { display: block; }
  .mb-home .home-lalacena-logo { margin-bottom: 28px; }
  .mb-home .home-lalacena-logo img { width: 240px !important; }
}
/* hover suave en todo lo que usa style-hover */
[style-hover] { transition: color .35s ease, opacity .35s ease, background-color .35s ease, border-color .35s ease, transform .6s ease; }
.mb-hover-layer { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity .6s ease; pointer-events: none; }
.mb-hover-host { position: relative; overflow: hidden; }
.mb-hover-host:hover .mb-hover-layer { opacity: 1; }

/* ==================== v2.3.3: hero de Inicio en movil ==================== */
@media (max-width: 767px) {
  .mb-home #top {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--home-gap);
    align-content: end;
    min-height: 100svh !important;
    padding: 180px var(--home-margin) 46px !important;
  }

  /* El texto, el premio y los enlaces participan en la misma reticula. */
  .mb-home #top .home-hero-content,
  .mb-home #top .home-hero-copy {
    display: contents !important;
  }

  .mb-home #top .home-hero-copy > p {
    grid-column: 1 / -1;
    grid-row: 1;
    position: relative;
    z-index: 10;
    margin: 0 !important;
    max-width: none !important;
    font-size: clamp(26px, 7.2vw, 34px) !important;
    font-weight: 300 !important;
    line-height: 1.24 !important;
    letter-spacing: -0.012em !important;
  }

  .mb-home #top .home-award {
    position: relative !important;
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: start;
    right: auto !important;
    bottom: auto !important;
    margin: 28px 0 0 !important;
    z-index: 10;
  }

  .mb-home #top .home-award > div {
    width: min(100%, 330px) !important;
    height: auto !important;
    gap: 8px !important;
    padding: 18px 20px 17px !important;
  }

  .mb-home #top .home-award > div > :first-child {
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  .mb-home #top .home-award > div > :nth-child(2) {
    font-size: clamp(26px, 7vw, 32px) !important;
    line-height: .96 !important;
    white-space: normal !important;
  }

  .mb-home #top .home-hero-copy > div {
    grid-column: 1 / -1;
    grid-row: 3;
    position: relative;
    z-index: 10;
    margin-top: 32px !important;
  }

  .mb-home #top .home-hero-link {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }
}