@charset "UTF-8";

/* Fuente original: masar-styles-360-empresas */
:root{
  --blue:#0b2d5c;
  --orange:#fd6604;
  --green:#5a8f22;
  --lime:#94c11f;
  --line:#e6eaef;
  --text:#183258;
  --soft:#f7f9fb;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Avenir Next","Segoe UI",Arial,Helvetica,sans-serif;
  color:var(--text);
  background:#fff;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

.header{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:50;
  padding:0 16px;
}
.header-inner{
  height:82px;
  max-width:1220px;
  margin:0 auto;
  padding:0 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(10px);
  border-radius:0 0 18px 18px;
  box-shadow:0 10px 26px rgba(8,44,90,.08);
}
.brand img{width:155px;height:auto}
.nav{display:flex;align-items:center;gap:31px;font-size:14px;font-weight:700}
.nav>a{position:relative;padding:29px 0 26px}
.nav>a:not(.pill):hover,.nav>a.active{color:var(--orange)}
.nav>a.active:after,.nav>a:not(.pill):hover:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:16px;background:var(--orange)}
.pill{padding:12px 19px!important;border-radius:7px;color:#fff!important;transition:transform .2s ease,box-shadow .2s ease}
.pill.green{background:#4d7f22}
.pill.orange{background:var(--orange)}
.menu-toggle{display:none;border:0;background:none;width:38px}
.menu-toggle span{display:block;height:3px;background:var(--blue);margin:5px 0;border-radius:4px}

.hero{
  position:relative;
  min-height:630px;
  background:url('../images/hero-empresas.webp') center top/cover no-repeat;
}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 28%,rgba(255,255,255,.62) 46%,rgba(255,255,255,0) 65%)}
.hero-content{position:relative;z-index:2;max-width:1220px;margin:auto;padding:146px 26px 58px}
.eyebrow{font-size:14px;font-weight:700;letter-spacing:.15px;margin:0 0 15px}
.orange-text{color:var(--orange)}
.green-text{color:var(--lime)}
.hero h1{font-size:48px;line-height:1.05;letter-spacing:-1.35px;margin:0 0 20px;color:var(--blue);font-weight:700}
.hero h1 span{color:#4e7d27}
.hero-copy{max-width:590px;font-size:16px;line-height:1.5;margin:0 0 24px}
.hero-icons{display:flex;gap:56px;margin:14px 0 30px}
.hero-icons>div{width:95px;text-align:center;font-size:12px;font-weight:700;color:var(--blue)}
.hero-icons img{width:48px;height:48px;object-fit:contain;margin:0 auto 8px}

.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:14px 20px;font:700 14px "Avenir Next","Segoe UI",Arial,Helvetica,sans-serif;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.btn:hover,.pill:hover{transform:translateY(-2px)}
.btn-orange{background:var(--orange);color:#fff}
.btn-orange:hover{box-shadow:0 11px 24px rgba(253,102,4,.33)}
.btn-dark{background:var(--blue);color:#fff;width:100%}
.btn-dark:hover{box-shadow:0 11px 24px rgba(11,45,92,.3)}

.services-strip{background:#fff;padding:14px 0 10px}
.services-grid{max-width:1220px;margin:auto;padding:14px 20px;display:grid;grid-template-columns:repeat(8,1fr)}
.service{min-height:104px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:8px 6px;font-size:11px;font-weight:700}
.service img{width:47px;height:47px;object-fit:contain;margin-bottom:7px}

.section{max-width:1220px;margin:auto;padding:34px 26px}
.section-tight{padding-top:20px;padding-bottom:20px}

.card360{background:linear-gradient(135deg,#092f60,#07366a 58%,#052b54);border-radius:15px;color:#fff;padding:34px;display:grid;grid-template-columns:.95fr 1.35fr;gap:18px;box-shadow:0 8px 20px rgba(10,46,91,.08)}
.c360-left h2{font-size:35px;line-height:1.1;margin:0 0 12px;white-space:nowrap}
.c360-left>p:not(.eyebrow){font-size:14px;line-height:1.52;max-width:490px}
.check-list{list-style:none;margin:17px 0 22px;padding:0}
.check-list li{position:relative;padding-left:25px;margin:10px 0;font-size:13px;line-height:1.35}
.check-list li:before{content:'✓';position:absolute;left:0;top:-1px;border:2px solid #6da430;color:#6da430;width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
.light li:before{border-color:var(--lime);color:var(--lime)}
.c360-right{min-height:430px}
.process-wrap{height:100%;position:relative;min-height:430px}
.wheel{position:absolute;width:45%;left:27.5%;top:54px;z-index:2}
.pstep{position:absolute;display:flex;gap:10px;z-index:3;width:180px}
.pstep img{width:45px;height:45px;object-fit:contain;flex:none}
.pstep b{display:block;font-size:14px}
.pstep b em{font-style:normal;color:#27a1ff}
.pstep span{display:block;font-size:11px;line-height:1.45;margin-top:5px;color:#f2f7fd}
.s1{left:0;top:18px}
.s2{right:0;top:18px}
.s3{right:0;top:236px}
.s4{left:270px;bottom:0}
.s5{left:0;top:246px}
.s2 b em{color:#99c624}
.s3 b em{color:#ffbe17}
.s4 b em{color:var(--orange)}
.s5 b em{color:#ef352d}
.c360-bottom{grid-column:1/-1;background:#f7fbff;color:var(--blue);border-radius:12px;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;margin-top:10px}
.c360-bottom>div{text-align:center;padding:18px 16px;border-right:1px solid #d7e1eb}
.c360-bottom>div:last-child{border-right:0}
.c360-bottom img{width:48px;height:48px;object-fit:contain;margin:0 auto 7px}
.c360-bottom b{display:block;font-size:12px}
.c360-bottom span{display:block;font-size:10px;line-height:1.45;margin-top:5px}

.opportunity{background:linear-gradient(90deg,#286c13,#317d0e);border-radius:12px;color:#fff;min-height:108px;padding:16px 28px;display:grid;grid-template-columns:82px 1fr auto;gap:18px;align-items:center}
.opportunity>img{width:72px;height:72px;object-fit:contain}
.opportunity h2{font-size:20px;margin:0 0 4px}
.opportunity h2 span{color:var(--orange)}
.opportunity p{font-size:12px;margin:0}

.unified{border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:1fr 1.1fr;overflow:hidden;background:#fff}
.unified article{padding:30px 34px}
.unified article+article{border-left:1px solid var(--line)}
.unified h2,.section-heading h2{margin:0 0 14px;color:var(--orange);font-size:27px}
.unified .check-list li{font-size:12px;margin:14px 0}
.who-lead{font-size:13px;font-weight:700;line-height:1.45}
.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin:22px 0}
.who-grid>div{display:flex;gap:10px;align-items:flex-start}
.who-grid img{width:45px;height:45px;object-fit:contain}
.who-grid b,.who-grid span{display:block}
.who-grid b{font-size:12px}
.who-grid span{font-size:10px;line-height:1.35;margin-top:3px}
.who-cta{display:flex;justify-content:center;margin-top:6px}

.section-heading{text-align:center;margin-bottom:22px}
.section-heading h2{margin-bottom:5px}
.section-heading p{font-size:12px;color:#304a70;margin:0}
.carousel-wrap{position:relative}
.sector-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 6px;cursor:grab}
.sector-track:active{cursor:grabbing}
.sector-track::-webkit-scrollbar{display:none}
.sector-track img{flex:0 0 190px;width:190px;height:285px;object-fit:cover;border-radius:14px;scroll-snap-align:start;box-shadow:0 8px 18px rgba(9,39,78,.10)}
.carousel-btn{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid #dce3eb;background:#fff;color:var(--orange);font-size:28px;box-shadow:0 5px 14px rgba(0,0,0,.08);cursor:pointer}
.carousel-btn.prev{left:-13px}
.carousel-btn.next{right:-13px}
.carousel-dots{text-align:center;margin-top:16px}
.carousel-dots span{display:inline-block;width:7px;height:7px;background:#d6dce3;border-radius:50%;margin:0 3px;transition:all .25s ease}
.carousel-dots .active{background:var(--orange);width:18px;border-radius:8px}

.faq-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:last-child{border-bottom:0}
.faq-item button{width:100%;border:0;background:#fff;text-align:left;padding:15px 44px 15px 18px;font:700 14px "Avenir Next","Segoe UI",Arial,Helvetica,sans-serif;color:var(--blue);position:relative;cursor:pointer}
.faq-item button span{position:absolute;right:18px;color:var(--orange);font-size:20px;top:9px;transition:transform .28s ease}
.faq-item>div{display:grid;grid-template-rows:0fr;opacity:.2;transition:grid-template-rows .34s ease,opacity .34s ease}
.faq-item>div>p{overflow:hidden;margin:0;padding:0 18px;font-size:12px;line-height:1.6;color:#55677f;transition:padding .34s ease}
.faq-item.open>div{grid-template-rows:1fr;opacity:1}
.faq-item.open>div>p{padding:0 18px 15px}
.faq-item.open button span{transform:rotate(45deg)}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.coverage-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;min-height:330px;display:flex;align-items:center}
.coverage-card img{width:100%;height:auto}
.contact-card{background:linear-gradient(135deg,#ff5b00,#fd6604);border-radius:12px;padding:30px;color:#fff}
.contact-card h2{font-size:24px;margin:0 0 5px}
.contact-card p{font-size:12px;margin:0 0 16px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.contact-card input,.contact-card textarea{width:100%;border:0;border-radius:4px;padding:10px 11px;margin-bottom:8px;font:12px "Avenir Next","Segoe UI",Arial,Helvetica,sans-serif}
.contact-card textarea{resize:vertical;min-height:128px}
.contact-extra{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 12px}
.contact-extra>div{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:11px 12px}
.contact-extra strong{display:block;font-size:12px;margin-bottom:4px}
.contact-extra span{display:block;font-size:11px;line-height:1.45}
.contact-note{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.45;margin:0 0 14px;color:#fff}
.contact-note input{width:15px;height:15px;margin:2px 0 0;flex:none}

.footer{background:linear-gradient(135deg,#082c5a,#062344);color:#fff;padding:31px 28px 13px}
.footer-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.45fr 1fr .8fr 1fr;gap:40px}
.footer-brand img{width:150px;filter:brightness(0) invert(1)}
.footer p{font-size:10px;line-height:1.55;color:#e7eef7}
.footer h3{font-size:12px;margin:0 0 9px}
.footer a{display:block;font-size:10px;line-height:1.75;color:#eef4fb}
.socials{display:flex;gap:8px;margin-top:9px}
.socials a{width:26px;height:26px;border-radius:50%;background:#fff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:700}
.footer-bottom{max-width:1220px;margin:20px auto 0;padding-top:11px;border-top:1px solid rgba(255,255,255,.14);font-size:9px;display:flex;justify-content:space-between;gap:20px}

/* V5 polish */
.services-grid,.section,.footer-grid,.footer-bottom{width:100%}
.card360,.unified,.coverage-card,.contact-card{box-shadow:0 10px 28px rgba(10,46,91,.06)}
.service img{transition:transform .22s ease}
.service:hover img{transform:translateY(-3px)}
.sector-track img{transition:transform .25s ease,box-shadow .25s ease}
.sector-track img:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(9,39,78,.15)}
.faq-item button{transition:background .2s ease,color .2s ease}
.faq-item button:hover{background:#fbfcfe}
.contact-card input:focus,.contact-card textarea:focus{outline:2px solid rgba(11,45,92,.22);outline-offset:1px}

@media(max-width:950px){
  .header{padding:0}
  .header-inner{height:68px;border-radius:0;max-width:none;padding:0 22px}
  .brand img{width:137px}
  .menu-toggle{display:block}
  .nav{display:none;position:absolute;left:16px;right:16px;top:68px;background:#fff;flex-direction:column;gap:0;padding:10px 22px 18px;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;box-shadow:0 10px 20px rgba(0,0,0,.06)}
  .nav.open{display:flex}
  .nav a{padding:12px 4px!important;width:100%}
  .nav .pill{text-align:center;margin-top:7px}
  .hero{min-height:620px;background-position:68% top}
  .hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 48%,rgba(255,255,255,.25) 75%,rgba(255,255,255,0) 100%)}
  .hero-content{padding:108px 22px 290px}
  .hero h1{font-size:36px}
  .services-grid{grid-template-columns:repeat(4,1fr)}
  .card360{grid-template-columns:1fr}
  .c360-left h2{white-space:normal}
  .c360-right{min-height:470px}
  .c360-bottom{grid-template-columns:repeat(2,1fr)}
  .c360-bottom>div{border-bottom:1px solid #d7e1eb}
  .c360-bottom>div:nth-child(even){border-right:0}
  .c360-bottom>div:last-child{grid-column:1/-1}
  .opportunity{grid-template-columns:70px 1fr}
  .opportunity .btn{grid-column:1/-1;justify-self:center}
  .unified{grid-template-columns:1fr}
  .unified article+article{border-left:0;border-top:1px solid var(--line)}
  .contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1.3fr 1fr}
}

@media(max-width:580px){
  .header-inner{padding:0 16px}
  .hero{min-height:595px;background-position:70% top}
  .hero-content{padding:98px 18px 230px}
  .eyebrow{font-size:10px}
  .hero h1{font-size:29px;letter-spacing:-.7px}
  .hero-copy{font-size:13px}
  .hero-icons{gap:8px;justify-content:space-between}
  .hero-icons>div{width:23%;font-size:9px}
  .hero-icons img{width:38px;height:38px}
  .services-grid{grid-template-columns:repeat(2,1fr);padding:10px}
  .service{min-height:96px}
  .section{padding:17px 12px}
  .card360{padding:21px 15px}
  .c360-left h2{font-size:27px}
  .c360-right{min-height:auto}
  .process-wrap{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:5px}
  .wheel{position:relative;left:auto;top:auto;width:72%;margin:0 auto 12px;grid-column:1/-1}
  .pstep{position:static;width:auto;display:block;text-align:center}
  .pstep img{margin:0 auto 5px;width:36px;height:36px}
  .pstep span{font-size:9px}
  .c360-bottom{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .c360-bottom>div{flex:0 0 76%;border-right:1px solid #d7e1eb!important;border-bottom:0!important;scroll-snap-align:center}
  .opportunity{grid-template-columns:55px 1fr;padding:14px}
  .opportunity>img{width:50px;height:50px}
  .opportunity h2{font-size:16px}
  .opportunity p{font-size:10px}
  .unified article{padding:20px 18px}
  .who-grid{grid-template-columns:1fr 1fr}
  .sector-track{gap:10px}
  .sector-track img{flex-basis:72vw;width:72vw;height:auto;aspect-ratio:2/3}
  .carousel-btn{display:none}
  .section-heading h2{font-size:20px}
  .section-heading p{font-size:10px}
  .two,.contact-extra{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}
  .coverage-card{min-height:auto}
}

/* V6 requested refinements */
:root{
  --green:#2D7411;
  --lime:#2D7411;
}
.header{background:transparent}
.header-inner{
  background:transparent;
  backdrop-filter:none;
  box-shadow:none;
  border-radius:0;
}
.pill.green{background:#2D7411}
.hero-green,.green-text{color:#2D7411!important}
.hero h1 span{color:#2D7411}
.hero-icons{gap:34px;margin-bottom:20px}
.hero{min-height:535px}
.hero-content{padding-bottom:24px}
.services-strip{padding-top:0}
.services-grid{padding-top:9px}
.btn{padding:11px 17px;font-size:13px;border-radius:6px}
.pill{padding:10px 17px!important;border-radius:6px}
.unified article:first-child{display:flex;flex-direction:column}
.unified article:first-child .check-list{margin:12px 0 0;display:flex;flex-direction:column;justify-content:space-between;flex:1}
.unified article:first-child .check-list li{font-size:14px;line-height:1.55;margin:0 0 19px;padding-left:29px}
.unified article:first-child .check-list li:last-child{margin-bottom:0}
.unified article:first-child .check-list li:before{width:17px;height:17px;font-size:11px;top:1px}
.who-grid b{color:#2D7411;font-size:13px}
.section-heading p{color:var(--blue);font-weight:700;font-size:13px}
.c360-bottom b{color:var(--orange);font-size:13px}
.contact-extra{display:none!important}
.contact-reassurance{font-size:11px;font-weight:700;line-height:1.4;margin:2px 0 12px;color:#fff}
.contact-card .btn-dark{width:76%;margin:0 auto;display:flex}

@media(max-width:950px){
  .header-inner{background:rgba(255,255,255,.88);backdrop-filter:blur(8px)}
  .hero-icons{gap:24px}
  .hero{min-height:610px}
}
@media(max-width:580px){
  .header-inner{background:rgba(255,255,255,.90)}
  .hero-icons{gap:6px}
  .hero{min-height:585px}
  .unified article:first-child .check-list li{font-size:13px;margin-bottom:15px}
  .contact-card .btn-dark{width:100%}
}

/* V6 corrected — requested refinements */
:root{
  --green:#92B501;
  --lime:#92B501;
}

/* Transparent header over the hero */
.header-inner{
  background:transparent;
  backdrop-filter:none;
  box-shadow:none;
}
.pill.green{background:var(--green)}

/* New hero image already contains the white fade on the left */
.hero{
  min-height:610px;
  background-image:url('../images/hero-empresas.webp');
  background-position:center top;
  background-size:cover;
}
.hero-overlay{background:transparent}
.hero-content{padding-top:126px;padding-bottom:34px}
.hero h1 span,.hero-green,.green-text{color:var(--green)!important}
.hero-icons{gap:34px;margin-top:12px;margin-bottom:16px;max-width:475px}
.hero-cta{width:475px;text-align:center}

/* Buttons: slimmer, no shadow, contrast only */
.btn,.pill{box-shadow:none!important;transform:none!important}
.btn{padding:12px 18px;border-radius:6px;transition:background-color .18s ease,color .18s ease,filter .18s ease}
.btn:hover,.pill:hover{box-shadow:none!important;transform:none!important;filter:brightness(.94)}
.btn-orange:hover,.btn-dark:hover{box-shadow:none!important}

/* Solutions label above service icons */
.services-strip{padding-top:8px;padding-bottom:8px}
.services-title{margin:0 auto 2px;text-align:center;color:var(--orange);font-size:19px;line-height:1.2;font-weight:700}
.services-grid{padding-top:8px}
.service{min-height:98px}

/* Use the selected green consistently */
.check-list li:before{border-color:var(--green);color:var(--green)}
.light li:before{border-color:var(--green);color:var(--green)}
.who-grid b{color:var(--green)}

/* More readable 'Qué nos diferencia' card */
.unified article:first-child .check-list{margin-top:22px}
.unified article:first-child .check-list li{font-size:14px;line-height:1.55;margin:20px 0;padding-left:28px}

/* Who we are exact icons + title colour */
.who-grid img{width:47px;height:47px}

/* Sector subtitle */
.section-heading p{color:var(--blue);font-weight:700;font-size:13px}

/* 360 bottom labels in orange */
.c360-bottom b{color:var(--orange);font-size:12px}

/* Move step 04 closer to its arrow/wheel and center it */
.s4{left:50%;transform:translateX(-50%);bottom:4px;width:210px;justify-content:center}

/* Contact form CTA in green; remove old auxiliary boxes */
.contact-extra{display:none!important}
.form-trust{font-size:11px!important;margin:3px 0 12px!important;color:#fff;font-weight:700}
.contact-card .btn-dark{background:var(--green);color:#fff}
.contact-card .btn-dark:hover{background:#819f01;filter:none}

/* Keep all green text aligned to the selected brand green */
.hero-green,.green-text,.who-grid b{color:#92B501!important}

@media(max-width:950px){
  .header-inner{background:rgba(255,255,255,.9);backdrop-filter:blur(8px)}
  .hero-content{padding-top:96px}
  .hero-cta{width:auto;text-align:left}
}
@media(max-width:580px){
  .hero-content{padding-top:88px}
  .hero-icons{max-width:none;gap:8px}
  .hero-cta{width:auto;text-align:center}
  .services-title{font-size:18px;margin-top:2px}
  .s4{transform:none;width:auto}
}

/* V6 FINAL — ajustes de cierre 15/08/2026 */
/* Mostrar el hero completo en escritorio respetando la proporción original 1672×941 */
@media(min-width:951px){
  .hero{
    min-height:0;
    aspect-ratio:1672 / 941;
    background-size:100% 100%;
    background-position:center center;
    background-repeat:no-repeat;
  }
  .hero-content{
    padding-top:126px;
    padding-bottom:36px;
  }
}

/* Más respiración entre iconos y CTA del hero */
.hero-cta{margin-top:14px}

/* Bloque 360: checks más legibles y CTA algo más bajo */
.c360-left .check-list li{
  padding-left:33px;
  line-height:1.5;
  margin:11px 0;
}
.c360-left .check-list li:before{left:0}
.c360-left > .btn{margin-top:9px}

/* Paso 04 más próximo a la flecha inferior */
.s4{
  bottom:24px;
}

/* Qué nos diferencia: más separación respecto al check y todo en negrita */
.unified article:first-child .check-list li{
  padding-left:35px;
  font-weight:700;
  line-height:1.6;
}

/* Quiénes somos: icono arriba y títulos naranjas */
.who-grid>div{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:6px;
}
.who-grid img{
  width:47px;
  height:47px;
  margin:0 auto 2px;
}
.who-grid p{margin:0}
.who-grid b{
  color:var(--orange)!important;
  font-size:13px;
}
.who-grid span{
  margin-top:4px;
}

@media(max-width:950px){
  .hero{background-size:cover}
  .hero-cta{margin-top:12px}
  .s4{bottom:0}
}


/* ===== V6 ÚLTIMA — correcciones solicitadas ===== */

/* Hero: mostrar la imagen completa en escritorio, sin recorte */
@media (min-width: 951px){
  .hero{
    min-height:0 !important;
    aspect-ratio:1672 / 941 !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }
  .hero-content{
    padding-top:118px !important;
    padding-bottom:34px !important;
  }
}

/* Más aire entre los iconos del hero y el CTA */
.hero-cta{
  margin-top:28px !important;
}

/* 360º: más interlineado, más separación del check y CTA más abajo */
.c360-left .check-list{
  margin-bottom:18px !important;
}
.c360-left .check-list li{
  padding-left:40px !important;
  line-height:1.62 !important;
  margin:12px 0 !important;
}
.c360-left .check-list li:before{
  left:0 !important;
}
.c360-left > .btn{
  margin-top:18px !important;
}

/* Paso 04 algo más arriba y más cerca de su flecha */
.s4{
  bottom:46px !important;
}

/* ¿Qué nos diferencia?: más separación del icono y frases completas en negrita */
.unified article:first-child .check-list li{
  padding-left:42px !important;
  font-weight:700 !important;
  line-height:1.7 !important;
  margin:18px 0 !important;
}
.unified article:first-child .check-list li strong{
  font-weight:800 !important;
}

/* ¿Quiénes somos?: iconos arriba y títulos naranjas */
.who-grid{
  gap:20px 28px !important;
}
.who-grid>div{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  gap:7px !important;
}
.who-grid img{
  width:50px !important;
  height:50px !important;
  object-fit:contain !important;
  margin:0 auto 3px !important;
}
.who-grid p{
  margin:0 !important;
  text-align:center !important;
}
.who-grid b{
  color:var(--orange) !important;
  font-size:13px !important;
}
.who-grid span{
  display:block !important;
  margin-top:4px !important;
}

/* Mantener los botones sin sombra */
.btn,.pill,.carousel-btn{
  box-shadow:none !important;
}
.btn:hover,.pill:hover{
  box-shadow:none !important;
  transform:none !important;
}

/* Móvil/tablet: no forzar la proporción panorámica */
@media (max-width: 950px){
  .hero{
    aspect-ratio:auto !important;
    background-size:cover !important;
  }
  .hero-cta{margin-top:20px !important;}
  .s4{bottom:0 !important;}
}


/* ===== AJUSTE HERO 15/08/2026 ===== */
/* Hacer el hero más estrecho y menos alto para que entre mejor en la primera pantalla */
@media (min-width: 951px){
  .hero{
    min-height: clamp(620px, 84vh, 760px) !important;
    height: clamp(620px, 84vh, 760px) !important;
    aspect-ratio: auto !important;
    background-size: 100% auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
  .hero-content{
    padding-top: 104px !important;
    padding-bottom: 42px !important;
  }
  .hero-copy{
    margin-bottom: 20px !important;
  }
  .hero-icons{
    margin-top: 12px !important;
    margin-bottom: 20px !important;
  }
  .hero-cta{
    margin-top: 34px !important;
  }
}

@media (max-width: 950px){
  .hero{
    height: auto !important;
  }
}


/* ===== V6 DEFINITIVA — ajustes finales ===== */
:root{--green:#92B501}

/* Hero: bajar un poco todo el bloque manteniendo la separación actual */
@media (min-width: 951px){
  .hero{
    min-height: clamp(620px, 84vh, 760px) !important;
    height: clamp(620px, 84vh, 760px) !important;
    background-size: 100% auto !important;
    background-position: center top !important;
    overflow: hidden;
  }
  .hero-content{
    padding-top: 122px !important;
    padding-bottom: 42px !important;
  }
}

/* Pequeño degradado blanco en la base del hero */
.hero::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:46px;
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.94) 72%, #fff 100%);
  pointer-events:none;
  z-index:1;
}
.hero-overlay,.hero-content{z-index:2}
.hero-content{position:relative;z-index:3}

/* Separación y decoración del título Soluciones */
.services-strip{
  padding-top: 18px !important;
  margin-top: 6px;
}
.services-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin: 0 auto 12px !important;
}
.services-title::before,
.services-title::after{
  content:"";
  display:block;
  width:86px;
  height:1px;
  background:var(--orange);
  opacity:.9;
}

/* Los iconos de servicios no son botones: sin hover visual */
.service img,
.service,
.service span{
  transition:none !important;
  transform:none !important;
  cursor:default;
}
.service:hover img,
.service:hover{
  transform:none !important;
}

/* CTA del hero un poco más abajo */
.hero-cta{margin-top: 40px !important;}

/* Textos pequeños más legibles */
.c360-bottom span{font-size:11px !important; line-height:1.58 !important;}
.who-grid span{font-size:11px !important; line-height:1.5 !important;}
.faq-item>div>p{font-size:13px !important; line-height:1.72 !important;}
.section-heading p{font-size:13px !important; line-height:1.55 !important;}

/* Qué nos diferencia */
.unified article:first-child .check-list li,
.c360-left .check-list li{
  padding-left:44px !important;
}
.unified article:first-child .check-list li::before,
.c360-left .check-list li::before{
  left:2px !important;
}
.unified article:first-child .check-list li{
  font-weight:700 !important;
}

/* Quiénes somos */
.who-lead{
  color:var(--blue) !important;
  font-weight:700 !important;
  font-size:14px !important;
  line-height:1.6 !important;
  max-width:650px;
}
.who-grid b{color:var(--orange) !important;}

/* Footer */
.footer-grid{grid-template-columns:1.35fr .9fr .9fr .95fr !important;}
.footer-grid > div:not(.footer-brand){padding-left:24px;}
.footer h3{font-size:13px !important;}
.footer a{font-size:11px !important; transition:font-weight .15s ease, color .15s ease;}
.footer-grid > div:not(.footer-brand) a:hover{font-weight:700; color:#fff;}

.socials{display:flex;gap:10px;margin-top:12px;align-items:center;}
.social-icon{
  width:32px !important;
  height:32px !important;
  border-radius:50%;
  background:#fff;
  color:var(--blue) !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  padding:0 !important;
}
.social-icon svg{width:17px;height:17px;fill:currentColor;display:block;}
.social-icon:hover{filter:brightness(.96);}

@media (max-width: 950px){
  .services-title::before,
  .services-title::after{width:56px;}
  .footer-grid > div:not(.footer-brand){padding-left:0;}
}


/* ===== AJUSTES FINALES LIGEROS ===== */
@media (min-width: 951px){
  /* Subir ligeramente la imagen del hero para ver mejor el coche, manteniendo tamaño */
  .hero{
    background-position: center -18px !important;
  }
  /* Bajar el bloque interior del hero manteniendo las separaciones internas */
  .hero-content{
    padding-top: 142px !important;
    padding-bottom: 34px !important;
  }
  /* Más aire bajo el botón del hero respecto al siguiente bloque */
  .services-strip{
    padding-top: 28px !important;
    margin-top: 14px !important;
  }
}

/* El botón del hero un poco más abajo */
.hero-cta{margin-top: 52px !important;}

/* Líneas naranjas más largas a ambos lados de “Soluciones” */
.services-title::before,
.services-title::after{
  width: 122px !important;
}

/* Botones de servicios totalmente estáticos */
.service, .service img, .service span{
  transition: none !important;
}
.service:hover, .service:hover img, .service:hover span{
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
}

/* Textos secundarios ligeramente mayores */
.c360-bottom span,
.who-grid span,
.section-heading p,
.faq-item > div > p,
.unified article p,
.contact-card p,
.contact-note,
.service span{
  font-size: 12px !important;
  line-height: 1.65 !important;
}
.faq-item > div > p{font-size:13px !important;}

/* Botón del formulario en un verde más oscuro, como el mapa */
.contact-card .btn-dark,
.contact-card .btn-dark:hover{
  background:#4F7F1F !important;
  color:#fff !important;
}

/* Footer: bloques más juntos y alineados a la derecha */
.footer-grid{
  grid-template-columns: 1.55fr .68fr .68fr .82fr !important;
  gap: 18px !important;
}
.footer-grid > div:not(.footer-brand){
  justify-self:end !important;
  text-align:right !important;
  padding-left:0 !important;
}
.footer-grid > div:not(.footer-brand) h3,
.footer-grid > div:not(.footer-brand) a{
  text-align:right !important;
}
.footer-grid > div:nth-child(2),
.footer-grid > div:nth-child(3),
.footer-grid > div:nth-child(4){
  max-width: 180px;
}
.footer-grid > div:not(.footer-brand) a:hover{
  font-weight:700 !important;
}

@media (max-width: 950px){
  .services-title::before,
  .services-title::after{width:76px !important;}
  .hero-cta{margin-top: 34px !important;}
}


/* ===== OPORTUNIDADES FINAL ===== */
.opportunity-section{padding-top:10px !important;padding-bottom:14px !important;}
.opportunity-v2{
  display:grid !important;
  grid-template-columns:90px minmax(0,1fr) 390px !important;
  gap:26px !important;
  align-items:center !important;
  min-height:300px !important;
  padding:26px 28px !important;
  background:linear-gradient(105deg,#2b761d 0%,#247018 56%,#2f831f 100%) !important;
  border-radius:14px !important;
}
.opp-icon-wrap{align-self:start;padding-top:20px;}
.opp-icon{width:72px !important;height:72px !important;object-fit:contain !important;}
.opp-copy{min-width:0;}
.opp-copy h2{margin:0 0 13px !important;font-size:25px !important;line-height:1.15 !important;color:#fff !important;font-weight:800 !important;}
.opp-copy h2 span{color:var(--orange) !important;}
.opp-copy p{margin:0 0 10px !important;color:#fff !important;font-size:13px !important;line-height:1.55 !important;max-width:690px;}
.opp-copy .opp-honesty{margin-top:13px !important;font-weight:700 !important;}
.opp-points{display:flex;flex-wrap:wrap;gap:10px 19px;margin-top:17px;}
.opp-points>div{display:flex;align-items:center;gap:8px;color:#fff;font-size:11.5px;white-space:nowrap;}
.opp-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid var(--orange);border-radius:50%;color:var(--orange);font-size:15px;font-weight:900;line-height:1;}
.opp-media{justify-self:end;width:330px;display:flex;flex-direction:column;align-items:flex-end;gap:16px;}
.opp-media>img{width:330px;height:150px;object-fit:cover;border-radius:12px;display:block;}
.opp-btn{min-width:250px !important;padding:12px 19px !important;font-size:14px !important;text-align:center;}

/* Crisp vector social icons */
.socials{display:flex;gap:9px;align-items:center;margin-top:12px;}
.social-icon{display:inline-flex !important;align-items:center;justify-content:center;width:30px !important;height:30px !important;border-radius:50%;background:#fff !important;padding:0 !important;color:var(--blue) !important;overflow:hidden;}
.social-icon svg{width:17px;height:17px;display:block;fill:currentColor;}
.social-icon:hover{filter:brightness(.94);font-weight:normal !important;}

@media(max-width:1050px){
  .opportunity-v2{grid-template-columns:70px 1fr 280px !important;gap:20px !important;}
  .opp-media{width:280px;}.opp-media>img{width:280px;height:128px;}
  .opp-copy h2{font-size:22px !important;}.opp-copy p{font-size:12px !important;}
}
@media(max-width:780px){
  .opportunity-v2{grid-template-columns:64px 1fr !important;}
  .opp-media{grid-column:1/-1;width:100%;align-items:center;}
  .opp-media>img{width:100%;height:auto;max-height:180px;object-fit:cover;}
  .opp-points{gap:10px;}.opp-points>div{white-space:normal;}
}
@media(max-width:560px){
  .opportunity-v2{grid-template-columns:1fr !important;padding:22px 18px !important;}
  .opp-icon-wrap{padding-top:0;}.opp-icon{margin:0 auto;}
  .opp-copy h2{text-align:center;font-size:22px !important;}
  .opp-copy p{text-align:left;font-size:12.5px !important;}
  .opp-points{display:grid;grid-template-columns:1fr;}
  .opp-media{grid-column:auto;}
  .opp-btn{width:100%;}
}



/* ===== Ajustes 15/08/2026 solicitados ===== */
.contact-card select{
  width:100%;
  border:0;
  border-radius:4px;
  padding:10px 11px;
  margin-bottom:8px;
  font:12px "Avenir Next","Segoe UI",Arial,Helvetica,sans-serif;
  color:#1d2b3a;
  background:#fff;
  appearance:auto;
  background-image:none;
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:16px;
  padding-right:36px;
}
.contact-card select:focus{outline:2px solid rgba(11,45,92,.22);outline-offset:1px}
.contact-card .btn-dark,
.contact-card .btn-dark:hover{
  background:var(--blue) !important;
  color:#fff !important;
}
.contact-card .btn-dark:hover{filter:brightness(.96) !important}
.contact-whatsapp{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  color:#fff;
  font-size:12px;
  font-weight:700;
}
.contact-whatsapp svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto}
.contact-whatsapp a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.contact-whatsapp a:hover{border-bottom-color:#fff}
.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  width:58px;
  height:58px;
  border-radius:50%;
  background:#25D366;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  z-index:999;
  transition:transform .18s ease, filter .18s ease;
}
.whatsapp-float:hover{transform:translateY(-2px);filter:brightness(.97)}
.whatsapp-float svg{width:28px;height:28px;fill:currentColor}
@media(max-width:580px){
  .whatsapp-float{right:14px;bottom:14px;width:54px;height:54px}
}



/* ===== V8 FINAL: oportunidades + formulario + footer ===== */
@media (min-width: 1060px){
  .opportunity-v2{
    grid-template-columns:92px minmax(0,1fr) 390px !important;
    column-gap:26px !important;
    min-height:306px !important;
    padding:26px 28px !important;
    align-items:center !important;
  }
  .opp-copy h2{max-width:640px !important;}
  .opp-copy p{max-width:650px !important;}
  .opp-points{
    display:grid !important;
    grid-template-columns:max-content max-content max-content !important;
    align-items:center !important;
    gap:16px !important;
    margin-top:19px !important;
    white-space:nowrap !important;
  }
  .opp-points>div{font-size:11.2px !important;gap:8px !important;}
  .opp-media{
    width:340px !important;
    height:236px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    align-items:center !important;
    align-self:center !important;
  }
  .opp-media>img{
    width:340px !important;
    height:158px !important;
    object-fit:cover !important;
    border-radius:12px !important;
  }
  .opp-btn{
    width:275px !important;
    min-width:275px !important;
    margin:0 auto !important;
    padding:12px 18px !important;
  }
}

/* El formulario mantiene el aspecto original: solo cambia selector y CTA azul */
.contact-card select{
  min-height:38px !important;
  margin-bottom:8px !important;
}
.contact-card .btn-dark,
.contact-card .btn-dark:hover{
  background:#0B2D5C !important;
  color:#fff !important;
  box-shadow:none !important;
}

/* WhatsApp: acceso discreto y siempre disponible */
.whatsapp-float{
  box-shadow:0 6px 16px rgba(0,0,0,.18) !important;
}

/* Footer: sin enlace redundante de Contacto en la columna Enlaces */
.footer-grid > div:nth-child(3) a[href="#contacto"]{display:none !important;}



/* EMPRESAS — construida sobre HOME V8 FINAL AJUSTE OPORTUNIDADES */
:root{--green:#92B501;--lime:#92B501}
/* Hero: same geometry/behavior as V8, different B2B image */
.hero{background-image:none!important;background-position:center right!important;background-size:cover!important}
.hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.98) 31%,rgba(255,255,255,.80) 46%,rgba(255,255,255,.25) 61%,rgba(255,255,255,0) 73%)!important}

.empresas-needs{max-width:1220px;margin:0 auto;padding-left:26px;padding-right:26px}
.needs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.need-card{border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,#fff,#fbfcfd);box-shadow:0 8px 24px rgba(8,44,90,.06);padding:22px;display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start}
.need-card img{width:52px;height:52px;object-fit:contain}.need-card h3{font-size:16px;color:var(--blue);margin:2px 0 7px}.need-card p{font-size:13px;line-height:1.5;margin:0 0 10px}.need-card a{color:var(--orange);font-size:12px;font-weight:800}

.opportunity-enterprise{display:block!important;padding:30px 34px!important}
.opp-head{display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:center;margin-bottom:22px}.opp-head .opp-icon-wrap{display:flex;align-items:center;justify-content:center}.opp-head .opp-icon{width:70px!important;height:70px!important;object-fit:contain}.opp-head h2{font-size:27px;margin:0 0 7px}.opp-head p{margin:0;max-width:900px;line-height:1.55;font-size:13px}
.opp-detail-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,.22);border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#fff,#f7fbeF);color:var(--blue)}
.opp-detail{min-height:128px;padding:16px 10px;text-align:center;border-right:1px solid #e1e8dd;border-bottom:1px solid #e1e8dd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.opp-detail:nth-child(5n){border-right:0}.opp-detail:nth-child(n+6){border-bottom:0}.opp-detail svg{width:40px;height:40px;fill:none;stroke:#92B501;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.opp-detail b{font-size:11px;line-height:1.28}
.opp-enterprise-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:18px}.opp-enterprise-footer p{margin:0;font-size:12.5px;line-height:1.45}.opp-enterprise-footer .btn{white-space:nowrap}

.why-enterprise{max-width:1220px;margin:0 auto;padding-left:26px;padding-right:26px}.why-row{margin-top:24px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.why-row>div{background:#fff}

@media(max-width:900px){.needs-grid{grid-template-columns:1fr}.opp-detail-grid{grid-template-columns:repeat(2,1fr)}.opp-detail{border-right:1px solid #e1e8dd!important;border-bottom:1px solid #e1e8dd!important}.opp-detail:nth-child(2n){border-right:0!important}.opp-detail:nth-last-child(-n+2){border-bottom:0!important}.opp-enterprise-footer{flex-direction:column;align-items:flex-start}.hero{background-position:68% center!important}}
@media(max-width:620px){.empresas-needs,.why-enterprise{padding-left:18px;padding-right:18px}.opp-head{grid-template-columns:1fr;text-align:center}.opp-head .opp-icon-wrap{display:none}.opp-detail-grid{grid-template-columns:1fr 1fr}.opp-detail{min-height:116px}.opportunity-enterprise{padding:24px 18px!important}.opp-enterprise-footer .btn{width:100%}.hero{background-position:72% center!important}}


/* ---- empresas-v2-ajustes ---- */
:root{--green:#92B501;--lime:#92B501}

/* Hero: mantiene exactamente el tratamiento V8 y cambia solo la fotografía */
.hero{
  
  background-position:center right !important;
  background-size:cover !important;
}
.hero-overlay{
  background:linear-gradient(90deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.97) 29%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.28) 58%,rgba(255,255,255,0) 72%) !important;
}

/* Cómo podemos ayudarte: una sola pieza visual, no tres tarjetas sueltas */
.help-choice{
  max-width:1168px;margin:24px auto 0;background:linear-gradient(110deg,#fff 0%,#fbfdf7 100%);
  border:1px solid #e2e8ee;border-radius:16px;box-shadow:0 12px 30px rgba(11,45,92,.07);
  display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;
}
.help-path{
  padding:28px 27px;display:grid;grid-template-columns:58px 1fr;gap:16px;min-height:210px;
  border-right:1px solid #e2e8ee;position:relative;
}
.help-path:last-child{border-right:0}
.help-path:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:transparent}
.help-path:hover:before{background:var(--orange)}
.help-icon{width:52px;height:52px;border-radius:50%;background:#f4f9e9;display:flex;align-items:center;justify-content:center;color:var(--lime)}
.help-icon svg{width:30px;height:30px;fill:none;stroke:var(--lime);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.help-icon-360{font-size:14px;font-weight:900;border:1px solid rgba(146,181,1,.5)}
.help-kicker{display:block;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.7px;margin-bottom:5px}
.help-path h3{font-size:17px;color:var(--blue);margin:0 0 8px}
.help-path p{font-size:12.5px;line-height:1.55;color:#435a78;margin:0 0 12px}
.help-path a{font-size:12px;font-weight:800;color:var(--orange)}

/* 360º compacto: diferencial, no repetición de la home */
.c360-compact{
  max-width:1168px;margin:0 auto;background:linear-gradient(120deg,#0b2d5c,#073c74);
  color:white;border-radius:16px;padding:31px 35px;display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;
  box-shadow:0 14px 34px rgba(11,45,92,.14);
}
.c360-compact .eyebrow{margin:0 0 6px}
.c360-compact h2{font-size:30px;line-height:1.08;margin:0 0 9px;color:#fff}
.c360-compact h2 span{color:var(--lime)}
.c360-compact-main>p:not(.eyebrow){font-size:13px;line-height:1.55;color:#eef4fb;margin:0 0 17px}
.c360-mini-flow{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center;gap:6px}
.c360-mini-flow>div{text-align:center;padding:14px 6px}
.c360-mini-flow b{display:flex;width:35px;height:35px;border:1px solid var(--lime);border-radius:50%;align-items:center;justify-content:center;margin:0 auto 8px;color:var(--lime);font-size:12px}
.c360-mini-flow span{display:block;font-weight:800;font-size:12px;color:#fff}
.c360-mini-flow small{display:block;font-size:10px;line-height:1.35;color:#cbd9e9;margin-top:4px}
.c360-mini-flow i{font-style:normal;color:var(--orange);font-size:21px;text-align:center}

/* Por qué MASAR: contraste intencionado frente al fondo blanco */
.why-dark{
  max-width:1168px;margin:0 auto;border-radius:16px;background:#0b2d5c;color:#fff;padding:30px 34px 26px;
  box-shadow:0 12px 30px rgba(11,45,92,.13);
}
.why-dark-head{text-align:left;max-width:760px}
.why-dark-head .eyebrow{margin:0 0 5px}
.why-dark-head h2{font-size:29px;line-height:1.1;margin:0 0 8px;color:#fff}
.why-dark-head h2 span{color:var(--lime)}
.why-dark-head>p:not(.eyebrow){margin:0;color:#dce7f3;font-size:13px;line-height:1.5}
.why-dark-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:25px;border-top:1px solid rgba(255,255,255,.16)}
.why-dark-grid>div{padding:21px 19px 5px;border-right:1px solid rgba(255,255,255,.14)}
.why-dark-grid>div:last-child{border-right:0}
.why-dark-grid svg{width:34px;height:34px;fill:none;stroke:var(--lime);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}
.why-dark-grid b{display:block;font-size:12px;color:#fff;margin-bottom:5px}
.why-dark-grid span{display:block;font-size:10.5px;line-height:1.45;color:#cbd9e9}

@media(max-width:900px){
  .help-choice{grid-template-columns:1fr}
  .help-path{border-right:0;border-bottom:1px solid #e2e8ee}
  .help-path:last-child{border-bottom:0}
  .c360-compact{grid-template-columns:1fr}
  .why-dark-grid{grid-template-columns:repeat(2,1fr)}
  .why-dark-grid>div{border-bottom:1px solid rgba(255,255,255,.14)}
}
@media(max-width:620px){
  .hero{background-position:68% center !important}
  .help-path{grid-template-columns:48px 1fr;padding:22px 18px}
  .help-icon{width:44px;height:44px}
  .c360-compact{padding:25px 20px}
  .c360-mini-flow{grid-template-columns:1fr 1fr;gap:12px}
  .c360-mini-flow i{display:none}
  .why-dark{padding:25px 20px}
  .why-dark-grid{grid-template-columns:1fr}
  .why-dark-grid>div{border-right:0}
}


/* ---- empresas-v3-como-ayudamos ---- */
.help-cards-photo{
  max-width:1168px;
  margin:26px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.help-photo-card{
  background:#fff;
  border:1px solid #e2e8ee;
  border-radius:15px;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(11,45,92,.075);
  display:flex;
  flex-direction:column;
  transition:transform .22s ease,box-shadow .22s ease;
}
.help-photo-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(11,45,92,.12);
}
.help-photo{
  height:155px;
  overflow:hidden;
  background:#eef3f7;
}
.help-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
.help-photo-card:hover .help-photo img{transform:scale(1.035)}
.help-photo-body{
  padding:21px 20px 20px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.help-photo-icon{
  width:45px;
  height:45px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg,#f7faef,#eef6d9);
  border:1px solid rgba(146,181,1,.23);
  margin:-43px 0 14px;
  position:relative;
  z-index:2;
  box-shadow:0 5px 14px rgba(11,45,92,.09);
}
.help-photo-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:#92B501;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.help-photo-icon-360{
  color:#92B501;
  font-size:12px;
  font-weight:900;
}
.help-photo-card .help-kicker{
  color:#fd6604;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.7px;
  margin-bottom:5px;
}
.help-photo-card h3{
  margin:0 0 8px;
  color:#0b2d5c;
  font-size:17px;
  line-height:1.2;
}
.help-photo-card p{
  margin:0 0 17px;
  color:#445d7b;
  font-size:12px;
  line-height:1.55;
  flex:1;
}
.help-card-btn{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  color:#fd6604;
  font-size:12px;
  font-weight:800;
  padding-bottom:3px;
  border-bottom:1px solid rgba(253,102,4,.35);
}
.help-card-btn:hover{border-color:#fd6604}
.help-photo-card-360{border-color:rgba(11,45,92,.2)}

@media(max-width:980px){
  .help-cards-photo{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .help-cards-photo{grid-template-columns:1fr;gap:15px}
  .help-photo{height:185px}
  .help-photo-body{padding:20px}
}


/* ---- empresas-v4-ajustes ---- */
.help-cards-five{grid-template-columns:repeat(5,1fr);}
.help-cards-photo{max-width:1168px;margin:26px auto 0;display:grid;gap:16px;align-items:stretch}
.help-photo-card{background:#fff;border:1px solid #e2e8ee;border-radius:15px;overflow:hidden;box-shadow:0 10px 26px rgba(11,45,92,.075);display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease}
.help-photo-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(11,45,92,.12)}
.help-photo{height:146px;overflow:hidden;background:#eef3f7}
.help-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.help-photo-card:hover .help-photo img{transform:scale(1.035)}
.help-photo-body{padding:19px 18px 18px;display:flex;flex-direction:column;flex:1}
.help-photo-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f7faef,#eef6d9);border:1px solid rgba(146,181,1,.23);margin:-42px 0 13px;position:relative;z-index:2;box-shadow:0 5px 14px rgba(11,45,92,.09)}
.help-photo-icon svg{width:26px;height:26px;fill:none;stroke:#92B501;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.help-photo-icon-360{color:#92B501;font-size:12px;font-weight:900}
.help-photo-card .help-kicker{color:#fd6604;font-size:9.5px;font-weight:800;letter-spacing:.7px;margin-bottom:5px}
.help-photo-card h3{margin:0 0 8px;color:#0b2d5c;font-size:16px;line-height:1.2}
.help-photo-card p{margin:0 0 16px;color:#445d7b;font-size:11.5px;line-height:1.55;flex:1}
.help-card-btn{display:inline-flex;align-items:center;align-self:flex-start;color:#fd6604;font-size:11.5px;font-weight:800;padding-bottom:3px;border-bottom:1px solid rgba(253,102,4,.35)}
.help-card-btn:hover{border-color:#fd6604}

.service-detail-block{padding-top:20px;padding-bottom:12px}
.detail-card{max-width:1168px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.detail-card.reverse .detail-media{order:2}
.detail-card.reverse .detail-copy{order:1}
.detail-media img{width:100%;height:360px;object-fit:cover;border-radius:16px;box-shadow:0 12px 28px rgba(11,45,92,.09)}
.detail-copy h2{font-size:34px;line-height:1.08;color:#0b2d5c;margin:0 0 12px}
.detail-copy p{font-size:15px;line-height:1.65;color:#33506f;margin:0 0 18px}
.detail-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}
.detail-list li{position:relative;padding-left:28px;font-size:14px;line-height:1.5;color:#17335b}
.detail-list li:before{content:'✓';position:absolute;left:0;top:0;color:#92B501;border:2px solid #92B501;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}
.detail-tags{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0 0 22px}
.detail-tags span{background:#f4f8ec;border:1px solid rgba(146,181,1,.18);color:#5c7725;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700}
.service-detail-360{padding-top:22px}

.how-grid{max-width:1168px;margin:22px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.how-card{background:#fff;border:1px solid #e6edf2;border-radius:14px;padding:24px 20px;box-shadow:0 8px 22px rgba(11,45,92,.05)}
.how-card span{display:inline-flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:#0b2d5c;color:#fff;font-size:13px;font-weight:800;margin-bottom:12px}
.how-card h3{font-size:18px;line-height:1.25;color:#0b2d5c;margin:0 0 9px}
.how-card p{font-size:13px;line-height:1.6;color:#445d7b;margin:0}

@media(max-width:1180px){.help-cards-five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.help-cards-five{grid-template-columns:repeat(2,1fr)}.detail-card{grid-template-columns:1fr}.detail-card.reverse .detail-media,.detail-card.reverse .detail-copy{order:initial}.how-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.help-cards-five{grid-template-columns:1fr}.help-photo{height:185px}.detail-copy h2{font-size:28px}.detail-media img{height:260px}.how-grid{grid-template-columns:1fr}}


/* ---- empresas-v5-final-ajustes ---- */
.hero{background-position:center right!important;background-size:cover!important;}
.hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.97) 29%,rgba(255,255,255,.80) 44%,rgba(255,255,255,.26) 59%,rgba(255,255,255,0) 74%)!important;}
.help-cards-five{grid-template-columns:repeat(5,1fr)!important;gap:16px!important}
.help-photo{height:150px!important}
.help-photo-360logo{display:flex!important;align-items:center;justify-content:center;background:linear-gradient(135deg,#f9fbf2,#eaf3d5)!important}
.logo360-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;color:#92B501}
.logo360-wrap svg{width:78px;height:78px;fill:none;stroke:#92B501;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.logo360-wrap strong{font-size:24px;letter-spacing:.4px}
.help-photo-icon{width:48px!important;height:48px!important;background:linear-gradient(145deg,#f8fbf0,#edf6d8)!important;border:1px solid rgba(146,181,1,.2)!important}
.help-photo-icon svg{width:27px!important;height:27px!important;fill:none;stroke:#92B501;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.help-photo-icon-360{padding:9px!important}
.help-photo-card h3{color:#0b2d5c!important}

.opportunity-master-v5{max-width:1168px;margin:0 auto;background:linear-gradient(105deg,#2b761d 0%,#247018 56%,#2f831f 100%);border-radius:14px;padding:26px 28px 28px;box-shadow:0 12px 28px rgba(11,45,92,.08)}
.opp-top-v5{display:grid;grid-template-columns:82px minmax(0,1fr) 315px;gap:24px;align-items:center}
.opp-main-icon{width:72px;height:72px;border-radius:50%;padding:16px;background:rgba(255,255,255,.09)}
.opp-main-icon svg,.opp-grid-v5 svg{width:100%;height:100%;fill:none;stroke:#92B501;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.opp-main-icon svg{stroke:#fff}
.opp-copy-v5 h2{color:#fff;font-size:27px;line-height:1.15;margin:0 0 12px}
.opp-copy-v5 h2 span{color:#fd6604}
.opp-copy-v5 p{color:#fff;font-size:13px;line-height:1.58;margin:0 0 10px}
.opp-honesty-v5{font-weight:700!important}
.opp-image-v5 img{width:315px;height:170px;object-fit:cover;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.16)}
.opp-grid-v5{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:12px;overflow:hidden}
.opp-grid-v5 article{padding:20px 18px;min-height:158px;border-right:1px solid #e1e8dd;border-bottom:1px solid #e1e8dd}
.opp-grid-v5 article:nth-child(3n){border-right:0}
.opp-grid-v5 article:nth-last-child(-n+3){border-bottom:0}
.opp-grid-v5 article svg{width:36px;height:36px;display:block;margin-bottom:10px}
.opp-grid-v5 b{display:block;color:#17335b;font-size:13.5px;line-height:1.3;margin-bottom:6px}
.opp-grid-v5 span{display:block;color:#506784;font-size:11.5px;line-height:1.5}

.service-detail-block .neutral-kicker{color:#697888!important;font-size:11px!important;font-weight:800!important;letter-spacing:.7px!important;margin-bottom:8px!important}
.service-detail-block .detail-copy h2{color:#303a46!important}
.service-detail-block .detail-copy>p:not(.eyebrow){color:#43586e!important}

.finance-grid{max-width:1168px;margin:24px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.finance-card{background:#fff;border:1px solid #e4eaf0;border-radius:13px;padding:23px 20px;box-shadow:0 8px 22px rgba(11,45,92,.055)}
.finance-icon{width:48px;height:48px;padding:10px;border-radius:50%;background:linear-gradient(145deg,#f8fbf0,#edf6d8);margin-bottom:14px}
.finance-icon svg{width:100%;height:100%;fill:none;stroke:#92B501;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.finance-card h3{color:#0b2d5c;font-size:17px;margin:0 0 8px}
.finance-card p{color:#4a617c;font-size:12.5px;line-height:1.55;margin:0}

.how-flow{max-width:1168px;margin:24px auto 0;display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1fr;align-items:stretch}
.how-flow article{background:#fff;border:1px solid #e5eaf0;border-radius:13px;padding:24px 20px;box-shadow:0 8px 22px rgba(11,45,92,.05)}
.how-icon{width:50px;height:50px;padding:10px;border-radius:50%;background:linear-gradient(145deg,#f8fbf0,#edf6d8);margin-bottom:12px}
.how-icon svg{width:100%;height:100%;fill:none;stroke:#92B501;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.how-number{display:block;color:#fd6604;font-size:11px;font-weight:800;margin-bottom:5px}
.how-flow h3{color:#0b2d5c;font-size:17px;line-height:1.25;margin:0 0 8px}
.how-flow p{color:#4a617c;font-size:12.5px;line-height:1.55;margin:0}
.flow-arrow{display:flex;align-items:center;justify-content:center;color:#92B501;font-size:25px;font-weight:300}

.why-premium{max-width:1168px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e3e8ee;border-radius:15px;padding:30px 30px 26px;box-shadow:0 10px 28px rgba(11,45,92,.055)}
.why-head{max-width:760px}
.why-head h2{font-size:30px;line-height:1.12;color:#0b2d5c;margin:0 0 9px}
.why-head>p:not(.eyebrow){font-size:13px;line-height:1.55;color:#526981;margin:0}
.why-premium-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:23px;border-top:1px solid #e4e9ee}
.why-premium-grid article{padding:20px 18px 4px;border-right:1px solid #e4e9ee}
.why-premium-grid article:last-child{border-right:0}
.why-premium-grid svg{width:36px;height:36px;display:block;margin-bottom:10px;fill:none;stroke:#92B501;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.why-premium-grid b{display:block;color:#17335b;font-size:13px;line-height:1.3;margin-bottom:6px}
.why-premium-grid span{display:block;color:#526981;font-size:11.5px;line-height:1.5}

@media(max-width:1180px){.help-cards-five{grid-template-columns:repeat(3,1fr)!important}.finance-grid{grid-template-columns:repeat(2,1fr)}.why-premium-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.opp-top-v5{grid-template-columns:70px 1fr}.opp-image-v5{grid-column:1/-1;justify-self:center}.opp-grid-v5{grid-template-columns:repeat(2,1fr)}.opp-grid-v5 article:nth-child(3n){border-right:1px solid #e1e8dd}.opp-grid-v5 article:nth-child(2n){border-right:0}.opp-grid-v5 article:nth-last-child(-n+3){border-bottom:1px solid #e1e8dd}.opp-grid-v5 article:nth-last-child(-n+2){border-bottom:0}.how-flow{grid-template-columns:1fr 1fr;gap:16px}.flow-arrow{display:none}}
@media(max-width:760px){.why-premium-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.help-cards-five{grid-template-columns:1fr!important}.opp-top-v5{grid-template-columns:1fr}.opp-main-icon{display:none}.opp-image-v5 img{width:100%;height:175px}.opp-grid-v5{grid-template-columns:1fr}.opp-grid-v5 article{border-right:0!important;border-bottom:1px solid #e1e8dd!important;min-height:auto}.opp-grid-v5 article:last-child{border-bottom:0!important}.finance-grid,.how-flow,.why-premium-grid{grid-template-columns:1fr}.why-premium-grid article{border-right:0;border-bottom:1px solid #e4e9ee}.why-premium-grid article:last-child{border-bottom:0}.hero{background-position:69% center!important}}


/* ---- empresas-v6-ajustes ---- */
.hero{background-position:center right !important;background-size:cover !important;}
.hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.97) 31%,rgba(255,255,255,.82) 45%,rgba(255,255,255,.26) 58%,rgba(255,255,255,0) 74%) !important;}

/* Better icon system */
.help-photo-icon,.finance-icon,.how-premium-icon{background:linear-gradient(145deg,#f8fbf0,#edf6d8)!important;border:1px solid rgba(146,181,1,.23)}
.help-photo-icon svg,.opp-master-icon svg,.opp-detail-card svg,.finance-icon svg,.how-premium-icon svg,.why-card svg,.logo360-wrap svg,.help-photo-icon-360 svg{width:100%;height:100%;fill:none;stroke:#92B501;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.help-photo-icon{width:52px;height:52px;padding:11px;border-radius:50%;box-shadow:0 6px 16px rgba(11,45,92,.09)}
.help-photo-icon-360{padding:11px}
.help-photo-icon-360 svg{width:28px;height:28px}
.logo360-wrap svg{width:82px;height:82px}
.logo360-wrap span{font-size:25px;font-weight:900;letter-spacing:.5px;color:#92B501}
.help-photo-card h3{color:#4a5560 !important}
.help-photo-card:not(.help-photo-card-360) h3{color:#4c5968 !important}
.help-photo-card-360 h3{color:#0b2d5c !important}

.orange-kicker{color:#fd6604 !important}
.service-detail-block .detail-copy h2{color:#434f5d !important}

/* Opportunities restored closer to master */
.opportunity-master-fix{max-width:1168px;margin:0 auto;background:#2d851b;border-radius:16px;padding:28px 30px 24px;display:grid;grid-template-columns:94px minmax(0,1fr) 330px;gap:24px;align-items:start;box-shadow:0 12px 28px rgba(11,45,92,.09)}
.opp-icon-wrap-master{padding-top:18px}
.opp-master-icon{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;padding:16px}
.opp-text-master h2{font-size:27px;line-height:1.15;color:#fff;margin:0 0 14px;font-weight:800}
.opp-text-master h2 span{color:#fd6604}
.opp-text-master p{font-size:13px;line-height:1.65;color:#fff;margin:0 0 12px;max-width:650px}
.opp-strong-master{margin-top:6px!important;font-weight:700}
.opp-media-master{display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.opp-media-master img{width:330px;height:150px;object-fit:cover;border-radius:12px;display:block;box-shadow:0 10px 22px rgba(0,0,0,.14)}
.opp-btn-master{min-width:250px !important;padding:12px 19px !important;font-size:14px !important;text-align:center;}
.opp-checks-master{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:16px 22px;padding-top:8px}
.opp-check-item{display:flex;align-items:center;gap:8px;color:#fff;font-size:11.5px;white-space:nowrap}
.opp-check-mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid #fd6604;border-radius:50%;color:#fd6604;font-size:15px;font-weight:900;line-height:1;flex:0 0 auto}
.opp-details-grid{max-width:1168px;margin:16px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.opp-detail-card{background:#fff;border:1px solid #e6edf2;border-radius:14px;padding:22px 18px;box-shadow:0 8px 22px rgba(11,45,92,.05)}
.opp-detail-card svg{width:36px;height:36px;display:block;margin-bottom:12px}
.opp-detail-card b{display:block;font-size:14px;line-height:1.3;color:#17335b;margin-bottom:7px}
.opp-detail-card p{font-size:12px;line-height:1.55;color:#506784;margin:0}

.finance-icon{width:48px;height:48px;padding:10px;border-radius:50%;margin-bottom:14px}
.how-premium-icon{width:54px;height:54px;padding:11px;border-radius:50%;margin-bottom:14px}
.why-card svg{width:38px;height:38px;display:block;margin-bottom:12px}

@media(max-width:1180px){.opp-details-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.opportunity-master-fix{grid-template-columns:72px 1fr;}.opp-media-master{grid-column:1 / -1;justify-self:center;align-items:center}.opp-checks-master{gap:12px 18px}}
@media(max-width:620px){.opportunity-master-fix{grid-template-columns:1fr;padding:24px 20px}.opp-icon-wrap-master{display:none}.opp-media-master img{width:100%;height:165px}.opp-checks-master{display:grid;grid-template-columns:1fr;gap:10px}.opp-details-grid{grid-template-columns:1fr}}


/* ---- empresas-v7-ajuste-360-card ---- */
.help-photo-360logo{background:#0b2d5c !important;}
.logo360-wrap{color:#fff !important;gap:12px !important;padding:18px;text-align:center;}
.logo360-wrap svg{stroke:#92B501 !important;}
.logo360-wrap span{color:#fff !important;font-size:20px !important;line-height:1.15 !important;font-weight:800 !important;max-width:170px;}
@media(max-width:620px){.logo360-wrap span{font-size:18px !important;max-width:none;}}


/* ---- empresas-v8-icons-and-360 ---- */
.help-photo-icon.asset-icon{padding:0;overflow:hidden;background:linear-gradient(145deg,#f8fbf0,#edf6d8)!important}
.help-photo-icon.asset-icon img{width:64%;height:64%;object-fit:contain;display:block}
.help-photo-card-360 .help-photo img{background:#0b2d5c;object-fit:cover}


/* ---- empresas-v9-icon-fix ---- */
.help-photo-icon.asset-icon{padding:0;overflow:hidden;background:linear-gradient(145deg,#f8fbf0,#edf6d8)!important}
.help-photo-icon.asset-icon img{width:66%;height:66%;object-fit:contain;display:block}
.help-cards-photo .help-photo-card:nth-child(2) .help-photo-icon.asset-icon img{width:72%;height:72%}


/* ---- empresas-v11-oportunidades-ajustes ---- */
.opportunity-extended{max-width:1168px;margin:0 auto;background:linear-gradient(105deg,#2b761d 0%,#247018 56%,#2f831f 100%);border-radius:18px;padding:30px 30px 22px;box-shadow:0 12px 28px rgba(11,45,92,.08)}
.opportunity-hero{display:grid;grid-template-columns:90px minmax(0,1fr) 345px;gap:24px;align-items:start}
.opp-hero-icon-image{padding-top:8px}
.opp-home-icon{width:72px;height:72px;display:block;object-fit:contain}
.opp-eyebrow{margin:0 0 8px;color:#FD6604;font-size:12px;font-weight:800;letter-spacing:.8px}
.opp-hero-copy h2{margin:0 0 14px;font-size:28px;line-height:1.12;color:#fff;font-weight:800}
.opp-hero-copy h2 span{color:#fd6604}
.opp-hero-copy p{margin:0 0 12px;color:#fff;font-size:14px;line-height:1.65;max-width:660px}
.opp-claim{font-weight:700}
.opp-hero-media{display:flex;align-items:flex-start;justify-content:flex-end;padding-top:14px}
.opp-hero-media img{width:345px;height:188px;object-fit:cover;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.opp-what-we-check{margin-top:24px;background:linear-gradient(180deg,#f7fafc 0%,#f2f6fa 100%);border-radius:16px;padding:24px 24px 16px}
.opp-subheading{margin-bottom:20px}
.opp-subheading h3{margin:0 0 7px;color:#0b2d5c;font-size:28px;line-height:1.15}
.opp-subheading p{margin:0;color:#4a6480;font-size:14px;line-height:1.6}
.opp-grid-6.pro-style{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pro-card{border-radius:16px;padding:22px 20px;box-shadow:0 12px 24px rgba(11,45,92,.06);border:0;position:relative;overflow:hidden}
.pro-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#92B501;opacity:.9}
.pro-card-light{background:#ffffff}
.pro-card-dark{background:linear-gradient(145deg,#0b2d5c 0%,#11386f 100%)}
.opp-card-icon{width:44px;height:44px;padding:8px;background:linear-gradient(145deg,#f8fbf0,#edf6d8);border:1px solid rgba(146,181,1,.22);border-radius:50%;margin-bottom:12px;position:relative;z-index:1}
.pro-card h4,.pro-card .opp-card-intro,.pro-card ul,.pro-card li,.pro-card .opp-note{position:relative;z-index:1}
.pro-card h4{margin:0 0 9px;font-size:17px;line-height:1.28}
.pro-card-light h4{color:#17335b}
.pro-card-dark h4{color:#fff}
.pro-card .opp-card-intro{margin:0 0 10px;font-size:13px;line-height:1.55;font-weight:700}
.pro-card-light .opp-card-intro{color:#4c647f}
.pro-card-dark .opp-card-intro{color:#d9e6f6}
.pro-card ul{margin:0;padding:0 0 0 18px}
.pro-card li{margin:0 0 6px;font-size:13px;line-height:1.52}
.pro-card-light li{color:#4c647f}
.pro-card-dark li{color:#ecf3fb}
.pro-card .opp-note{margin:10px 0 0;font-size:12px;line-height:1.5;font-weight:700}
.pro-card-light .opp-note{color:#5e7725}
.pro-card-dark .opp-note{color:#bfe06d}
.opp-card-icon svg{width:100%;height:100%;fill:none;stroke:#92B501;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.opp-bottom-note{margin-top:18px;padding:8px 8px 0;background:none;border:0;box-shadow:none;text-align:center}
.opp-bottom-note h4{margin:0 0 10px;color:#92B501;font-size:24px;line-height:1.2;text-align:center}
.opp-bottom-note p{margin:0;color:#0b2d5c;font-size:15px;line-height:1.7;font-weight:700;max-width:920px;margin-inline:auto}

@media(max-width:1100px){.opportunity-hero{grid-template-columns:72px 1fr}.opp-hero-media{grid-column:1 / -1;justify-content:center;padding-top:6px}.opp-grid-6.pro-style{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.opportunity-extended{padding:24px 18px 18px}.opportunity-hero{grid-template-columns:1fr}.opp-hero-icon-image{display:none}.opp-hero-copy h2{font-size:26px}.opp-hero-media img{width:100%;height:190px}.opp-what-we-check{padding:20px 16px 14px}.opp-subheading h3{font-size:24px}.opp-grid-6.pro-style{grid-template-columns:1fr}.opp-bottom-note h4{font-size:22px}}


/* ---- empresas-v12-oportunidades-ajuste-fino ---- */
/* Oportunidades: ajustes visuales solicitados */
.opp-subheading h3{color:#fd6604 !important;}
.opp-subheading p{color:#0b2d5c !important;font-weight:700 !important;}
.opp-what-we-check{background:#ffffff !important;}
.opp-grid-6.pro-style{background:transparent !important;}
.pro-card::before{display:none !important;content:none !important;}
.pro-card,
.pro-card-light,
.pro-card-dark{
  background:#eef6d8 !important;
  border:1px solid rgba(146,181,1,.18) !important;
  box-shadow:0 10px 22px rgba(11,45,92,.05) !important;
}
.pro-card h4,
.pro-card-light h4,
.pro-card-dark h4{color:#17335b !important;}
.pro-card .opp-card-intro,
.pro-card-light .opp-card-intro,
.pro-card-dark .opp-card-intro,
.pro-card li,
.pro-card-light li,
.pro-card-dark li{color:#4c647f !important;}
.pro-card .opp-note,
.pro-card-light .opp-note,
.pro-card-dark .opp-note{color:#5e7725 !important;}
.opp-card-icon{
  width:42px !important;
  height:42px !important;
  padding:0 !important;
  margin:0 auto 14px !important;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.opp-card-icon svg{
  width:42px !important;
  height:42px !important;
  stroke:#fd6604 !important;
}


/* ---- empresas-v13-oportunidades-sin-borde-numero ---- */
.pro-card,
.pro-card-light,
.pro-card-dark{
  border:0 !important;
  box-shadow:none !important;
}
.opp-card-icon{
  width:auto !important;
  height:auto !important;
  margin:0 0 14px 0 !important;
  text-align:left !important;
}
.opp-card-icon svg{display:none !important;}
.opp-card-icon::before{
  content: attr(data-num);
  display:block;
  color:#fd6604;
  font-size:22px;
  font-weight:800;
  line-height:1;
}


/* ---- empresas-v14-oportunidades-numeracion-final ---- */
.opp-card-icon{
  width:100% !important;
  height:auto !important;
  margin:0 0 16px 0 !important;
  text-align:center !important;
}
.opp-card-icon::before{
  display:block;
  text-align:center;
  color:#fd6604;
  font-size:30px !important;
  font-weight:800;
  line-height:1;
}
.pro-card h4,
.pro-card-light h4,
.pro-card-dark h4{
  text-align:left;
}


/* ---- empresas-v15-bullets-orange ---- */
.pro-card ul li::marker,
.pro-card-light ul li::marker,
.pro-card-dark ul li::marker{
  color:#fd6604 !important;
}


/* ---- empresas-v16-titulos-naranja-numeracion-punto ---- */
.pro-card h4,
.pro-card-light h4,
.pro-card-dark h4{
  color:#fd6604 !important;
  text-align:center !important;
}
.opp-card-icon::before{
  content: attr(data-num) "." !important;
}


/* ---- empresas-v17-subtitulos-naranja ---- */
.service-detail-block .detail-copy .eyebrow,
.service-detail-block .detail-copy .neutral-kicker,
.service-detail-block .detail-copy .orange-kicker{
  color:#fd6604 !important;
}


/* ---- empresas-v18-financiacion-iconografia ---- */
.finance-icons-row{max-width:1168px;margin:24px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px 18px;align-items:start}
.finance-icon-item{text-align:center;padding:0 10px}
.finance-icon-plain{width:58px;height:58px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center}
.finance-icon-plain svg{width:44px;height:44px;fill:none;stroke:#fd6604;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.finance-icon-item h3{margin:0 0 8px;color:#0b2d5c;font-size:22px;line-height:1.2;font-weight:800}
.finance-icon-item p{margin:0;color:#4c647f;font-size:14px;line-height:1.6}
@media(max-width:980px){.finance-icons-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.finance-icons-row{grid-template-columns:1fr;gap:24px}.finance-icon-item h3{font-size:20px}}


/* ---- empresas-v19-financiacion-ajuste-iconos ---- */
.finance-icon-plain{
  width:108px !important;
  height:108px !important;
  margin:0 auto 16px !important;
}
.finance-icon-plain svg{
  width:88px !important;
  height:88px !important;
  stroke:#92B501 !important;
}
.finance-icon-item h3{
  font-size:20px !important;
  line-height:1.2 !important;
}
@media(max-width:620px){
  .finance-icon-plain{width:96px !important;height:96px !important;}
  .finance-icon-plain svg{width:78px !important;height:78px !important;}
  .finance-icon-item h3{font-size:18px !important;}
}


/* ---- empresas-v20-financiacion-titulos-verdes ---- */
.finance-icon-item h3{
  font-size:18px !important;
  line-height:1.2 !important;
  color:#92B501 !important;
}
@media(max-width:620px){
  .finance-icon-item h3{font-size:17px !important;}
}


/* ---- empresas-v21-financiacion-png ---- */
.finance-icon-png{
  width:108px;
  height:108px;
  margin:0 auto 16px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.finance-icon-png img{
  width:94px;
  height:94px;
  object-fit:contain;
  display:block;
}
@media(max-width:620px){
  .finance-icon-png{width:96px;height:96px}
  .finance-icon-png img{width:84px;height:84px}
}


/* ---- empresas-v22-finance-png-final ---- */
.finance-icon-png{width:108px;height:108px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}
.finance-icon-png img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:620px){.finance-icon-png{width:96px;height:96px}}


/* ---- empresas-v24-how-why-redesign ---- */
.how-process,.why-masar-open{max-width:1220px;margin:0 auto;padding-left:26px;padding-right:26px}
.process-line-wrap{max-width:1168px;margin:28px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.process-line-wrap::before{content:"";position:absolute;left:12%;right:12%;top:34px;height:1px;background:linear-gradient(90deg,rgba(146,181,1,0) 0%,rgba(146,181,1,.25) 12%,rgba(146,181,1,.25) 88%,rgba(146,181,1,0) 100%)}
.process-step{position:relative;text-align:center;padding:0 12px;background:transparent}
.process-icon{width:68px;height:68px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;background:#fff}
.process-icon svg,.why-open-icon svg{width:100%;height:100%;fill:none;stroke:#92B501;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.process-number{display:block;margin:0 0 8px;color:#fd6604;font-size:24px;font-weight:800;line-height:1}
.process-step h3{margin:0 0 8px;color:#0b2d5c;font-size:22px;line-height:1.2;font-weight:800}
.process-step p{margin:0;color:#4c647f;font-size:14px;line-height:1.62}

.why-open-grid{max-width:1168px;margin:28px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:22px 18px;align-items:start}
.why-open-item{text-align:center;padding:4px 8px}
.why-open-icon{width:54px;height:54px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center}
.why-open-item h3{margin:0 0 8px;color:#0b2d5c;font-size:19px;line-height:1.22;font-weight:800}
.why-open-item p{margin:0;color:#4c647f;font-size:14px;line-height:1.58}

@media(max-width:980px){
  .process-line-wrap{grid-template-columns:repeat(2,1fr);gap:28px 22px}
  .process-line-wrap::before{display:none}
  .why-open-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
  .how-process,.why-masar-open{padding-left:18px;padding-right:18px}
  .process-line-wrap{grid-template-columns:1fr;gap:24px}
  .process-step{padding:0}
  .process-icon{width:62px;height:62px}
  .process-step h3{font-size:20px}
  .why-open-grid{grid-template-columns:1fr 1fr;gap:22px 16px}
  .why-open-item h3{font-size:17px}
}


/* ---- empresas-v25-how-why-png-icons ---- */
.process-icon img,.why-open-icon img{width:100%;height:100%;object-fit:contain;display:block}
.process-icon{width:78px !important;height:78px !important;background:transparent !important}
.why-open-icon{width:78px !important;height:78px !important}
@media(max-width:620px){
  .process-icon{width:70px !important;height:70px !important}
  .why-open-icon{width:70px !important;height:70px !important}
}


/* ---- empresas-v27-porque-masar-titulos-verdes ---- */
.why-open-item h3{
  color:#92B501 !important;
}


/* ---- empresas-v29-lineas-titulos-centro ---- */
.section-heading h2{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:18px;
}
.section-heading h2::before,
.section-heading h2::after{
  content:"";
  display:block;
  width:110px;
  height:1px;
  background:rgba(253,102,4,.55);
  flex:0 0 110px;
}
@media (max-width: 768px){
  .section-heading h2{
    gap:12px;
  }
  .section-heading h2::before,
  .section-heading h2::after{
    width:56px;
    flex-basis:56px;
  }
}
@media (max-width: 480px){
  .section-heading h2::before,
  .section-heading h2::after{
    width:34px;
    flex-basis:34px;
  }
}


/* ---- empresas-v30-lineas-titulos-ajuste ---- */
.section-heading h2{
  gap:20px !important;
}
.section-heading h2::before,
.section-heading h2::after{
  width:145px !important;
  flex-basis:145px !important;
  height:2px !important;
  background:rgba(253,102,4,.62) !important;
}
@media (max-width:768px){
  .section-heading h2{
    gap:14px !important;
  }
  .section-heading h2::before,
  .section-heading h2::after{
    width:74px !important;
    flex-basis:74px !important;
    height:2px !important;
  }
}
@media (max-width:480px){
  .section-heading h2::before,
  .section-heading h2::after{
    width:44px !important;
    flex-basis:44px !important;
  }
}


/* ---- masar-empresas-final-ajustes ---- */
/* CTA intermedio — coherente con HOME / EMPRESAS */
.masar-cta-mid{
  padding-top:18px !important;
  padding-bottom:24px !important;
}
.cta-mid-wrap{
  max-width:1168px;
  margin:0 auto;
  background:linear-gradient(135deg,#0b2d5c 0%,#123b73 100%);
  border-radius:16px;
  padding:28px 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  box-shadow:0 12px 26px rgba(11,45,92,.10);
}
.cta-mid-copy{max-width:820px}
.cta-mid-kicker{
  margin:0 0 7px;
  color:#92B501;
  font-size:11px;
  font-weight:800;
  letter-spacing:.8px;
}
.cta-mid-copy h2{
  margin:0 0 8px;
  color:#fff;
  font-size:28px;
  line-height:1.18;
  font-weight:800;
}
.cta-mid-copy p:not(.cta-mid-kicker){
  margin:0;
  color:#dce7f3;
  font-size:14px;
  line-height:1.6;
}
.cta-mid-btn{
  white-space:nowrap;
  flex:0 0 auto;
}

/* Cómo trabajamos — línea únicamente ENTRE los iconos */
.process-line-wrap::before{
  display:none !important;
}
.process-step{
  position:relative !important;
}
.process-step:not(:last-child)::after{
  content:"";
  position:absolute;
  top:38px;
  left:calc(50% + 52px);
  right:calc(-50% + 52px);
  height:2px;
  background:rgba(146,181,1,.58);
  border-radius:2px;
  z-index:0;
}
.process-icon{
  position:relative !important;
  z-index:2 !important;
  background:#fff !important;
}

@media(max-width:980px){
  .process-step::after{display:none !important;}
}
@media(max-width:820px){
  .cta-mid-wrap{
    flex-direction:column;
    align-items:flex-start;
  }
  .cta-mid-copy h2{font-size:25px}
  .cta-mid-btn{
    width:100%;
    text-align:center;
    justify-content:center;
  }
}
@media(max-width:620px){
  .cta-mid-wrap{padding:24px 20px}
  .cta-mid-copy h2{font-size:23px}
}


/* ---- menu-gestion360-unificado ---- */
/* Menú Gestión 360º */
.nav-dropdown{
  position:relative;
  display:flex;
  align-items:center;
  align-self:stretch;
}
.nav-dropdown-toggle{
  position:relative;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  padding:29px 0 26px;
  white-space:nowrap;
}
.nav-dropdown-toggle::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:16px;
  height:2px;
  background:var(--orange);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .16s ease;
}
.nav-dropdown:hover .nav-dropdown-toggle,
.nav-dropdown:focus-within .nav-dropdown-toggle{color:var(--orange);}
.nav-dropdown:hover .nav-dropdown-toggle::after,
.nav-dropdown:focus-within .nav-dropdown-toggle::after{transform:scaleX(1);}
.nav-dropdown-menu{
  position:absolute;
  top:64px;
  left:50%;
  transform:translateX(-50%) translateY(7px);
  min-width:170px;
  padding:8px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:0 12px 28px rgba(8,44,90,.13);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
  z-index:80;
}
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu,
.nav-dropdown.open .nav-dropdown-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.nav-dropdown-menu a{
  display:block;
  padding:10px 12px !important;
  border-radius:7px;
  color:var(--blue) !important;
  font-size:13px;
  line-height:1.2;
  white-space:nowrap;
}
.nav-dropdown-menu a::after{display:none !important;}
.nav-dropdown-menu a:hover{
  color:var(--orange) !important;
  background:#f7f9fb;
}
@media(max-width:950px){
  .nav-dropdown{display:block;width:100%;align-self:auto}
  .nav-dropdown-toggle{width:100%;padding:12px 4px!important;text-align:left;color:var(--blue);font-size:14px}
  .nav-dropdown-toggle::after{display:none}
  .nav-dropdown-menu{position:static;transform:none!important;min-width:0;width:100%;padding:0 0 0 14px;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;display:none}
  .nav-dropdown.open .nav-dropdown-menu{display:block}
  .nav-dropdown-menu a{padding:9px 4px!important;font-size:13px;width:100%}
}


/* ---- social-placeholder-style ---- */
.social-placeholder{display:inline-flex;align-items:center;justify-content:center;cursor:default}


/* ---- empresas-sync-index-header-hero ---- */
/* ===== Sincronización exacta con INDEX: menú + iconos hero ===== */
:root{--green:#92B501;--lime:#92B501}

/* Cabecera y navegación como Index */
.header{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:50 !important;
  padding:0 16px !important;
  background:transparent !important;
}
.header-inner{
  height:82px !important;
  max-width:1220px !important;
  margin:0 auto !important;
  padding:0 26px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  background:transparent !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.brand img{width:155px !important;height:auto !important}
.nav{display:flex !important;align-items:center !important;gap:31px !important;font-size:14px !important;font-weight:700 !important}
.nav>a{position:relative !important;padding:29px 0 26px !important}
.nav>a:not(.pill):hover,
.nav>a.active{color:var(--orange) !important}
.nav>a.active:after,
.nav>a:not(.pill):hover:after{
  content:"" !important;
  position:absolute !important;
  height:2px !important;
  left:0 !important;
  right:0 !important;
  bottom:16px !important;
  background:var(--orange) !important;
}
.pill{
  padding:10px 17px !important;
  border-radius:6px !important;
  color:#fff !important;
  box-shadow:none !important;
  transform:none !important;
  transition:background-color .18s ease,color .18s ease,filter .18s ease !important;
}
.pill.green{background:var(--green) !important}
.pill.orange{background:var(--orange) !important}
.pill:hover{
  box-shadow:none !important;
  transform:none !important;
  filter:brightness(.94) !important;
}

/* Gestión 360º igual que Index */
.nav-dropdown{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  align-self:stretch !important;
}
.nav-dropdown-toggle{
  position:relative !important;
  border:0 !important;
  background:transparent !important;
  color:inherit !important;
  font:inherit !important;
  font-weight:700 !important;
  cursor:pointer !important;
  padding:29px 0 26px !important;
  white-space:nowrap !important;
  filter:none !important;
}
.nav-dropdown-toggle::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:16px !important;
  height:2px !important;
  background:var(--orange) !important;
  transform:scaleX(0) !important;
  transform-origin:center !important;
  transition:transform .16s ease !important;
}
.nav-dropdown:hover .nav-dropdown-toggle,
.nav-dropdown:focus-within .nav-dropdown-toggle{
  color:var(--orange) !important;
  filter:none !important;
  background:transparent !important;
}
.nav-dropdown:hover .nav-dropdown-toggle::after,
.nav-dropdown:focus-within .nav-dropdown-toggle::after{
  transform:scaleX(1) !important;
}
.nav-dropdown-menu{
  position:absolute !important;
  top:64px !important;
  left:50% !important;
  transform:translateX(-50%) translateY(7px) !important;
  min-width:170px !important;
  padding:8px !important;
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-radius:10px !important;
  box-shadow:0 12px 28px rgba(8,44,90,.13) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease !important;
  z-index:80 !important;
}
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu,
.nav-dropdown.open .nav-dropdown-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}
.nav-dropdown-menu a{
  display:block !important;
  padding:10px 12px !important;
  border-radius:7px !important;
  color:var(--blue) !important;
  font-size:13px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}
.nav-dropdown-menu a::after{display:none !important}
.nav-dropdown-menu a:hover{
  color:var(--orange) !important;
  background:#f7f9fb !important;
  filter:none !important;
}

/* Los 4 iconos del hero exactamente como Index */
.hero-icons{
  display:flex !important;
  gap:34px !important;
  margin-top:12px !important;
  margin-bottom:16px !important;
  max-width:475px !important;
}
.hero-icons>div{
  width:95px !important;
  text-align:center !important;
  font-size:12px !important;
  font-weight:700 !important;
  color:var(--blue) !important;
}
.hero-icons img{
  width:48px !important;
  height:48px !important;
  object-fit:contain !important;
  margin:0 auto 8px !important;
}
.hero-icons>div:nth-child(1) img,
.hero-icons>div:nth-child(2) img{
  transform:scale(1.22) !important;
  transform-origin:center center !important;
}

/* Responsive del menú e iconos como Index */
@media(max-width:950px){
  .header{padding:0 !important}
  .header-inner{
    height:68px !important;
    border-radius:0 !important;
    max-width:none !important;
    padding:0 22px !important;
    background:rgba(255,255,255,.9) !important;
    backdrop-filter:blur(8px) !important;
  }
  .brand img{width:137px !important}
  .menu-toggle{display:block !important}
  .nav{
    display:none !important;
    position:absolute !important;
    left:16px !important;
    right:16px !important;
    top:68px !important;
    background:#fff !important;
    flex-direction:column !important;
    gap:0 !important;
    padding:10px 22px 18px !important;
    border:1px solid var(--line) !important;
    border-top:0 !important;
    border-radius:0 0 14px 14px !important;
    box-shadow:0 10px 20px rgba(0,0,0,.06) !important;
  }
  .nav.open{display:flex !important}
  .nav a{padding:12px 4px !important;width:100% !important}
  .nav .pill{text-align:center !important;margin-top:7px !important}
  .nav-dropdown{display:block !important;width:100% !important;align-self:auto !important}
  .nav-dropdown-toggle{
    width:100% !important;
    padding:12px 4px !important;
    text-align:left !important;
    color:var(--blue) !important;
    font-size:14px !important;
  }
  .nav-dropdown-toggle::after{display:none !important}
  .nav-dropdown-menu{
    position:static !important;
    transform:none !important;
    min-width:0 !important;
    width:100% !important;
    padding:0 0 0 14px !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:none !important;
  }
  .nav-dropdown.open .nav-dropdown-menu{display:block !important}
  .nav-dropdown-menu a{padding:9px 4px !important;font-size:13px !important;width:100% !important}
  .hero-icons{gap:24px !important}
}
@media(max-width:580px){
  .header-inner{padding:0 16px !important;background:rgba(255,255,255,.90) !important}
  .hero-icons{max-width:none !important;gap:8px !important}
  .hero-icons>div{width:23% !important;font-size:9px !important}
  .hero-icons img{width:38px !important;height:38px !important}
}


/* ---- empresas-header-menu-index-final ---- */
/* Cabecera y menú principal sincronizados con el INDEX definitivo */
@media (min-width:951px){
  .header{padding:0 16px !important;}
  .header-inner{
    height:78px !important;
    max-width:1220px !important;
    margin:0 auto !important;
    padding:0 26px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    background:transparent !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }
  .brand img{
    width:155px !important;
    height:auto !important;
  }
  .nav{
    display:flex !important;
    align-items:center !important;
    gap:31px !important;
    font-size:14px !important;
    font-weight:700 !important;
  }
  .nav>a{
    position:relative !important;
    padding:27px 0 24px !important;
  }
  .nav>a:not(.pill):hover,
  .nav>a.active{
    color:var(--orange) !important;
  }
  .nav>a.active:after,
  .nav>a:not(.pill):hover:after{
    content:"" !important;
    position:absolute !important;
    height:2px !important;
    left:0 !important;
    right:0 !important;
    bottom:14px !important;
    background:var(--orange) !important;
  }
  .pill{
    padding:10px 17px !important;
    border-radius:6px !important;
    color:#fff !important;
    box-shadow:none !important;
    transform:none !important;
    transition:background-color .18s ease,color .18s ease,filter .18s ease !important;
  }
  .pill.green{background:#92B501 !important;}
  .pill.orange{background:#FD6604 !important;}
  .pill:hover{
    transform:none !important;
    box-shadow:none !important;
    filter:brightness(.94) !important;
  }

  .nav-dropdown{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    align-self:stretch !important;
  }
  .nav-dropdown-toggle{
    position:relative !important;
    border:0 !important;
    background:transparent !important;
    color:inherit !important;
    font:inherit !important;
    font-weight:700 !important;
    cursor:pointer !important;
    padding:27px 0 24px !important;
    white-space:nowrap !important;
  }
  .nav-dropdown-toggle::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:14px !important;
    height:2px !important;
    background:var(--orange) !important;
    transform:scaleX(0) !important;
    transform-origin:center !important;
    transition:transform .16s ease !important;
  }
  .nav-dropdown:hover .nav-dropdown-toggle,
  .nav-dropdown:focus-within .nav-dropdown-toggle{
    color:var(--orange) !important;
    filter:none !important;
    background:transparent !important;
  }
  .nav-dropdown:hover .nav-dropdown-toggle::after,
  .nav-dropdown:focus-within .nav-dropdown-toggle::after{
    transform:scaleX(1) !important;
  }
  .nav-dropdown-menu{
    position:absolute !important;
    top:61px !important;
    left:50% !important;
    transform:translateX(-50%) translateY(7px) !important;
    min-width:170px !important;
    padding:8px !important;
    background:#fff !important;
    border:1px solid var(--line) !important;
    border-radius:10px !important;
    box-shadow:0 12px 28px rgba(8,44,90,.13) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease !important;
    z-index:80 !important;
  }
  .nav-dropdown:hover .nav-dropdown-menu,
  .nav-dropdown:focus-within .nav-dropdown-menu,
  .nav-dropdown.open .nav-dropdown-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(-50%) translateY(0) !important;
  }
  .nav-dropdown-menu a{
    display:block !important;
    padding:10px 12px !important;
    border-radius:7px !important;
    color:var(--blue) !important;
    font-size:13px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }
  .nav-dropdown-menu a::after{display:none !important;}
  .nav-dropdown-menu a:hover{
    color:var(--orange) !important;
    background:#f7f9fb !important;
    filter:none !important;
  }
}
@media(max-width:950px){
  .header{padding:0 !important;}
  .header-inner{
    height:68px !important;
    border-radius:0 !important;
    max-width:none !important;
    padding:0 22px !important;
    background:rgba(255,255,255,.9) !important;
    backdrop-filter:blur(8px) !important;
    box-shadow:none !important;
  }
  .brand img{width:137px !important;height:auto !important;}
  .menu-toggle{display:block !important;}
  .nav{
    display:none !important;
    position:absolute !important;
    left:16px !important;
    right:16px !important;
    top:68px !important;
    background:#fff !important;
    flex-direction:column !important;
    gap:0 !important;
    padding:10px 22px 18px !important;
    border:1px solid var(--line) !important;
    border-top:0 !important;
    border-radius:0 0 14px 14px !important;
    box-shadow:0 10px 20px rgba(0,0,0,.06) !important;
  }
  .nav.open{display:flex !important;}
  .nav a{padding:12px 4px !important;width:100% !important;}
  .nav .pill{text-align:center !important;margin-top:7px !important;}
  .nav-dropdown{display:block !important;width:100% !important;align-self:auto !important;}
  .nav-dropdown-toggle{
    width:100% !important;
    padding:12px 4px !important;
    text-align:left !important;
    color:var(--blue) !important;
    font-size:14px !important;
  }
  .nav-dropdown-toggle::after{display:none !important;}
  .nav-dropdown-menu{
    position:static !important;
    transform:none !important;
    min-width:0 !important;
    width:100% !important;
    padding:0 0 0 14px !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:none !important;
  }
  .nav-dropdown.open .nav-dropdown-menu{display:block !important;}
  .nav-dropdown-menu a{padding:9px 4px !important;font-size:13px !important;width:100% !important;}
}


/* ---- empresas-menu-cta-final ---- */
/* ==========================================================
   AJUSTE FINAL — MENÚ + CTA HERO EMPRESAS
   ========================================================== */

@media (min-width:951px){

  .header{
    padding:0 16px !important;
  }
  .header-inner{
    height:78px !important;
    max-width:1220px !important;
    margin:0 auto !important;
    padding:0 24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    background:transparent !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }
  .brand img{
    width:154px !important;
    height:auto !important;
    transform:translateY(-1px) !important;
  }

  .nav{
    display:flex !important;
    align-items:center !important;
    gap:30px !important;
    font-size:14px !important;
    font-weight:700 !important;
  }

  /* Enlaces de texto */
  .nav > a:not(.pill),
  .nav-dropdown-toggle{
    position:relative !important;
    padding:27px 0 24px !important;
    color:var(--blue) !important;
    text-shadow:0 1px 1px rgba(255,255,255,.32) !important;
  }

  .nav > a:not(.pill):hover,
  .nav > a:not(.pill):focus-visible,
  .nav > a.active,
  .nav-dropdown:hover .nav-dropdown-toggle,
  .nav-dropdown:focus-within .nav-dropdown-toggle{
    color:var(--orange) !important;
  }

  /* Subrayado EXACTAMENTE centrado con el ancho del texto/botón */
  .nav > a:not(.pill)::after,
  .nav-dropdown-toggle::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:16px !important;
    width:auto !important;
    height:2px !important;
    background:var(--orange) !important;
    transform:scaleX(0) !important;
    transform-origin:center center !important;
    transition:transform .18s ease !important;
  }

  .nav > a:not(.pill):hover::after,
  .nav > a:not(.pill):focus-visible::after,
  .nav > a.active::after,
  .nav-dropdown:hover .nav-dropdown-toggle::after,
  .nav-dropdown:focus-within .nav-dropdown-toggle::after{
    transform:scaleX(1) !important;
  }

  /* Empresas activa */
  .nav > a.active{
    color:var(--orange) !important;
  }

  /* Gestión 360º */
  .nav-dropdown{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    align-self:stretch !important;
  }
  .nav-dropdown-toggle{
    border:0 !important;
    background:transparent !important;
    font:inherit !important;
    font-weight:700 !important;
    cursor:pointer !important;
    white-space:nowrap !important;
  }
  .nav-dropdown-menu{
    position:absolute !important;
    top:60px !important;
    left:50% !important;
    transform:translateX(-50%) translateY(7px) !important;
    width:140px !important;
    min-width:140px !important;
    padding:6px !important;
    background:#fff !important;
    border:1px solid var(--line) !important;
    border-radius:9px !important;
    box-shadow:0 12px 28px rgba(8,44,90,.13) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease !important;
    z-index:80 !important;
  }
  .nav-dropdown:hover .nav-dropdown-menu,
  .nav-dropdown:focus-within .nav-dropdown-menu,
  .nav-dropdown.open .nav-dropdown-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(-50%) translateY(0) !important;
  }
  .nav-dropdown-menu a{
    display:block !important;
    padding:9px 12px !important;
    border-radius:7px !important;
    color:var(--blue) !important;
    font-size:13px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }
  .nav-dropdown-menu a::after{
    display:none !important;
  }
  .nav-dropdown-menu a:hover,
  .nav-dropdown-menu a:focus-visible{
    color:var(--orange) !important;
    background:#f7f9fb !important;
  }

  /* Colabora / Contacto */
  .nav > a.pill{
    position:relative !important;
    overflow:hidden !important;
    padding:9px 17px !important;
    min-height:40px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:6px !important;
    line-height:1 !important;
    color:#fff !important;
    box-shadow:none !important;
    transform:none !important;
    filter:none !important;
  }
  .nav > a.pill.green{background:var(--green) !important;}
  .nav > a.pill.orange{background:var(--orange) !important;}

  .nav > a.pill::after{
    content:"" !important;
    position:absolute !important;
    left:14px !important;
    right:14px !important;
    bottom:6px !important;
    width:auto !important;
    height:2px !important;
    background:#fff !important;
    transform:scaleX(0) !important;
    transform-origin:center !important;
    transition:transform .18s ease !important;
  }
  .nav > a.pill:hover::after,
  .nav > a.pill:focus-visible::after{
    transform:scaleX(1) !important;
  }
  .nav > a.pill:hover,
  .nav > a.pill:focus-visible{
    color:#fff !important;
    filter:none !important;
    box-shadow:none !important;
    transform:none !important;
  }
}

/* CTA "Cuéntanos qué necesitas": mismo lenguaje visual que Contacto del Index */
.hero-cta .hero-study-btn{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  padding:10px 17px !important;
  border-radius:6px !important;
  background:var(--orange) !important;
  color:#fff !important;
  font:700 13px "Avenir Next","Segoe UI",Arial,Helvetica,sans-serif !important;
  text-decoration:none !important;
  filter:none !important;
  box-shadow:none !important;
  transform:none !important;
  transition:none !important;
}
.hero-cta .hero-study-btn::after{
  content:"" !important;
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  bottom:6px !important;
  height:2px !important;
  background:#fff !important;
  transform:scaleX(0) !important;
  transform-origin:center !important;
  transition:transform .18s ease !important;
}
.hero-cta .hero-study-btn:hover,
.hero-cta .hero-study-btn:focus-visible{
  background:var(--orange) !important;
  color:#fff !important;
  filter:none !important;
  box-shadow:none !important;
  transform:none !important;
}
.hero-cta .hero-study-btn:hover::after,
.hero-cta .hero-study-btn:focus-visible::after{
  transform:scaleX(1) !important;
}

@media (max-width:950px){
  .nav > a::after,
  .nav-dropdown-toggle::after,
  .hero-cta .hero-study-btn::after{
    display:none !important;
  }
}


/* ---- hero-correcto-final ---- */
.hero{
  position:relative !important;
  width:100% !important;
  min-height:610px !important;
  background-image:url('../images/hero-empresas.webp') !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center 55% !important;
}
.hero-overlay{
  background:transparent !important;
}
@media (max-width:950px){
  .hero{
    background-position:68% center !important;
  }
}
@media (max-width:600px){
  .hero{
    background-position:72% center !important;
  }
}


/* ---- hero-iconos-unificados-final ---- */
.hero-icons{
  display:flex !important;
  gap:28px !important;
  margin-top:12px !important;
  margin-bottom:20px !important;
  max-width:470px !important;
}

.hero-icons > div{
  width:95px !important;
  text-align:center !important;
  font-size:12px !important;
  font-weight:700 !important;
  color:var(--blue) !important;
}

.hero-icons img,
.hero-icons > div:nth-child(1) img,
.hero-icons > div:nth-child(2) img,
.hero-icons > div:nth-child(3) img,
.hero-icons > div:nth-child(4) img{
  width:46px !important;
  height:46px !important;
  max-width:46px !important;
  max-height:46px !important;
  object-fit:contain !important;
  margin:0 auto 8px !important;
  transform:none !important;
  scale:none !important;
  filter: brightness(0) saturate(100%) invert(49%) sepia(92%) saturate(3840%) hue-rotate(4deg) brightness(102%) contrast(99%) !important;
}

@media (max-width:600px){
  .hero-icons{
    max-width:none !important;
    gap:8px !important;
  }
  .hero-icons > div{
    width:23% !important;
    font-size:9px !important;
  }
  .hero-icons img,
  .hero-icons > div:nth-child(1) img,
  .hero-icons > div:nth-child(2) img,
  .hero-icons > div:nth-child(3) img,
  .hero-icons > div:nth-child(4) img{
    width:36px !important;
    height:36px !important;
    max-width:36px !important;
    max-height:36px !important;
    transform:none !important;
    filter: brightness(0) saturate(100%) invert(49%) sepia(92%) saturate(3840%) hue-rotate(4deg) brightness(102%) contrast(99%) !important;
  }
}


/* ---- tarjetas-ayuda-iconos-final ---- */
.help-cards-photo .help-photo-icon.asset-icon img{
  width:66% !important;
  height:66% !important;
  object-fit:contain !important;
  display:block !important;
}

/* Asistencia técnica: verde MASAR */
.help-cards-photo .help-photo-card:nth-child(2) .help-photo-icon.asset-icon img{
  width:66% !important;
  height:66% !important;
  filter: brightness(0) saturate(100%) invert(58%) sepia(87%) saturate(513%) hue-rotate(34deg) brightness(91%) contrast(101%) !important;
}


/* ---- ver-detalle-hover-final ---- */
.help-card-btn{
  position:relative !important;
  display:inline-block !important;
  color:var(--orange) !important;
  text-decoration:none !important;
  border-bottom:0 !important;
  padding-bottom:4px !important;
  background:none !important;
}
.help-card-btn::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:2px !important;
  background:var(--orange) !important;
  transform:scaleX(0) !important;
  transform-origin:center center !important;
  transition:transform .18s ease !important;
}
.help-card-btn:hover,
.help-card-btn:focus-visible{
  color:var(--orange) !important;
  text-decoration:none !important;
}
.help-card-btn:hover::after,
.help-card-btn:focus-visible::after{
  transform:scaleX(1) !important;
}


/* ---- oportunidades-colores-definitivos ---- */
.opportunity-extended{
  background:linear-gradient(105deg,#2b761d 0%,#247018 56%,#2f831f 100%) !important;
}
.opportunity-extended .opp-eyebrow{
  color:#FD6604 !important;
}
.opportunity-extended .opp-bottom-note h4{
  color:#92B501 !important;
}


/* ---- opp-claim-correcto-final ---- */
/* Las dos frases del claim, mismo tamaño */
.opportunity-extended .opp-claim-final{
  margin:0 !important;
  font-size:14px !important;
  line-height:1.65 !important;
  font-weight:700 !important;
  color:#fff !important;
}

/* Primera frase en naranja */
.opportunity-extended .opp-claim-final strong{
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:700 !important;
  color:#FD6604 !important;
}


/* ---- opp-priorizacion-naranja-final ---- */
.opportunity-extended .opp-bottom-note .opp-priorizacion-naranja,
.opportunity-extended .opp-bottom-note .opp-priorizacion-naranja *{
  color:#FD6604 !important;
}


/* ---- empresas-360-botones-detalles-final ---- */
/* =========================================================
   GESTIÓN 360º — MISMAS MEDIDAS QUE EL INDEX
   ========================================================= */
#gestion360.section{
  max-width:1220px !important;
  margin:auto !important;
  padding-left:26px !important;
  padding-right:26px !important;
}
#gestion360.section-tight{
  padding-top:20px !important;
  padding-bottom:20px !important;
}

#gestion360 .card360{
  background:linear-gradient(135deg,#0B2D5C,#0A315F) !important;
  border-radius:15px !important;
  color:#fff !important;
  padding:34px !important;
  display:grid !important;
  grid-template-columns:.95fr 1.35fr !important;
  gap:18px !important;
  box-shadow:0 10px 28px rgba(10,46,91,.06) !important;
}

#gestion360 .c360-left h2{
  font-size:35px !important;
  line-height:1.1 !important;
  margin:0 0 12px !important;
  white-space:nowrap !important;
}
#gestion360 .c360-left>p:not(.eyebrow){
  font-size:14px !important;
  line-height:1.52 !important;
  max-width:490px !important;
}
#gestion360 .c360-left .check-list{
  list-style:none !important;
  margin:17px 0 18px !important;
  padding:0 !important;
}
#gestion360 .c360-left .check-list li{
  position:relative !important;
  padding-left:44px !important;
  margin:12px 0 !important;
  font-size:13px !important;
  line-height:1.62 !important;
}
#gestion360 .c360-left .check-list li::before{
  content:'✓' !important;
  position:absolute !important;
  left:2px !important;
  top:-1px !important;
  border:2px solid var(--lime) !important;
  color:var(--lime) !important;
  width:15px !important;
  height:15px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:10px !important;
  font-weight:700 !important;
}

/* IMPORTANTE: en escritorio el Index usa 430px, no 470px */
#gestion360 .c360-right{
  min-height:430px !important;
}
#gestion360 .process-wrap{
  height:100% !important;
  position:relative !important;
  min-height:430px !important;
}
#gestion360 .wheel{
  position:absolute !important;
  width:45% !important;
  left:27.5% !important;
  top:54px !important;
  z-index:2 !important;
}
#gestion360 .pstep{
  position:absolute !important;
  display:flex !important;
  gap:10px !important;
  z-index:3 !important;
  width:180px !important;
}
#gestion360 .pstep img{
  width:45px !important;
  height:45px !important;
  object-fit:contain !important;
  flex:none !important;
}
#gestion360 .pstep b{
  display:block !important;
  font-size:14px !important;
}
#gestion360 .pstep b em{
  font-style:normal !important;
  color:#27a1ff !important;
}
#gestion360 .pstep span{
  display:block !important;
  font-size:11px !important;
  line-height:1.45 !important;
  margin-top:5px !important;
  color:#f2f7fd !important;
}

@media (min-width:1101px){
  #gestion360 .c360-right .s1{left:30px !important;top:48px !important;}
  #gestion360 .c360-right .s2{right:4px !important;top:48px !important;}
  #gestion360 .c360-right .s3{right:-10px !important;top:207px !important;}
  #gestion360 .c360-right .s5{left:-22px !important;top:207px !important;}
  #gestion360 .c360-right .s4{
    left:50% !important;
    right:auto !important;
    bottom:66px !important;
    transform:translateX(-50%) !important;
  }
}
@media (min-width:901px){
  #gestion360 .card360 .c360-right{
    transform:translateY(12px) !important;
  }
}

#gestion360 .c360-bottom{
  grid-column:1/-1 !important;
  background:#f7fbff !important;
  color:var(--blue) !important;
  border-radius:12px !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  overflow:hidden !important;
  margin-top:10px !important;
}
#gestion360 .c360-bottom>div{
  text-align:center !important;
  padding:18px 16px !important;
  border-right:1px solid #d7e1eb !important;
}
#gestion360 .c360-bottom>div:last-child{
  border-right:0 !important;
}
#gestion360 .c360-bottom img{
  width:48px !important;
  height:48px !important;
  object-fit:contain !important;
  margin:0 auto 7px !important;
}
#gestion360 .c360-bottom b{
  display:block !important;
  color:var(--orange) !important;
  font-size:12px !important;
}
#gestion360 .c360-bottom span{
  display:block !important;
  font-size:12px !important;
  line-height:1.65 !important;
  margin-top:5px !important;
}

/* CTA 360 exactamente con la lógica del Index */
#gestion360 .cta-360-choice{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  padding:12px 18px !important;
  border-radius:6px !important;
  background:#FD6604 !important;
  color:#fff !important;
  font:700 13px "Avenir Next","Segoe UI",Arial,Helvetica,sans-serif !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  cursor:default !important;
  transition:none !important;
}
#gestion360 .cta-360-choice:hover,
#gestion360 .cta-360-choice:focus-within{
  background:#FD6604 !important;
  color:#fff !important;
  filter:none !important;
  box-shadow:none !important;
  transform:none !important;
}
#gestion360 .cta-360-label{
  font:inherit !important;
  font-weight:inherit !important;
}
#gestion360 .cta-360-options{
  display:inline-flex !important;
  gap:8px !important;
}
#gestion360 .cta-360-options a{
  position:relative !important;
  overflow:hidden !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:9px 13px 12px !important;
  border:0 !important;
  border-radius:7px !important;
  color:#0B2D5C !important;
  background:#fff !important;
  font-size:13px !important;
  font-weight:700 !important;
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
}
#gestion360 .cta-360-options a::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:6px !important;
  width:0 !important;
  height:2px !important;
  background:#FD6604 !important;
  border-radius:2px !important;
  transform:translateX(-50%) !important;
  transition:width .22s ease !important;
}
#gestion360 .cta-360-options a:hover::after,
#gestion360 .cta-360-options a:focus-visible::after{
  width:calc(100% - 20px) !important;
}

/* =========================================================
   BOTONES DE DETALLE — MISMO HOVER QUE CONTACTO DEL MENÚ
   ========================================================= */
.service-detail-block .detail-cta-menu-style{
  position:relative !important;
  overflow:hidden !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#FD6604 !important;
  color:#fff !important;
  border:0 !important;
  border-radius:6px !important;
  padding:12px 19px !important;
  min-height:40px !important;
  line-height:1 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  transition:none !important;
}
.service-detail-block .detail-cta-menu-style::after{
  content:"" !important;
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  bottom:6px !important;
  height:2px !important;
  background:#fff !important;
  transform:scaleX(0) !important;
  transform-origin:center center !important;
  transition:transform .18s ease !important;
}
.service-detail-block .detail-cta-menu-style:hover,
.service-detail-block .detail-cta-menu-style:focus-visible,
.service-detail-block .detail-cta-menu-style:active{
  background:#FD6604 !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
.service-detail-block .detail-cta-menu-style:hover::after,
.service-detail-block .detail-cta-menu-style:focus-visible::after{
  transform:scaleX(1) !important;
}

/* =========================================================
   4 IMÁGENES DE DETALLE — ALINEACIÓN VERTICAL UNIFICADA
   ========================================================= */
.service-detail-block .detail-card{
  align-items:flex-start !important;
}
.service-detail-block .detail-media{
  align-self:flex-start !important;
  width:100% !important;
}
.service-detail-block .detail-media img{
  display:block !important;
  width:100% !important;
  height:360px !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
}
.service-detail-block .detail-copy{
  align-self:flex-start !important;
}

/* Responsive del 360 igual que Index */
@media (max-width:950px){
  #gestion360 .card360{
    grid-template-columns:1fr !important;
  }
  #gestion360 .c360-left h2{
    white-space:normal !important;
  }
  #gestion360 .c360-right{
    min-height:470px !important;
    transform:none !important;
  }
  #gestion360 .c360-bottom{
    grid-template-columns:repeat(2,1fr) !important;
  }
  #gestion360 .c360-bottom>div{
    border-bottom:1px solid #d7e1eb !important;
  }
  #gestion360 .c360-bottom>div:nth-child(even){
    border-right:0 !important;
  }
  #gestion360 .c360-bottom>div:last-child{
    grid-column:1/-1 !important;
  }
}
@media (max-width:580px){
  #gestion360.section{
    padding:17px 12px !important;
  }
  #gestion360 .card360{
    padding:21px 15px !important;
  }
  #gestion360 .c360-left h2{
    font-size:27px !important;
  }
  #gestion360 .c360-right{
    min-height:auto !important;
  }
  #gestion360 .process-wrap{
    min-height:auto !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:15px !important;
    padding-top:5px !important;
  }
  #gestion360 .wheel{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    width:72% !important;
    margin:0 auto 12px !important;
    grid-column:1/-1 !important;
  }
  #gestion360 .pstep{
    position:static !important;
    width:auto !important;
    display:block !important;
    text-align:center !important;
    transform:none !important;
  }
  #gestion360 .pstep img{
    margin:0 auto 5px !important;
    width:36px !important;
    height:36px !important;
  }
  #gestion360 .pstep span{
    font-size:9px !important;
  }
  #gestion360 .c360-bottom{
    display:flex !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
  }
  #gestion360 .c360-bottom>div{
    flex:0 0 76% !important;
    border-right:1px solid #d7e1eb !important;
    border-bottom:0 !important;
    scroll-snap-align:center !important;
  }
  #gestion360 .cta-360-choice{
    display:flex !important;
  }
  #gestion360 .cta-360-options{
    width:100% !important;
    flex-wrap:wrap !important;
  }

  .service-detail-block .detail-media img{
    height:260px !important;
  }
}


/* ---- detalle-imagenes-alineadas-titulo ---- */
@media (min-width:901px){
  #detalle-instalaciones .detail-media,
  #detalle-mantenimiento .detail-media,
  #detalle-asesoria .detail-media,
  #detalle-optimizacion .detail-media{
    margin-top:30px !important;
  }

  #detalle-instalaciones .detail-media img,
  #detalle-mantenimiento .detail-media img,
  #detalle-asesoria .detail-media img,
  #detalle-optimizacion .detail-media img{
    margin-top:0 !important;
  }
}


/* ---- sector-carousel-index-exacto ---- */
/* SECTORES — copiado del Index definitivo */
.carousel-wrap{
  position:relative !important;
  padding:2px 0 0 !important;
}
.sector-track{
  display:flex !important;
  gap:16px !important;
  overflow-x:auto !important;
  scroll-behavior:auto !important;
  scroll-snap-type:x proximity !important;
  scroll-padding-inline:6px !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior-inline:contain !important;
  padding:4px 6px 10px !important;
  cursor:grab !important;
  touch-action:pan-x pan-y !important;
}
.sector-track::-webkit-scrollbar{display:none !important;}
.sector-track.is-dragging{
  cursor:grabbing !important;
  scroll-snap-type:none !important;
  user-select:none !important;
}
.sector-track img{
  flex:0 0 190px !important;
  width:190px !important;
  height:285px !important;
  object-fit:cover !important;
  border-radius:14px !important;
  scroll-snap-align:start !important;
  box-shadow:0 7px 16px rgba(9,39,78,.075) !important;
  transition:transform .42s cubic-bezier(.22,.61,.36,1),box-shadow .42s ease !important;
  -webkit-user-drag:none !important;
  user-select:none !important;
}
.sector-track:not(.is-dragging) img:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 11px 24px rgba(9,39,78,.11) !important;
}
.carousel-btn{
  transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,opacity .25s ease !important;
}
.carousel-btn:hover{
  background:#fffaf7 !important;
  border-color:rgba(253,102,4,.35) !important;
}
.carousel-btn:active{
  transform:translateY(-50%) scale(.94) !important;
}
.carousel-dots{
  text-align:center !important;
  margin-top:12px !important;
}
.carousel-dots span{
  cursor:pointer !important;
  transition:width .38s cubic-bezier(.22,.61,.36,1),background-color .38s ease,transform .25s ease !important;
}
.carousel-dots span:hover{
  transform:scale(1.15) !important;
}
@media(max-width:580px){
  .sector-track{
    gap:10px !important;
    padding-left:14vw !important;
    padding-right:14vw !important;
    scroll-padding-inline:14vw !important;
    scroll-snap-type:x mandatory !important;
  }
  .sector-track img{
    flex:0 0 72vw !important;
    width:72vw !important;
    height:auto !important;
    aspect-ratio:2/3 !important;
    scroll-snap-align:center !important;
  }
}


/* ---- cta-menu-hover-final ---- */
/* CTA intermedio: mismo comportamiento que Contacto del menú principal */
#cta-empresas .cta-menu-hover{
  position:relative !important;
  overflow:hidden !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#FD6604 !important;
  color:#fff !important;
  border:0 !important;
  border-radius:6px !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  transition:none !important;
}
#cta-empresas .cta-menu-hover::after{
  content:"" !important;
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  bottom:6px !important;
  height:2px !important;
  background:#fff !important;
  transform:scaleX(0) !important;
  transform-origin:center center !important;
  transition:transform .18s ease !important;
}
#cta-empresas .cta-menu-hover:hover,
#cta-empresas .cta-menu-hover:focus-visible,
#cta-empresas .cta-menu-hover:active{
  background:#FD6604 !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
#cta-empresas .cta-menu-hover:hover::after,
#cta-empresas .cta-menu-hover:focus-visible::after{
  transform:scaleX(1) !important;
}


/* ---- form-footer-index-final ---- */
/* ===== FORMULARIO — igual al Index ===== */
.contact-card input,
.contact-card textarea,
.contact-card select{
  width:100% !important;
  border:0 !important;
  border-radius:4px !important;
  padding:10px 11px !important;
  margin-bottom:8px !important;
  font:12px "Avenir Next","Segoe UI",Arial,Helvetica,sans-serif !important;
  color:#0B2D5C !important;
  background:#fff !important;
}
.contact-card input::placeholder,
.contact-card textarea::placeholder{
  color:#0B2D5C !important;
  opacity:.82 !important;
}
.contact-card select{
  appearance:none !important;
  -webkit-appearance:none !important;
  background-image:
    linear-gradient(45deg,transparent 50%,#0B2D5C 50%),
    linear-gradient(135deg,#0B2D5C 50%,transparent 50%) !important;
  background-position:
    calc(100% - 17px) 50%,
    calc(100% - 12px) 50% !important;
  background-size:5px 5px,5px 5px !important;
  background-repeat:no-repeat !important;
  padding-right:32px !important;
}
.contact-card input:focus,
.contact-card textarea:focus,
.contact-card select:focus{
  outline:2px solid rgba(11,45,92,.22) !important;
  outline-offset:1px !important;
}

/* Check de privacidad del Index */
.privacy-check{
  display:flex !important;
  align-items:flex-start !important;
  gap:8px !important;
  margin:3px 0 12px !important;
  font-size:10.5px !important;
  line-height:1.45 !important;
  color:#fff !important;
}
.privacy-check input{
  width:15px !important;
  height:15px !important;
  flex:0 0 auto !important;
  margin:1px 0 0 !important;
  padding:0 !important;
  accent-color:#0B2D5C !important;
}
.privacy-check a{
  display:inline !important;
  color:#fff !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
}
.privacy-check a:hover{
  color:#fff !important;
}

/* Botón idéntico al formulario del Index */
.contact-card .btn-dark{
  position:relative !important;
  overflow:hidden !important;
  width:76% !important;
  margin:0 auto !important;
  display:flex !important;
  background:var(--green) !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
.contact-card .btn-dark:hover,
.contact-card .btn-dark:focus-visible{
  background:var(--green) !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
.contact-card .btn-dark::after{
  content:"" !important;
  position:absolute !important;
  left:16px !important;
  right:16px !important;
  bottom:6px !important;
  height:2px !important;
  background:rgba(255,255,255,.95) !important;
  transform:scaleX(0) !important;
  transform-origin:center !important;
  transition:transform .18s ease !important;
}
.contact-card .btn-dark:hover::after,
.contact-card .btn-dark:focus-visible::after{
  transform:scaleX(1) !important;
}

/* ===== FOOTER — medidas/comportamiento del Index ===== */
.footer-grid{
  grid-template-columns:1.35fr .9fr .9fr .95fr !important;
}
.footer-grid > div:not(.footer-brand){
  padding-left:24px !important;
}
.footer h3{
  font-size:13px !important;
}
.footer a{
  font-size:11px !important;
  transition:font-weight .15s ease,color .15s ease !important;
}
.footer-grid > div:not(.footer-brand) a:hover{
  font-weight:700 !important;
  color:#fff !important;
}
.footer-location{
  display:block !important;
  font-size:11px !important;
  line-height:1.75 !important;
  color:#eef4fb !important;
  cursor:default !important;
}
.footer-location:hover{
  font-weight:400 !important;
  color:#eef4fb !important;
}
.footer-legal-links{
  display:inline-flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}
.footer-legal-links a{
  display:inline !important;
}
.footer-credit{
  white-space:nowrap !important;
  color:#e7eef7 !important;
}
.footer-credit a{
  display:inline !important;
  color:#fff !important;
}
.footer-credit a:hover,
.footer-credit a:focus-visible{
  font-weight:700 !important;
}

@media(max-width:950px){
  .footer-grid > div:not(.footer-brand){
    padding-left:0 !important;
  }
}
@media(max-width:580px){
  .contact-card .btn-dark{
    width:100% !important;
  }
  .footer-credit{
    white-space:normal !important;
  }
}


/* ---- form-boton-azul-ajustado ---- */
.contact-card .btn-dark{
  position:relative !important;
  overflow:hidden !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:12px 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:var(--blue) !important;
  color:#fff !important;
  border-radius:6px !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
.contact-card .btn-dark:hover,
.contact-card .btn-dark:focus-visible{
  background:var(--blue) !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
.contact-card .btn-dark::after{
  content:"" !important;
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  bottom:6px !important;
  height:2px !important;
  background:#fff !important;
  transform:scaleX(0) !important;
  transform-origin:center center !important;
  transition:transform .18s ease !important;
}
.contact-card .btn-dark:hover::after,
.contact-card .btn-dark:focus-visible::after{
  transform:scaleX(1) !important;
}


/* ---- footer-index-exacto-final ---- */
/* =========================================================
   FOOTER EMPRESAS — réplica final del INDEX
   ========================================================= */

.footer{
  background:linear-gradient(135deg,#082c5a,#062344) !important;
  color:#fff !important;
  padding:31px 28px 13px !important;
}

.footer-grid{
  max-width:1220px !important;
  width:100% !important;
  margin:auto !important;
  display:grid !important;
  grid-template-columns:1.55fr .68fr .68fr .82fr !important;
  gap:18px !important;
}

.footer-brand img{
  width:150px !important;
  filter:brightness(0) invert(1) !important;
}

.footer p{
  font-size:10px !important;
  line-height:1.55 !important;
  color:#e7eef7 !important;
}

.footer h3{
  font-size:13px !important;
  margin:0 0 9px !important;
}

.footer a{
  display:block !important;
  font-size:11px !important;
  line-height:1.75 !important;
  color:#eef4fb !important;
  transition:font-weight .15s ease,color .15s ease !important;
}

.footer-grid > div:not(.footer-brand){
  justify-self:end !important;
  text-align:right !important;
  padding-left:0 !important;
}

.footer-grid > div:not(.footer-brand) h3,
.footer-grid > div:not(.footer-brand) a{
  text-align:right !important;
}

.footer-grid > div:nth-child(2),
.footer-grid > div:nth-child(3),
.footer-grid > div:nth-child(4){
  max-width:180px !important;
}

.footer-grid > div:not(.footer-brand) a:hover{
  font-weight:700 !important;
  color:#fff !important;
}

.footer-location{
  display:block !important;
  font-size:11px !important;
  line-height:1.75 !important;
  color:#eef4fb !important;
  font-weight:400 !important;
}
.footer-location:hover{
  font-weight:400 !important;
  color:#eef4fb !important;
}

/* RRSS exactamente como en Index */
.socials{
  display:flex !important;
  gap:9px !important;
  align-items:center !important;
  margin-top:12px !important;
}

.socials .social-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  border-radius:50% !important;
  background:#fff !important;
  padding:0 !important;
  color:var(--blue) !important;
  overflow:hidden !important;
  cursor:default !important;
  line-height:0 !important;
  filter:none !important;
}

.socials .social-icon svg{
  width:17px !important;
  height:17px !important;
  display:block !important;
  fill:currentColor !important;
  flex:none !important;
}

.socials .social-icon:hover{
  filter:brightness(.94) !important;
  font-weight:normal !important;
}

/* Línea inferior del footer */
.footer-bottom{
  max-width:1220px !important;
  width:100% !important;
  margin:20px auto 0 !important;
  padding-top:11px !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  font-size:9px !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:20px !important;
}

.footer-bottom > span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:18px !important;
  line-height:1.4 !important;
  margin:0 !important;
}

/* Aviso legal / privacidad / cookies exactamente como Index */
.footer-legal-links{
  display:inline-flex !important;
  align-items:center !important;
  line-height:1.4 !important;
  white-space:nowrap !important;
}

.footer-legal-links a{
  display:inline !important;
  color:inherit !important;
  font-size:inherit !important;
  font-weight:400 !important;
  line-height:inherit !important;
  text-decoration:none !important;
}

.footer-legal-links a:hover,
.footer-legal-links a:focus-visible{
  color:#fff !important;
  text-decoration:underline !important;
  font-weight:400 !important;
}

/* Crédito Albertorach exactamente como Index */
.footer-credit{
  font-size:9px !important;
  color:rgba(255,255,255,.72) !important;
  margin:0 !important;
  white-space:nowrap !important;
}

.footer-credit a{
  display:inline !important;
  margin-left:3px !important;
  font-size:inherit !important;
  line-height:inherit !important;
  color:rgba(255,255,255,.86) !important;
  font-weight:600 !important;
  text-decoration:none !important;
}

.footer-credit a:hover,
.footer-credit a:focus-visible{
  color:#fff !important;
  text-decoration:underline !important;
}

@media(max-width:950px){
  .footer-grid{
    grid-template-columns:1.3fr 1fr !important;
  }
  .footer-grid > div:not(.footer-brand){
    justify-self:stretch !important;
    text-align:left !important;
    padding-left:0 !important;
  }
  .footer-grid > div:not(.footer-brand) h3,
  .footer-grid > div:not(.footer-brand) a{
    text-align:left !important;
  }
}

@media(max-width:580px){
  .footer{
    padding:26px 18px 12px !important;
  }
  .footer-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .footer-bottom{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
  }
  .footer-legal-links{
    white-space:normal !important;
    flex-wrap:wrap !important;
  }
  .footer-credit{
    white-space:normal !important;
  }
}


/* ---- rrss-hover-visible-final ---- */
/* RRSS: reacción visible al pasar el puntero */
.footer .socials .social-icon{
  cursor:pointer !important;
  transition:transform .18s ease, color .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.footer .socials .social-icon:hover,
.footer .socials .social-icon:focus-visible{
  color:#FD6604 !important;
  transform:translateY(-2px) !important;
  box-shadow:0 5px 12px rgba(0,0,0,.14) !important;
  filter:none !important;
}
.footer .socials .social-icon:active{
  transform:translateY(0) !important;
  box-shadow:none !important;
}


/* ---- whatsapp-index-exacto-final ---- */
.whatsapp-float{
  position:fixed !important;
  right:18px !important;
  bottom:18px !important;
  z-index:90 !important;
  width:58px !important;
  height:58px !important;
  padding:0 !important;
  border-radius:50% !important;
  background:#25D366 !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:0 !important;
  box-shadow:0 8px 20px rgba(0,0,0,.20) !important;
  transition:transform .2s ease,filter .2s ease !important;
}
.whatsapp-float:hover,
.whatsapp-float:focus-visible{
  transform:translateY(-2px) !important;
  filter:brightness(.97) !important;
}
.whatsapp-float svg{
  width:34px !important;
  height:34px !important;
  display:block !important;
  fill:#fff !important;
  flex:none !important;
}
@media(max-width:580px){
  .whatsapp-float{
    right:14px !important;
    bottom:14px !important;
    width:54px !important;
    height:54px !important;
  }
  .whatsapp-float svg{
    width:32px !important;
    height:32px !important;
  }
}


/* ---- masar-empresas-cierre-tecnico ---- */
/* ===== MASAR EMPRESAS — CIERRE TÉCNICO FINAL 21/08/2026 ===== */

/* Accesibilidad */
.sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid #FD6604 !important;
  outline-offset:3px !important;
}

/* Sistema único de líneas laterales de títulos */
.services-title,
.section-heading h2{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:20px !important;
  color:#FD6604 !important;
  text-align:center !important;
}
.services-title::before,
.services-title::after,
.section-heading h2::before,
.section-heading h2::after{
  content:"" !important;
  display:block !important;
  flex:0 0 145px !important;
  width:145px !important;
  height:1.5px !important;
  background:#FD6604 !important;
  opacity:.95 !important;
  transform:translateY(4px) !important;
}

/* Cómo trabajamos: geometría final única */
.process-line-wrap{
  max-width:1168px !important;
  margin:28px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  column-gap:24px !important;
  position:relative !important;
}
.process-line-wrap::before{display:none !important;}
.process-step{position:relative !important;}
.process-icon{
  width:78px !important;
  height:78px !important;
  margin:0 auto 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  z-index:2 !important;
  background:#fff !important;
}
.process-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}
.process-step:not(:last-child)::after{
  content:"" !important;
  position:absolute !important;
  top:38px !important;
  left:calc(50% + 55px) !important;
  right:calc(-50% + 31px) !important;
  height:2px !important;
  background:rgba(146,181,1,.58) !important;
  border-radius:2px !important;
  z-index:0 !important;
}

/* CTAs: sin saltos, sin oscurecer; línea blanca de interacción */
.hero-cta,
.detail-cta-menu-style,
.cta-menu-hover,
.opp-btn,
.contact-card .btn-dark{
  transform:none !important;
  box-shadow:none !important;
}
.hero-cta:hover,
.detail-cta-menu-style:hover,
.cta-menu-hover:hover,
.opp-btn:hover,
.contact-card .btn-dark:hover{
  transform:none !important;
  box-shadow:none !important;
}

/* Formulario */
.contact-card input,
.contact-card textarea,
.contact-card select{
  color:#0B2D5C !important;
}
.contact-card input::placeholder,
.contact-card textarea::placeholder{
  color:#0B2D5C !important;
  opacity:.82 !important;
}
.contact-card .btn-dark{
  width:auto !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:12px 18px !important;
  display:inline-flex !important;
  background:#0B2D5C !important;
  color:#fff !important;
}

/* Tablet / portátil pequeño: una respuesta clara y estable */
@media (min-width:621px) and (max-width:980px){
  .process-line-wrap{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    row-gap:34px !important;
  }
  .process-step::after{display:none !important;}
  .why-open-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:26px 22px !important;
  }
  .finance-icons-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .help-cards-five{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Móvil */
@media (max-width:620px){
  .services-title,
  .section-heading h2{
    gap:10px !important;
  }
  .services-title::before,
  .services-title::after,
  .section-heading h2::before,
  .section-heading h2::after{
    flex:1 1 34px !important;
    width:auto !important;
    max-width:56px !important;
    min-width:24px !important;
  }
  .process-line-wrap{
    grid-template-columns:1fr !important;
    row-gap:28px !important;
  }
  .process-step::after{display:none !important;}
  .process-icon{
    width:70px !important;
    height:70px !important;
  }
  .why-open-grid{
    grid-template-columns:1fr !important;
  }
}


.contact-card button[type="submit"]{
  width:fit-content !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto !important;
  padding:12px 20px !important;
}


/* ===== Gestión Energética 360º Empresas — estilos específicos ===== */
.nav-dropdown-toggle.active{color:var(--orange);position:relative}
.nav-dropdown-toggle.active::after{content:"";position:absolute;height:2px;left:0;right:0;bottom:16px;background:var(--orange)}

.hero-360{position:relative;min-height:630px!important;background-image:url('../images/hero-gestion-energetica-360-empresas.webp')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;overflow:hidden}
.hero-360 .hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 31%,rgba(255,255,255,.72) 48%,rgba(255,255,255,.18) 72%,rgba(255,255,255,0) 100%)!important}
.hero-360 .hero-content{padding-top:146px;padding-bottom:58px}
.hero-360 .hero-copy{max-width:620px}
.hero-360 .hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.hero-360 .hero-note{font-size:12px;color:#536b86;font-weight:700}

.what360{padding-top:40px;padding-bottom:40px}
.what360-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.what360-media{
  border-radius:0;
  overflow:visible;
  box-shadow:none;
  min-height:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:center;
}
.what360-media img{
  width:100%;
  height:auto;
  min-height:0;
  max-height:315px;
  object-fit:contain;
  border-radius:0;
  box-shadow:none;
}
.what360-copy p{font-size:15px;line-height:1.65;margin:0 0 16px;color:#304a70}
.what360-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.what360-principles span{padding:13px 10px;border:1px solid #dfe7ef;border-radius:9px;text-align:center;color:var(--blue);font-size:12px;font-weight:800;background:#fff}

.include360{padding-top:44px;padding-bottom:46px}
.include-carousel-wrap{position:relative}
.include-carousel-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 6px 14px;cursor:grab;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.include-carousel-track::-webkit-scrollbar{display:none}
.include-carousel-track.is-dragging{cursor:grabbing;scroll-behavior:auto}
.include-item{flex:0 0 280px;scroll-snap-align:start;border:1px solid #e1e7ee;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 8px 20px rgba(11,45,92,.06)}
.include-photo{height:175px;position:relative;overflow:hidden}
.include-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.include-item:hover .include-photo img{transform:scale(1.035)}
.include-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,35,73,.03),rgba(7,35,73,.76))}
.include-photo-overlay{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;color:#fff;display:flex;align-items:center;gap:10px}
.include-photo-icon{width:38px;height:38px;flex:none;display:grid;place-items:center}
.include-photo-icon img{width:38px;height:38px;object-fit:contain;transform:none!important}
.include-photo-overlay h3{margin:0;font-size:15px;line-height:1.2;color:#fff}
.include-copy{padding:15px 16px 17px}
.include-copy p{font-size:12px;line-height:1.55;color:#4b6480;margin:0}
.include-carousel-btn{position:absolute;z-index:4;top:47%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid #dce3eb;background:#fff;color:var(--orange);font-size:28px;box-shadow:0 5px 14px rgba(0,0,0,.08);cursor:pointer}
.include-carousel-btn.prev{left:-13px}.include-carousel-btn.next{right:-13px}
.include-carousel-dots{text-align:center;margin-top:7px}.include-carousel-dots span{display:inline-block;width:7px;height:7px;background:#d6dce3;border-radius:50%;margin:0 3px;transition:all .25s ease}.include-carousel-dots .active{background:var(--orange);width:18px;border-radius:8px}

.process360{padding-top:44px;padding-bottom:52px}
.process-five{grid-template-columns:repeat(5,1fr)!important}
.process360 .process-step h3{color:var(--blue)}
.process360 .process-icon{background:transparent!important;border:0!important;box-shadow:none!important}
.process360 .process-icon img{width:68px;height:68px;object-fit:contain}
.report360{margin-top:38px;border-radius:16px;background:linear-gradient(135deg,#0b2d5c,#123e75);color:#fff;display:grid;grid-template-columns:1.25fr .75fr;gap:34px;padding:34px 38px;align-items:center;box-shadow:0 14px 34px rgba(11,45,92,.15)}
.report360-kicker{font-size:11px;letter-spacing:.7px;font-weight:900;color:var(--orange);margin:0 0 9px}
.report360 h3{font-size:25px;line-height:1.2;margin:0 0 12px;color:#fff}
.report360-lead{font-size:13px;line-height:1.55;color:#eaf0f7;margin:0 0 18px}
.report360-points{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
.report360-points span{position:relative;padding-left:18px;font-size:11px;line-height:1.45;color:#f1f5f9}
.report360-points span::before{content:"✓";position:absolute;left:0;color:#92B501;font-weight:900}
.report360-foot{font-size:12px;margin:18px 0 0;color:#fff}
.report-document{background:#fff;border-radius:12px;padding:19px 18px;color:var(--blue);box-shadow:0 12px 28px rgba(0,0,0,.18);transform:rotate(1deg)}
.report-document-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #eef1f5;padding-bottom:11px;margin-bottom:12px}
.report-document-head img{width:95px;height:auto}.report-document-head span{font-size:9px;font-weight:900;color:var(--orange)}
.report-document h4{font-size:14px;margin:0 0 10px}.report-document-line{height:7px;background:#e8edf3;border-radius:6px;margin:7px 0}.report-document-line.short{width:68%}.report-document-line.orange{width:42%;background:#fd6604}.report-document-chart{height:66px;border-radius:8px;margin-top:15px;background:linear-gradient(180deg,#f2f7fb,#e8f0f7);position:relative;overflow:hidden}.report-document-chart::after{content:"";position:absolute;left:8%;right:8%;bottom:14px;height:3px;background:#92B501;transform:skewY(-7deg);box-shadow:30px -11px 0 #92B501,60px -5px 0 #92B501,90px -24px 0 #92B501,120px -17px 0 #92B501}

.opportunity360{padding-top:44px;padding-bottom:54px}
.opp360-shell{max-width:1168px;margin:0 auto;background:linear-gradient(135deg,#2e8f16 0%,#2a8616 100%);border-radius:22px;padding:28px 30px 22px;box-shadow:0 14px 32px rgba(11,45,92,.08)}
.opp360-intro{display:grid;grid-template-columns:92px minmax(0,1fr) 350px;gap:24px;align-items:start}
.opp360-intro-icon{display:flex;align-items:flex-start;justify-content:center;padding-top:4px}
.opp360-intro-icon img{width:72px;height:72px;object-fit:contain}
.opp360-copy{padding-top:2px}
.opp360-kicker{margin:0 0 10px;color:#fff;font-size:12px;line-height:1.2;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.opp360-copy h2{margin:0 0 14px;color:#fff;font-size:34px;line-height:1.1;font-weight:800}
.opp360-copy h2 span{color:var(--orange)}
.opp360-copy p{margin:0 0 14px;color:#fff;font-size:14px;line-height:1.55;font-weight:600;max-width:690px}
.opp360-copy p:last-child{margin-bottom:0;font-weight:800}
.opp360-media{display:flex;justify-content:flex-end}
.opp360-media img{width:345px;height:190px;object-fit:cover;border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.opp360-panel{margin-top:24px;background:#fff;border-radius:20px;padding:24px 28px 16px}
.opp360-subhead{margin:0 0 18px}
.opp360-subhead h3{margin:0 0 6px;color:var(--orange);font-size:28px;line-height:1.14;font-weight:800}
.opp360-subhead p{margin:0;color:var(--blue);font-size:13.5px;line-height:1.55;font-weight:700}
.opp360-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.opp360-card,.opp360-close-card{border-radius:16px;min-height:128px;padding:18px 18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}
.opp360-card{background:#eef3d8}
.opp360-num{display:block;margin:0 0 12px;color:var(--orange);font-size:31px;line-height:1;font-weight:900;letter-spacing:-.02em}
.opp360-card h4{margin:0 0 10px;color:var(--blue);font-size:15px;line-height:1.25;font-weight:800}
.opp360-card p{margin:0;color:#4f6782;font-size:12px;line-height:1.55;font-weight:600}
.opp360-close-card{background:var(--blue);justify-content:center;padding:18px 20px}
.opp360-close-card h4{margin:0 0 10px;color:var(--orange);font-size:18px;line-height:1.18;font-weight:800}
.opp360-close-card p{margin:0;color:#fff;font-size:13px;line-height:1.55;font-weight:700}
@media(max-width:1100px){.opp360-intro{grid-template-columns:76px 1fr}.opp360-media{grid-column:1/-1;justify-content:center}.opp360-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.opportunity360{padding-top:36px;padding-bottom:42px}.opp360-shell{padding:24px 18px 18px}.opp360-intro{grid-template-columns:1fr;gap:18px}.opp360-intro-icon{display:none}.opp360-copy{text-align:left}.opp360-copy h2{font-size:28px}.opp360-media img{width:100%;height:180px}.opp360-panel{margin-top:20px;padding:22px 16px 16px}.opp360-subhead{text-align:left}.opp360-subhead h3{font-size:24px}.opp360-grid{grid-template-columns:1fr;gap:16px}.opp360-card,.opp360-close-card{min-height:0}}

.why-masar-open#porque-360{padding-top:46px;padding-bottom:50px}
#porque-360 .why-open-grid{grid-template-columns:repeat(3,1fr)}
#porque-360 .why-open-icon img{width:62px;height:62px;object-fit:contain}

#cta-360{padding-top:24px;padding-bottom:30px}


@media(max-width:980px){
 .what360-grid{grid-template-columns:1fr;gap:28px}.what360-media{min-height:0}.what360-media img{min-height:0;max-height:290px}
 .process-five{grid-template-columns:repeat(3,1fr)!important;row-gap:28px}.process-five .process-step::after{display:none!important}
 .report360{grid-template-columns:1fr}.report360-visual{max-width:360px;margin:0 auto;width:100%}
 .opportunity360 .opportunity-hero{grid-template-columns:70px 1fr}.opp-hero-media{display:none}
 .opp-grid-8-360{grid-template-columns:repeat(2,1fr)}
 #porque-360 .why-open-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 .hero-360{min-height:560px;background-position:62% center}.hero-360 .hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.94) 62%,rgba(255,255,255,.60))}
 .hero-360 .hero-content{padding-top:128px}.hero-360 .hero-note{display:block;width:100%}
 .what360-principles{grid-template-columns:1fr}.what360-media,.what360-media img{min-height:0}.what360-media img{max-height:245px}
 .include-item{flex-basis:82vw}.include-carousel-btn{display:none}
 .process-five{grid-template-columns:1fr!important}.report360{padding:26px 20px}.report360-points{grid-template-columns:1fr}
 .opportunity360 .opportunity-hero{grid-template-columns:1fr;padding:24px 20px}.opp-hero-icon-image img{margin:0 auto}.opp-hero-copy{text-align:center}.opp-what-we-check{padding:24px 18px}.opp-grid-8-360{grid-template-columns:1fr}
 #porque-360 .why-open-grid{grid-template-columns:1fr}
}

/* Hero 360º — CTA centrado y con interacción equivalente a Colabora */
.hero-360 .hero-cta{
  width:min(475px,100%);
  text-align:center;
  margin-top:22px;
}
.hero-360 .hero-cta .hero-study-btn{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  padding:10px 17px !important;
  border-radius:6px !important;
  background:var(--orange) !important;
  color:#fff !important;
  font:700 13px "Avenir Next","Segoe UI",Arial,Helvetica,sans-serif !important;
  text-decoration:none !important;
  filter:none !important;
  box-shadow:none !important;
  transform:none !important;
}
.hero-360 .hero-cta .hero-study-btn::after{
  content:"" !important;
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  bottom:6px !important;
  height:2px !important;
  background:#fff !important;
  transform:scaleX(0) !important;
  transform-origin:center !important;
  transition:transform .18s ease !important;
}
.hero-360 .hero-cta .hero-study-btn:hover::after,
.hero-360 .hero-cta .hero-study-btn:focus-visible::after{
  transform:scaleX(1) !important;
}
.hero-360 .hero-cta .hero-study-btn:hover,
.hero-360 .hero-cta .hero-study-btn:focus-visible{
  color:#fff !important;
  filter:none !important;
  box-shadow:none !important;
  transform:none !important;
}
@media(max-width:980px){
  }
@media(max-width:620px){
  .hero-360 .hero-cta{width:100%;}
}

/* Ajuste solicitado: principios de ¿Qué es MASAR 360º en verde MASAR */
.what360-principles span{
  color:#92B501 !important;
  border:1px solid #92B501 !important;
  background:#F3F8E6 !important;
}


/* Ajuste solicitado: eliminar sombreado azul de las imágenes de ¿Qué puede incluir? */
.include360 .include-photo::after{
  display:none !important;
  content:none !important;
  background:none !important;
}


/* Informe 360º · assets definitivos */
.report360-points span{
  padding-left:0 !important;
  display:flex;
  align-items:flex-start;
  gap:8px;
}
.report360-points span::before{
  display:none !important;
  content:none !important;
}
.report360-points span > img{
  width:12px;
  height:12px;
  flex:0 0 12px;
  object-fit:contain;
  margin-top:2px;
}
.report360-visual{
  display:flex;
  align-items:center;
  justify-content:center;
}
.report360-image{
  display:block;
  width:100%;
  height:auto;
  max-width:410px;
  object-fit:contain;
}


/* Informe 360º — checks y texto según diseño aprobado */
.report360-points{
  gap:10px 22px !important;
}
.report360-points span{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding-left:0 !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1.45 !important;
  font-weight:400 !important;
}
.report360-points span::before{
  display:none !important;
  content:none !important;
}
.report360-points span > img{
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  object-fit:contain !important;
  margin:0 !important;
}


/* Ajuste final bloque informe 360 */
.report360-points{gap:12px 24px !important;}
.report360-points span{font-size:13px !important;line-height:1.5 !important;}
.report360-points span > img{width:20px !important;height:20px !important;flex:0 0 20px !important;margin-top:0 !important;}
.report360-visual{display:flex !important;align-items:center !important;justify-content:flex-end !important;}
.report360-image{width:100% !important;max-width:340px !important;height:auto !important;object-fit:contain !important;display:block !important;}
@media(max-width:980px){.report360-image{max-width:300px !important;}.report360-visual{justify-content:center !important;}}


/* Ajuste solicitado: título OPORTUNIDADES DE AHORRO en naranja MASAR */
.opp360-kicker{
  color:#FD6604 !important;
}


/* Ajuste de tipografías según la página maestra Empresas */
.opp360-kicker{
  font-size:12px !important;
  line-height:1.2 !important;
  color:#FD6604 !important;
}
.opp360-copy h2{
  font-size:27px !important;
  line-height:1.15 !important;
  margin-bottom:10px !important;
}
.opp360-copy p{
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  margin-bottom:12px !important;
}
.opp360-copy p:last-child{
  font-weight:400 !important;
  margin-bottom:0 !important;
}


/* Ajuste de jerarquía interna del bloque de oportunidades */
.opp360-subhead h3{
  font-size:22px !important;
  line-height:1.2 !important;
  margin:0 0 6px !important;
  font-weight:800 !important;
}
.opp360-subhead p{
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  margin:0 !important;
}


/* Ajuste final · checks del informe 360 e imagen correcta */
.report360-points span{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  padding-left:0 !important;
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  color:#ffffff !important;
}
.report360-points span::before{
  display:none !important;
  content:none !important;
}
.report360-points span > img{
  display:block !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  flex:0 0 18px !important;
  object-fit:contain !important;
  margin-top:1px !important;
}
.report360-image{
  display:block !important;
  width:100% !important;
  max-width:340px !important;
  height:auto !important;
  object-fit:contain !important;
}



/* Ajuste final definitivo · checks del Informe 360 y frase final */
.report360-points{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px 26px !important;
  max-width:740px !important;
}
.report360-points span{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  padding:0 !important;
  margin:0 !important;
  font-family:"Avenir Next","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  color:#ffffff !important;
}
.report360-points span::before{
  display:none !important;
  content:none !important;
}
.report360-points span > img{
  display:block !important;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
  flex:0 0 16px !important;
  object-fit:contain !important;
  margin:2px 0 0 !important;
}
.report360-foot,
.report360-foot strong{
  display:block !important;
  width:100% !important;
  margin:20px auto 0 !important;
  text-align:center !important;
  color:#FD6604 !important;
  font-family:"Avenir Next","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
}
.report360-image{
  display:block !important;
  width:100% !important;
  max-width:340px !important;
  height:auto !important;
  object-fit:contain !important;
}
@media(max-width:620px){
  .report360-points{grid-template-columns:1fr !important;}
  .report360-foot,
  .report360-foot strong{font-size:12.5px !important;}
}



/* Ajuste visual · apartado Informe 360 con fondo claro cálido */
.report360{
  margin-top:38px !important;
  border-radius:28px !important;
  background:#FDF1E6 !important;
  color:#0B2D5C !important;
  display:grid !important;
  grid-template-columns:1.18fr .82fr !important;
  gap:36px !important;
  padding:34px 38px !important;
  align-items:center !important;
  box-shadow:none !important;
}
.report360-copy{
  max-width:640px !important;
}
.report360-kicker{
  margin:0 0 10px !important;
  color:#FD6604 !important;
  font-family:"Avenir Next","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:1px !important;
}
.report360 h3{
  margin:0 0 12px !important;
  color:#92B501 !important;
  font-family:"Avenir Next","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:27px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
  max-width:560px !important;
}
.report360-lead{
  margin:0 0 20px !important;
  color:#123E75 !important;
  font-family:"Avenir Next","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  line-height:1.7 !important;
  font-weight:600 !important;
  max-width:590px !important;
}
.report360-points{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px 26px !important;
  max-width:720px !important;
}
.report360-points span{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  color:#0B2D5C !important;
  font-family:"Avenir Next","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:500 !important;
}
.report360-points span::before{
  display:none !important;
  content:none !important;
}
.report360-points span > img{
  display:block !important;
  width:19px !important;
  height:19px !important;
  min-width:19px !important;
  min-height:19px !important;
  flex:0 0 19px !important;
  object-fit:contain !important;
  margin-top:1px !important;
}
.report360-foot,
.report360-foot strong{
  display:block !important;
  width:100% !important;
  margin:16px auto 0 !important;
  text-align:center !important;
  color:#FD6604 !important;
  font-family:"Avenir Next","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
}
.report360-visual{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.55) !important;
  border-radius:26px !important;
  padding:18px !important;
}
.report360-image{
  display:block !important;
  width:100% !important;
  max-width:320px !important;
  height:auto !important;
  object-fit:contain !important;
  border-radius:20px !important;
}
@media(max-width:980px){
  .report360{
    grid-template-columns:1fr !important;
    padding:28px 24px !important;
  }
  .report360-copy{
    max-width:none !important;
  }
  .report360-visual{
    max-width:420px !important;
    width:100% !important;
    margin:0 auto !important;
  }
}
@media(max-width:620px){
  .report360 h3{font-size:24px !important;}
  .report360-lead{font-size:13.5px !important;line-height:1.6 !important;}
  .report360-points{grid-template-columns:1fr !important;gap:10px !important;}
  .report360-foot,
  .report360-foot strong{font-size:12.5px !important;}
}


/* Ajuste solicitado: OPORTUNIDADES DE AHORRO en negrita */
.opp360-kicker{
  font-weight:900 !important;
}