/*
Theme Name: Metálicas Mora Industrial
Theme URI: https://metalicasmora.com.co
Author: Metálicas Mora
Description: Tema de bloques moderno y editable para portafolio de metalistería.
Version: 1.1.2
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: metalicas-mora
*/

:root{--mm-carbon:#0c0d0f;--mm-carbon-2:#17181b;--mm-graphite:#23252a;--mm-steel:#b8b9bb;--mm-paper:#f2f1ee;--mm-white:#fff;--mm-red:#b91c24;--mm-red-bright:#d32630;--mm-border:#d0cfcb;--mm-border-dark:#3c3e43;--mm-shadow:0 24px 70px rgba(0,0,0,.22);--mm-radius:4px;--mm-transition:200ms ease}.wp-site-blocks{overflow:hidden}.mm-site-header{position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--mm-border-dark);background:rgba(12,13,15,.95);backdrop-filter:blur(12px)}body.admin-bar .mm-site-header{top:32px}.mm-site-header>.wp-block-group{min-height:76px}.mm-brand a{color:#fff!important;font-weight:900;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.mm-brand strong{color:#ff6168}.mm-site-header .wp-block-navigation-item__content{min-height:44px;display:flex;align-items:center;color:#e7e7e8;text-decoration:none;font-weight:700}.mm-site-header .wp-block-navigation-item__content:hover{color:#ff747a}.mm-header-cta .wp-block-button__link{min-height:44px;display:flex;align-items:center;padding:10px 18px;border-radius:var(--mm-radius);background:var(--mm-red);font-weight:800}.mm-hero{position:relative;padding:clamp(68px,9vw,124px) 20px;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(211,38,48,.18),transparent 30%),repeating-linear-gradient(118deg,transparent 0 45px,rgba(255,255,255,.025) 46px 47px),var(--mm-carbon)}.mm-hero:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,var(--mm-red) 0 16%,#969799 16% 18%,transparent 18%)}.mm-hero>.wp-block-columns{gap:clamp(38px,7vw,96px)}.mm-eyebrow{margin:0 0 14px!important;color:#e2484f;font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.mm-display{max-width:780px;margin:0 0 24px!important;overflow-wrap:normal;word-break:normal;hyphens:none;color:#fff;font-family:"Arial Narrow","Franklin Gothic Medium",Arial,sans-serif;font-size:clamp(3.2rem,6.6vw,7rem);font-weight:900;letter-spacing:-.045em;line-height:.82;text-transform:uppercase}.mm-display mark{display:block;padding:0;background:transparent;color:#ee343d}.mm-lead{max-width:680px;margin-bottom:30px!important;color:#d2d3d5;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.6}.mm-hero-image{position:relative;margin:0!important}.mm-hero-image:before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid #6b6d72}.mm-hero-image img{position:relative;width:100%;max-height:620px;aspect-ratio:4/5;object-fit:cover;filter:saturate(.82) contrast(1.08);box-shadow:var(--mm-shadow)}.is-style-mm-primary .wp-block-button__link,.is-style-mm-outline .wp-block-button__link{min-height:48px;display:flex;align-items:center;border-radius:var(--mm-radius);font-weight:900;transition:var(--mm-transition)}.is-style-mm-primary .wp-block-button__link{background:var(--mm-red);color:#fff}.is-style-mm-primary .wp-block-button__link:hover{background:#8f1118}.is-style-mm-outline .wp-block-button__link{border:1px solid #8b8d91;background:transparent;color:#fff}.is-style-mm-outline .wp-block-button__link:hover{border-color:#fff;background:#fff;color:#111}.mm-section{padding:clamp(64px,8vw,108px) 20px}.mm-section-title{max-width:900px;margin:0 0 22px!important;font-family:"Arial Narrow","Franklin Gothic Medium",Arial,sans-serif;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:900;letter-spacing:-.035em;line-height:.95;text-transform:uppercase}.mm-section-intro{max-width:720px;margin:0 0 38px!important;color:#57595e;font-size:1.1rem;line-height:1.65}.mm-services{background:var(--mm-paper)}.mm-service-grid{gap:14px!important;margin:14px 0 0!important}.mm-service-card{height:100%;min-height:228px;padding:28px;border:1px solid var(--mm-border);background:#fff;transition:var(--mm-transition)}.mm-service-card:hover{border-color:rgba(185,28,36,.55);box-shadow:0 16px 40px rgba(0,0,0,.09)}.mm-service-card h3{margin:38px 0 12px;font-size:1.45rem}.mm-service-card p:last-child{color:#57595e}.mm-number{margin:0!important;color:var(--mm-red);font-weight:900;font-variant-numeric:tabular-nums}.mm-portfolio-section{color:#fff;background:var(--mm-carbon)}.mm-portfolio-section .mm-section-intro{color:#bebfc2}.mm-modes{background:linear-gradient(135deg,#deddda,#f3f2ef)}.mm-modes>.wp-block-columns{gap:clamp(40px,8vw,110px)}.mm-mode-card{margin-bottom:14px;padding:30px;border-top:4px solid var(--mm-red);background:var(--mm-carbon-2);color:#fff}.mm-mode-card h3{margin:34px 0 10px}.mm-mode-card p:last-child{color:#c5c6c9}.mm-process{background:#fff}.mm-process-controls{display:flex;justify-content:flex-end;gap:8px;margin:-56px 0 20px}.mm-process-controls button{width:48px;height:48px;border:1px solid var(--mm-border);border-radius:var(--mm-radius);background:#fff;color:#111;font-size:28px;cursor:pointer;transition:var(--mm-transition)}.mm-process-controls button:hover{border-color:var(--mm-red);background:var(--mm-red);color:#fff}.mm-process-track{display:flex!important;gap:16px!important;overflow-x:auto;padding:8px 0 18px;scroll-snap-type:x mandatory;scrollbar-width:thin}.mm-process-card{min-width:min(82vw,410px);min-height:250px;padding:30px;border:1px solid var(--mm-border);border-top:4px solid var(--mm-carbon);background:var(--mm-paper);scroll-snap-align:start}.mm-process-card h3{margin:36px 0 12px;font-size:clamp(1.8rem,4vw,2.5rem)}.mm-quote-section{color:#fff;background:var(--mm-graphite)}.mm-quote-section>.wp-block-columns{gap:clamp(42px,8vw,110px)}.mm-quote-section .mm-section-intro{color:#d1d2d4}.mm-quote-tip{margin-top:32px;padding:20px;border-left:3px solid var(--mm-red);background:rgba(0,0,0,.2)}.mm-quote-tip p{margin:6px 0 0;color:#d0d1d3}.mm-site-footer{padding:68px 20px 26px;color:#b8b9bc;background:#08090a}.mm-site-footer a{color:#fff;text-decoration:none}.mm-site-footer a:hover{text-decoration:underline;text-decoration-color:var(--mm-red);text-underline-offset:4px}.mm-footer-bottom{margin-top:44px;padding-top:20px;border-top:1px solid var(--mm-border-dark);font-size:.9rem}.mm-project-single-header{padding:60px 20px 30px;color:#fff;background:var(--mm-carbon)}.mm-project-single-header h1{max-width:1050px;margin:0;font-family:"Arial Narrow","Franklin Gothic Medium",Arial,sans-serif;font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:.9;text-transform:uppercase}.mm-content-page{padding:70px 20px}.mm-content-page>.wp-block-post-content{max-width:850px;margin:auto}.wp-block-navigation__responsive-container.is-menu-open{background:var(--mm-carbon);color:#fff}.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{min-width:48px;min-height:48px;color:#fff}@media(max-width:781px){body.admin-bar .mm-site-header{top:46px}.mm-site-header>.wp-block-group{padding-inline:18px!important}.mm-site-header .wp-block-buttons{display:none}.mm-hero .wp-block-columns{flex-direction:column}.mm-hero-image img{max-height:520px;aspect-ratio:4/3}.mm-process-controls{margin:0 0 18px}.mm-section-title{max-width:16ch}}@media(max-width:600px){body.admin-bar .mm-site-header{top:0}.mm-display{font-size:clamp(3rem,15vw,4.8rem)}.mm-section,.mm-hero{padding-inline:18px}.mm-process-card{min-width:85vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

@media(max-width:600px){.mm-display{font-size:clamp(2.8rem,12.5vw,4.2rem)}}

/* 1.1.0 — actualización visual clara, alineada y centrada en el portafolio */
:root{
  --mm-carbon:#111317;
  --mm-carbon-2:#1b1e23;
  --mm-graphite:#292d33;
  --mm-paper:#f6f5f2;
  --mm-white:#fff;
  --mm-red:#c91f2b;
  --mm-red-bright:#ee3341;
  --mm-border:#d9dadd;
  --mm-border-dark:#3e4249;
  --mm-shadow:0 18px 50px rgba(17,19,23,.16);
}

body{background:#fff;color:#17191d}
.wp-site-blocks{background:#fff}
.mm-site-header{border-bottom:1px solid #e1e2e4;background:rgba(255,255,255,.96);box-shadow:0 5px 20px rgba(17,19,23,.06)}
.mm-site-header>.wp-block-group{min-height:84px}
.mm-brand{margin:0!important}
.mm-brand a{display:inline-flex;align-items:center;gap:12px;color:#17191d!important;font-size:.98rem;line-height:1.1}
.mm-brand-logo{width:50px;height:50px;flex:0 0 50px;border:2px solid #c7c9cd;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #f0f1f2}
.mm-brand-text{display:grid;gap:2px}
.mm-brand-text strong{color:#17191d;font-size:1.02rem;letter-spacing:.055em}
.mm-brand-text small{color:#6a6d72;font-size:.64rem;font-weight:800;letter-spacing:.13em}
.mm-site-header .wp-block-navigation-item__content{color:#292c31;font-size:.92rem}
.mm-site-header .wp-block-navigation-item__content:hover{color:var(--mm-red)}
.mm-site-header .wp-block-navigation-item__content:focus-visible,.mm-brand a:focus-visible{outline:3px solid rgba(201,31,43,.28);outline-offset:4px}
.mm-header-cta .wp-block-button__link{background:var(--mm-red);color:#fff}

.mm-hero{padding:clamp(64px,7vw,104px) 24px;background:radial-gradient(circle at 10% 12%,rgba(238,51,65,.20),transparent 34%),linear-gradient(120deg,#121419 0%,#20242a 100%)}
.mm-hero>.wp-block-columns{max-width:1240px;align-items:center!important;gap:clamp(44px,6vw,88px)}
.mm-hero>.wp-block-columns>.wp-block-column:first-child{flex-basis:54%!important}
.mm-hero>.wp-block-columns>.wp-block-column:last-child{flex-basis:46%!important}
.mm-eyebrow{margin-bottom:18px!important;color:#ff626c;font-size:.8rem;line-height:1.5}
.mm-display{max-width:9.8ch;margin-bottom:26px!important;font-size:clamp(3.5rem,5.4vw,5.9rem);line-height:.9;letter-spacing:-.04em}
.mm-display mark{color:#ff3e49}
.mm-lead{max-width:620px;color:#f0f1f2;font-size:clamp(1.05rem,1.35vw,1.22rem);line-height:1.68}
.mm-hero-image:before{inset:-12px 12px 12px -12px;border:1px solid rgba(255,255,255,.55)}
.mm-hero-image img{max-height:560px;filter:saturate(1.06) contrast(1.03) brightness(1.05);box-shadow:0 26px 70px rgba(0,0,0,.34)}

.mm-section{padding:clamp(72px,7vw,104px) 24px}
.mm-section>*,.mm-section>.wp-block-group,.mm-section>.wp-block-columns{max-width:1240px}
.mm-section-title{max-width:780px;margin-bottom:20px!important;font-size:clamp(2.65rem,4.7vw,4.8rem);line-height:.96}
.mm-section-intro{max-width:680px;color:#4c5057;font-size:1.08rem}
.mm-services{background:#fafafa}
.mm-service-grid{gap:20px!important}
.mm-service-card{min-height:218px;padding:30px;border-color:#e0e1e3;background:#fff;box-shadow:0 10px 30px rgba(17,19,23,.045)}
.mm-service-card:hover{border-color:rgba(201,31,43,.6);box-shadow:0 18px 42px rgba(17,19,23,.1)}
.mm-service-card p:last-child{color:#4d5158}

.mm-portfolio-section{color:#17191d;background:#fff}
.mm-portfolio-section .mm-section-intro{color:#4c5057}
.mm-portfolio-section .mm-project-card{border-color:#dedfe2;background:#fff;box-shadow:0 14px 38px rgba(17,19,23,.09)}
.mm-portfolio-section .mm-project-body h3{color:#17191d}
.mm-portfolio-section .mm-project-body p{color:#52565d}
.mm-portfolio-section .mm-project-meta{color:#666a71}
.mm-portfolio-section .mm-project-meta span:first-child{color:var(--mm-red)}
.mm-portfolio-section .mm-project-actions a{color:#17191d}
.mm-portfolio-section .mm-filters button{border-color:#c9cbd0;color:#24272c;background:#fff}
.mm-portfolio-section .mm-filters button:hover,.mm-portfolio-section .mm-filters button.is-active{border-color:var(--mm-red);background:var(--mm-red);color:#fff}

.mm-modes{background:#f0f1f2}
.mm-mode-card{border-top-color:var(--mm-red);background:#fff;color:#17191d;box-shadow:0 12px 32px rgba(17,19,23,.08)}
.mm-mode-card p:last-child{color:#52565d}
.mm-process{background:#fff}
.mm-process-card{border-color:#d8dade;border-top-color:#25282d;background:#fafafa}
.mm-process-card h3{font-size:clamp(1.7rem,2.6vw,2.35rem)}
.mm-quote-section{color:#17191d;background:#f2f3f4}
.mm-quote-section .mm-section-intro{color:#4c5057}
.mm-quote-tip{border-left-color:var(--mm-red);background:#fff;box-shadow:0 10px 26px rgba(17,19,23,.07)}
.mm-quote-tip p{color:#51555c}
.mm-quote-form{border:1px solid #e0e1e4;box-shadow:0 18px 50px rgba(17,19,23,.12)}
.mm-site-footer{background:#111317}
.wp-block-navigation__responsive-container.is-menu-open{background:#fff;color:#17191d}
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{color:#17191d}

.mm-admin-shortcut{position:fixed;right:20px;bottom:20px;z-index:9998;display:inline-flex;align-items:center;min-height:48px;padding:12px 18px;border-radius:4px;background:#17191d;color:#fff!important;box-shadow:0 14px 36px rgba(0,0,0,.24);font-size:.88rem;font-weight:800;text-decoration:none;transition:background 180ms ease}
.mm-admin-shortcut:hover{background:var(--mm-red)}
.mm-admin-shortcut:focus-visible{outline:3px solid rgba(201,31,43,.35);outline-offset:3px}

@media(min-width:782px){
  .mm-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:960px){
  .mm-site-header>.wp-block-group{min-height:76px}
  .mm-display{max-width:11ch;font-size:clamp(3.2rem,8vw,5rem)}
  .mm-hero>.wp-block-columns>.wp-block-column:first-child,.mm-hero>.wp-block-columns>.wp-block-column:last-child{flex-basis:100%!important}
}
@media(max-width:781px){
  .mm-brand-logo{width:44px;height:44px;flex-basis:44px}
  .mm-brand-text small{display:none}
  .mm-hero{padding-top:58px}
  .mm-section-title{max-width:18ch}
}
@media(max-width:600px){
  .mm-brand-text strong{font-size:.86rem}
  .mm-display{max-width:10.5ch;font-size:clamp(2.75rem,12vw,4rem)}
  .mm-section,.mm-hero{padding-inline:18px}
  .mm-admin-shortcut{right:12px;bottom:12px;padding:10px 14px}
}

/* 1.1.1 — retícula de escritorio corregida a partir de la captura de 1860 px */
@media(min-width:961px){
  .mm-site-header>.wp-block-group>.wp-block-group,
  .mm-hero>.wp-block-columns{
    width:min(100%,1440px);
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .mm-section{
    padding-top:88px;
    padding-bottom:88px;
  }

  .mm-section>*{
    width:100%;
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box;
  }

  .mm-section-title{
    font-size:clamp(2.8rem,3.55vw,4.15rem);
    letter-spacing:-.03em;
    line-height:.98;
  }

  .mm-section-intro{
    padding-right:min(50%,720px);
  }

  .mm-service-grid{
    margin-top:28px!important;
  }

  .mm-project-grid{
    grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important;
    gap:28px;
  }

  .mm-project-card{
    max-width:none;
  }

  .mm-modes>.wp-block-columns,
  .mm-quote-section>.wp-block-columns{
    width:100%;
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .mm-modes .mm-section-title,
  .mm-quote-section .mm-section-title{
    font-size:clamp(2.7rem,3.1vw,3.85rem);
  }

  .mm-process-track{
    gap:20px!important;
  }

  .mm-process-card{
    min-width:calc((100% - 40px)/3);
  }
}

@media(min-width:1440px){
  .mm-display{
    max-width:11.5ch;
    font-size:5.35rem;
  }

  .mm-hero{
    padding-top:86px;
    padding-bottom:92px;
  }
}