/*
Theme Name: Grupo JMJI Corporativo
Theme URI: https://grupojmji.com
Author: Grupo JMJI
Description: Tema corporativo exclusivo de Grupo JMJI.
Version: 2.9.0
Text Domain: grupojmji
*/
:root{--ink:#151512;--paper:#f4f1e9;--line:rgba(20,20,18,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.header{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;position:absolute;z-index:20;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.3)}.logo{font-weight:800;font-size:26px;letter-spacing:-.08em}.logo small{font-size:8px;letter-spacing:.2em;margin-left:8px}.nav{display:flex;gap:25px;font-size:12px}.contact{justify-self:end;border-bottom:1px solid;padding-bottom:5px;font-size:12px}.hero{min-height:100vh;display:grid;grid-template-columns:58% 42%;background:#191a17;color:white}.copy{padding:170px 5vw 80px;display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:bold}.hero h1{font-size:clamp(52px,6.1vw,100px);line-height:.91;letter-spacing:-.065em;margin:30px 0 42px}.hero em,.melilla em{font-family:Georgia,serif;font-weight:400}.intro{max-width:560px;font-size:17px;line-height:1.65;color:#d7d7cf}.link{display:inline-flex;gap:30px;border-bottom:1px solid;padding:14px 0;width:max-content;margin-top:25px;font-size:12px}.visual{position:relative;background:radial-gradient(circle at 65% 20%,#d8b883 0,transparent 23%),linear-gradient(155deg,#6f8c8b 0 38%,#435c62 38% 48%,#c6af87 48% 55%,#273d45 55% 100%)}.visual strong{position:absolute;bottom:45px;left:28px;font-size:clamp(65px,8vw,125px);letter-spacing:-.08em}.section{padding:115px 5vw}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:bold}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.stats div{border-top:1px solid var(--line);padding-top:20px}.stats strong{display:block;font:400 clamp(50px,6vw,90px) Georgia,serif;letter-spacing:-.06em}.stats span{font-size:12px}.statement{border-top:1px solid var(--line)}.statement h2{font-size:clamp(42px,5.4vw,84px);line-height:1;letter-spacing:-.055em;max-width:1250px;margin:65px 0}.statement p{max-width:650px;margin-left:50%;line-height:1.7}.brands{background:#171714;color:#f4f1e9;display:grid;grid-template-columns:42% 58%;padding:120px 5vw}.brands h2{font-size:clamp(45px,5vw,75px);line-height:1;letter-spacing:-.055em;margin:50px 0}.brandlist{border-top:1px solid #555}.brandlist div{display:grid;grid-template-columns:45px 1fr;align-items:center;border-bottom:1px solid #555;padding:20px 5px}.brandlist span{font-size:9px;color:#aaa}.brandlist strong{font-size:24px;font-weight:500}.model h2{font-size:clamp(50px,6vw,90px);line-height:.95;letter-spacing:-.06em}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:70px}.cards article{padding:25px 28px 50px 0;border-right:1px solid var(--line)}.cards h3{font:400 28px Georgia,serif;margin-top:55px}.cards p{font-size:13px;line-height:1.6;color:#555}.melilla{display:grid;grid-template-columns:47% 53%;min-height:720px;background:#9b593a;color:#fff}.melilla .copy h2{font-size:clamp(72px,10vw,145px);line-height:.76;letter-spacing:-.08em;margin:50px 0}.sea{position:relative;background:radial-gradient(circle at 30% 30%,#f3dcaa 0 20%,transparent 20.2%),linear-gradient(#d6bea0 0 45%,#526f70 45% 56%,#193d47 56%)}.cta{display:grid;grid-template-columns:35% 65%}.cta h2{font-size:clamp(52px,6.5vw,94px);line-height:.94;letter-spacing:-.06em;margin:0}.cta p{font-size:18px;line-height:1.7;max-width:680px;margin:40px 0}.button{display:inline-block;background:#151512;color:#fff;padding:18px 24px;font-size:12px}footer{background:#11110f;color:#bbb8ae;padding:75px 5vw 40px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;font-size:11px;line-height:1.8}.footlogo{color:#eeeade;font-size:clamp(75px,12vw,170px);font-weight:800;letter-spacing:-.1em;line-height:.7}footer>div:last-child{text-align:right}.pagehero{padding:180px 5vw 100px;background:#d8cebb}.pagehero h1{font-size:clamp(60px,8vw,125px);line-height:.86;letter-spacing:-.07em;margin:50px 0}.pagehero p{font-size:18px;line-height:1.7;max-width:700px;margin-left:45%}.contentgrid{display:grid;grid-template-columns:1fr 1fr}.contentgrid article{min-height:380px;padding:60px 6vw;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.contentgrid h2{font:400 38px Georgia,serif;margin-top:75px}.contentgrid p{line-height:1.7;color:#4e4d47}.inner .header{position:relative;color:var(--ink);border-color:var(--line)}
@media(max-width:850px){.header{grid-template-columns:1fr 1fr;height:70px}.nav{display:none}.hero,.brands,.melilla,.cta{grid-template-columns:1fr}.visual,.sea{min-height:500px}.stats,.cards{grid-template-columns:1fr 1fr}.statement p{margin-left:15%}.contentgrid{grid-template-columns:1fr}footer{grid-template-columns:1fr;gap:30px}footer>div:last-child{text-align:left}.pagehero p{margin-left:10%}}
@media(max-width:520px){.copy,.section,.brands,.pagehero{padding-left:24px;padding-right:24px}.hero h1{font-size:48px}.stats{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.statement p,.pagehero p{margin-left:0}.melilla .copy h2{font-size:78px}.contentgrid article{padding:55px 24px}}
.header{height:112px;grid-template-columns:1.35fr auto .65fr;padding:0 4.5vw;background:#151512;border-bottom-color:rgba(255,255,255,.22)}.logo{display:flex;align-items:baseline;gap:13px;font-size:43px;line-height:1}.logo small{font-size:9px;letter-spacing:.28em;margin:0}.signature{padding-top:95px;padding-bottom:95px;border-bottom:1px solid var(--line)}.signature-name{font-size:clamp(82px,15vw,245px);font-weight:800;line-height:.76;letter-spacing:-.105em;margin:75px 0 40px}.signature-line{text-transform:uppercase;font-size:10px;letter-spacing:.25em;text-align:right}@media(max-width:850px){.header{height:82px}.logo{font-size:34px}.logo small{font-size:7px}.signature-name{font-size:20vw}}@media(max-width:520px){.logo{font-size:30px}.logo small{display:none}.signature-name{font-size:23vw}}
.cocun-film{height:min(82vw,900px);min-height:620px;position:relative;overflow:hidden;background:#0c0c0b;color:#fff}.cocun-film video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.04)}.cocun-film:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.08) 45%,rgba(0,0,0,.72))}.film-top,.film-bottom{position:absolute;z-index:2;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:flex-end}.film-top{top:55px;font-size:10px;letter-spacing:.22em;text-transform:uppercase}.film-bottom{bottom:55px}.film-title{font-size:clamp(75px,13vw,210px);font-weight:700;letter-spacing:-.09em;line-height:.72}.film-meta{text-align:right;font-size:11px;line-height:1.8;letter-spacing:.12em;text-transform:uppercase}@media(max-width:650px){.cocun-film{height:78vh;min-height:580px}.film-top,.film-bottom{left:24px;right:24px}.film-bottom{display:block}.film-title{font-size:22vw}.film-meta{text-align:left;margin-top:35px}}
.film-logo{width:min(40vw,520px);height:auto;display:block;filter:brightness(0) invert(1);opacity:.98}.cocun-mark{width:min(34vw,380px);height:auto;margin:45px 0 10px}.melilla .cocun-mark{filter:brightness(0) invert(1)}@media(max-width:650px){.film-logo{width:78vw}.cocun-mark{width:70vw}}
.elementor>.elementor-element:last-child{position:relative;isolation:isolate;overflow:hidden}.elementor>.elementor-element:last-child:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,14,12,.76),rgba(14,14,12,.6));z-index:0;pointer-events:none}.elementor>.elementor-element:last-child>.elementor-container,.elementor>.elementor-element:last-child>.e-con-inner{position:relative;z-index:1}.elementor>.elementor-element:last-child h1,.elementor>.elementor-element:last-child h2,.elementor>.elementor-element:last-child h3,.elementor>.elementor-element:last-child p{color:#fff!important;text-shadow:0 1px 18px rgba(0,0,0,.3)}.elementor>.elementor-element:last-child .elementor-button{background:#f4f1e9!important;color:#151512!important;border:1px solid #f4f1e9!important;padding:15px 28px!important;border-radius:0!important;transition:.25s ease}.elementor>.elementor-element:last-child .elementor-button:hover{background:transparent!important;color:#fff!important}.elementor>.elementor-element:last-child h2{font-size:clamp(28px,3vw,48px)!important;letter-spacing:-.035em}.elementor>.elementor-element:last-child p{font-size:16px!important;line-height:1.7}
.corp-page .pagehero{padding-top:205px}.lead{font-size:clamp(24px,3vw,46px);line-height:1.25;letter-spacing:-.035em;max-width:900px}.story-grid,.business-grid,.project-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.story-grid article,.business-grid article,.project-grid article{min-height:370px;padding:65px 6vw;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.story-grid span,.business-grid span,.project-grid span{font-size:10px;letter-spacing:.18em}.story-grid h2,.business-grid h2,.project-grid h2{font:400 40px Georgia,serif;margin:80px 0 25px}.story-grid p,.business-grid p,.project-grid p{line-height:1.75;color:#53514b}.portfolio-intro{display:grid;grid-template-columns:35% 65%;align-items:end}.portfolio-intro h2{font-size:clamp(52px,7vw,104px);line-height:.92;letter-spacing:-.065em;margin:0}.logo-portfolio{background:#151512;color:#f4f1e9;padding:20px 5vw 100px}.logo-row{display:grid;grid-template-columns:55px 1fr auto;align-items:center;min-height:120px;border-bottom:1px solid #56564f}.logo-row:first-child{border-top:1px solid #56564f}.logo-row>span,.logo-row>small{font-size:9px;letter-spacing:.18em;color:#aaa99f}.logo-row strong{font-size:clamp(27px,3.2vw,55px);font-weight:600;letter-spacing:-.045em;line-height:1}.logo-row .spaced{letter-spacing:.12em;font-weight:500}.logo-row .donovan{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:.02em}.cocun-page-hero{min-height:82vh;position:relative;background:#171512;color:#fff;display:flex;align-items:flex-end;padding:160px 6vw 80px;overflow:hidden}.cocun-page-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}.cocun-page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 70%)}.cocun-page-hero .cocun-page-copy{position:relative;z-index:1;width:100%;display:flex;justify-content:space-between;align-items:end}.cocun-page-hero img{width:min(46vw,580px);filter:brightness(0) invert(1)}.legacy-form{max-width:980px;margin:auto}.legacy-form input,.legacy-form select,.legacy-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:16px 4px;font:inherit}.legacy-form input[type=submit]{width:auto;background:#151512;color:#fff;border:0;padding:17px 30px}.inner-cta{background:#9b593a;color:#fff;padding:110px 6vw}.inner-cta h2{font-size:clamp(48px,7vw,105px);line-height:.94;letter-spacing:-.06em;max-width:1100px;margin:45px 0}@media(max-width:800px){.story-grid,.business-grid,.project-grid,.portfolio-intro{grid-template-columns:1fr}.story-grid article,.business-grid article,.project-grid article{min-height:300px}.logo-row{grid-template-columns:40px 1fr}.logo-row small{display:none}.cocun-page-hero .cocun-page-copy{display:block}.cocun-page-hero img{width:78vw}.portfolio-intro h2{margin-top:45px}}
.team-system{background:#151512;color:#f4f1e9;padding:120px 6vw}.team-system-head{display:grid;grid-template-columns:35% 65%;margin-bottom:80px}.team-system-head h2{font-size:clamp(52px,7vw,105px);line-height:.92;letter-spacing:-.065em;margin:0}.team-system-head p{font-size:17px;line-height:1.75;max-width:680px;margin-top:40px;color:#c9c6bc}.department-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #55554f}.department-grid article{min-height:265px;padding:28px 34px 42px 0;border-right:1px solid #55554f;border-bottom:1px solid #55554f}.department-grid article:nth-child(3n+2),.department-grid article:nth-child(3n+3){padding-left:34px}.department-grid span{font-size:9px;letter-spacing:.18em;color:#8e8d85}.department-grid h3{font:400 25px Georgia,serif;margin:55px 0 18px}.department-grid p{font-size:13px;line-height:1.7;color:#aaa99f}.trust-line{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:85px 0 0}.trust-line h3{font-size:clamp(30px,4vw,58px);line-height:1.05;letter-spacing:-.045em;margin:0}.trust-line p{line-height:1.8;color:#c9c6bc}@media(max-width:800px){.team-system-head,.trust-line{grid-template-columns:1fr}.department-grid{grid-template-columns:1fr}.department-grid article,.department-grid article:nth-child(3n+2),.department-grid article:nth-child(3n+3){padding-left:0;border-right:0}.team-system-head h2{margin-top:45px}.trust-line{gap:30px}}
.darsena-hero{min-height:90vh;position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden}.darsena-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.darsena-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,17,15,.88),rgba(15,17,15,.42) 50%,rgba(15,17,15,.06))}.darsena-hero-copy{position:relative;z-index:1;padding:clamp(120px,14vw,220px) clamp(28px,6vw,110px) clamp(60px,8vw,120px)}.darsena-hero h1{margin:24px 0;font-size:clamp(58px,8vw,138px);line-height:.86;letter-spacing:-.065em}.darsena-hero h1 em{font-family:Georgia,serif;font-weight:400}.darsena-hero-copy>p:last-child{max-width:660px;font-size:clamp(18px,1.6vw,26px);line-height:1.45}.darsena-intro{display:grid;grid-template-columns:1fr 2fr;gap:8vw}.darsena-intro h2{font-size:clamp(42px,6vw,96px);line-height:.95;letter-spacing:-.05em;margin:0 0 35px}.darsena-intro div p{max-width:850px;font-size:clamp(18px,1.4vw,23px);line-height:1.6}.darsena-numbers{background:#a55e3f;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:70px 5vw}.darsena-numbers div{padding:20px 35px;border-left:1px solid rgba(255,255,255,.35)}.darsena-numbers strong{display:block;font-size:clamp(38px,5vw,80px);letter-spacing:-.05em}.darsena-numbers span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.darsena-feature{display:grid;grid-template-columns:1.8fr 1fr;background:#151714;color:#fff}.darsena-feature img{width:100%;height:100%;min-height:650px;object-fit:cover}.darsena-feature>div{padding:clamp(50px,7vw,120px);display:flex;flex-direction:column;justify-content:center}.darsena-feature h2{font-size:clamp(42px,5vw,80px);line-height:.95;letter-spacing:-.05em}.darsena-feature p:last-child{font-size:19px;line-height:1.6;color:#d6d3cc}.darsena-gallery{padding:clamp(30px,5vw,90px);display:grid;grid-template-columns:repeat(2,1fr);gap:20px;background:#f3f0e9}.darsena-gallery figure{margin:0;overflow:hidden}.darsena-gallery figure:first-child{grid-column:span 2}.darsena-gallery img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .7s}.darsena-gallery figure:hover img{transform:scale(1.015)}.darsena-gallery figcaption{padding:12px 2px 22px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.operator-call{background:#a55e3f;color:#fff;padding:clamp(70px,10vw,160px) clamp(28px,7vw,130px);display:grid;grid-template-columns:1.3fr 1fr;gap:9vw}.operator-call h2{font-size:clamp(48px,7vw,110px);line-height:.9;letter-spacing:-.055em;margin:25px 0}.operator-call>div:last-child{align-self:end}.operator-call p{font-size:clamp(18px,1.5vw,24px);line-height:1.55}.button.light{background:#fff;color:#151714;margin-top:24px}.cocun-project{display:grid;grid-template-columns:1.5fr 1fr;background:#111;color:#fff}.cocun-project-film video{display:block;width:100%;height:100%;min-height:650px;object-fit:cover}.cocun-project>div:last-child{padding:clamp(55px,8vw,130px);display:flex;flex-direction:column;justify-content:center}.cocun-project img{width:min(360px,90%);filter:brightness(0) invert(1);margin:25px 0 45px}.cocun-project p:last-child{font-size:21px;line-height:1.6;color:#d6d3cc}@media(max-width:760px){.darsena-hero{min-height:78vh}.darsena-hero-shade{background:linear-gradient(0deg,rgba(15,17,15,.9),rgba(15,17,15,.08))}.darsena-intro,.darsena-feature,.operator-call,.cocun-project{grid-template-columns:1fr}.darsena-numbers{grid-template-columns:1fr 1fr;padding:35px 18px}.darsena-numbers div{padding:25px 15px}.darsena-feature img,.cocun-project-film video{min-height:420px}.darsena-gallery{grid-template-columns:1fr;padding:25px 18px}.darsena-gallery figure:first-child{grid-column:auto}.operator-call{gap:20px}}