/*
Theme Name: Melich Cortés
Author: G. RESIDUS MELICH CORTÉS SCP
Description: Tema de bloques para la web de residuos oleícolas de Melich Cortés.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: melich-cortes
*/

:root{--mc-dark:#173d32;--mc-olive:#59673e;--mc-paper:#f6f7f2;--mc-yellow:#e8c94a;--mc-ink:#19342c;--mc-line:#d9dfd4}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;color:var(--mc-ink);background:#fff}
a{color:var(--mc-dark);text-underline-offset:.2em}
a:focus-visible,button:focus-visible{outline:3px solid var(--mc-yellow);outline-offset:3px}
img{max-width:100%;height:auto}
.mc-header{border-bottom:1px solid var(--mc-line);background:#fff}
.mc-header-inner{max-width:1240px;margin:auto;padding:18px 24px;min-height:95px;gap:24px}
.mc-brand{gap:12px;text-decoration:none;white-space:nowrap}
.mc-brand-name{font-size:15px;font-weight:700;letter-spacing:.035em;color:var(--mc-dark)}
.mc-logo-window{display:block;position:relative;overflow:hidden;width:77px;height:45px;flex:none}
.mc-logo-window img{position:absolute;width:100px!important;max-width:none!important;height:100px!important;left:-7px;top:-29px}
.mc-nav .wp-block-navigation-item__content{font-size:13px;font-weight:650}
.mc-nav .wp-block-navigation__responsive-container.is-menu-open{padding:28px;background:#fff}
.mc-hero{background:var(--mc-dark);color:#fff;border-bottom:5px solid var(--mc-yellow)}
.mc-hero-inner{max-width:1200px;margin:auto;padding:58px 24px 56px}
.mc-eyebrow{color:#d8e3d5;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px}
.mc-hero h1{color:#fff;font-size:clamp(2.55rem,5vw,4.3rem);line-height:1.07;letter-spacing:-.045em;max-width:850px;margin:0}
.home .mc-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);column-gap:55px;align-items:center}
.home .mc-hero .mc-eyebrow,.home .mc-hero h1{grid-column:1}
.home .mc-hero-photo{grid-column:2;grid-row:1/span 2;margin:0;min-width:0}
.home .mc-hero-photo img{display:block;width:100%;height:420px;object-fit:cover}
.home .mc-hero-inner:not(:has(.mc-hero-photo img)){display:block}
.mc-content{max-width:1200px;margin:auto;padding:48px 24px 85px}
.mc-content>p:first-child{font-size:clamp(1.2rem,2.1vw,1.55rem);line-height:1.5;color:var(--mc-dark);max-width:850px;font-weight:550}
.mc-content>p:nth-child(2){font-size:1.04rem;line-height:1.75;max-width:850px;color:#395148;margin-bottom:42px}
.mc-content h2{font-size:clamp(1.7rem,3.1vw,2.45rem);line-height:1.19;letter-spacing:-.025em;color:var(--mc-dark);margin:68px 0 19px;padding-top:26px;border-top:1px solid var(--mc-line)}
.mc-content h3{font-size:1.4rem;line-height:1.25;color:var(--mc-dark);margin:35px 0 10px}
.mc-content p,.mc-content li{line-height:1.75}
.mc-content p{max-width:850px}
.mc-content ul,.mc-content ol{max-width:900px;padding-left:1.5em}
.mc-content .wp-block-image{max-width:900px;margin:30px 0 40px}
.mc-content .wp-block-image img{width:100%;max-height:470px;object-fit:cover;display:block}
.mc-content .mc-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:none;margin:35px 0 50px}
.mc-content .mc-service-card{background:var(--mc-paper);border:1px solid var(--mc-line);padding:0 20px 22px;min-width:0}
.mc-content .mc-service-card .wp-block-image{margin:0 -20px 22px;max-width:none}
.mc-content .mc-service-card .wp-block-image img{height:220px;object-fit:cover}
.mc-content .mc-service-card h3{font-size:1.45rem;margin:0 0 12px}
.mc-content .mc-service-card p{font-size:.9rem;line-height:1.6}
.mc-content .mc-service-card:last-child{border-top:4px solid var(--mc-yellow)}
.mc-content figcaption{font-size:.75rem;color:#52655d;margin-top:9px}
.mc-content .wp-block-buttons{margin:28px 0}
.mc-content .wp-block-button__link{background:var(--mc-dark);border-radius:3px;color:#fff;font-weight:700;padding:.85em 1.4em}
.mc-content .wp-block-button__link:hover{background:#285748}
.mc-content details{max-width:900px;border:1px solid var(--mc-line);padding:16px 20px;margin:10px 0;background:var(--mc-paper)}
.mc-content details summary{cursor:pointer;font-weight:700;color:var(--mc-dark)}
.mc-content details p{margin-bottom:0}
.mc-content .mc-collaboration-flow{list-style:none;padding:0;max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:32px 0 34px}
.mc-collaboration-flow li{background:var(--mc-paper);border:1px solid var(--mc-line);padding:22px 20px;min-height:185px;position:relative}
.mc-collaboration-flow li:last-child{background:var(--mc-dark);color:#fff;border-color:var(--mc-dark)}
.mc-collaboration-flow li:not(:last-child)::after{content:'→';position:absolute;right:-15px;top:42%;z-index:1;color:var(--mc-olive);font-size:22px}
.mc-collaboration-flow strong{display:block;font-size:1.2rem;line-height:1.25;margin-bottom:15px}
.mc-footer{background:#102f27;color:#e9f0e8;padding:50px 24px 28px}
.mc-footer-inner{max-width:1200px;margin:auto;gap:28px}
.mc-footer a{color:#e9f0e8}
.mc-footer h2{color:#fff;font-size:1.3rem}
.mc-footer p,.mc-footer li{font-size:.87rem;line-height:1.65}
.mc-footer .wp-block-navigation-item__content{font-size:.85rem}
.mc-footer-bottom{max-width:1200px;margin:35px auto 0;padding-top:17px;border-top:1px solid #ffffff40;font-size:.75rem;color:#c9d9d0}
@media(max-width:900px){.mc-collaboration-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mc-collaboration-flow li::after{display:none}.mc-brand-name{font-size:12px}.home .mc-hero-inner{gap:28px}.home .mc-hero-photo img{height:330px}.mc-content .mc-service-grid{gap:12px}.mc-content .mc-service-card{padding:0 14px 18px}.mc-content .mc-service-card .wp-block-image{margin:0 -14px 18px}}
@media(max-width:620px){.mc-header-inner{min-height:75px;padding:12px 18px}.mc-logo-window{width:57px;height:37px}.mc-logo-window img{width:79px!important;height:79px!important;left:-6px;top:-22px}.mc-brand-name{font-size:11px;white-space:normal}.mc-hero-inner{padding:43px 20px 45px}.home .mc-hero-inner{display:block}.home .mc-hero-photo{margin-top:28px}.home .mc-hero-photo img{height:260px}.mc-content{padding:32px 20px 60px}.mc-content h2{margin-top:48px}.mc-content .mc-service-grid{grid-template-columns:1fr}.mc-collaboration-flow{grid-template-columns:1fr!important}.mc-collaboration-flow li{min-height:0}.mc-footer{padding:40px 20px 25px}}