/* Movemos tu Imagen · evolución UI v1.1.19 · 2026 */
:root{--ui-ink:#183628;--ui-leaf:#659747;--ui-cream:#fafbf5;--ui-border:rgba(36,77,47,.12);--ui-ease:cubic-bezier(.22,.78,.22,1)}
/* Profundidad sin pesadas imágenes ni círculos duplicados. */
.inner-hero-premium{--service-glow:#dff0cd;position:relative;isolation:isolate;background:linear-gradient(130deg,#fcfdf9,#f1f7ec 65%,#e5f3da);padding:clamp(84px,8.6vw,125px) 0 82px;}
.inner-hero-premium::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 67% at 77% 47%,var(--service-glow),transparent 76%),linear-gradient(0deg,rgba(255,255,255,.08),rgba(255,255,255,.38));}
.inner-hero-premium[data-service-theme="web"]{--service-glow:rgba(229,196,139,.29);background:linear-gradient(135deg,#fcfcf7,#f3f4eb 55%,#eff3e6)}
.inner-hero-premium[data-service-theme="seo"]{--service-glow:rgba(169,213,141,.35);background:linear-gradient(135deg,#f8fbf2,#eff6e8 58%,#e4f1dc)}
.inner-hero-premium[data-service-theme="care"]{--service-glow:rgba(116,170,139,.22);background:linear-gradient(135deg,#fafcf7,#edf5ef 62%,#e1eee6)}
.inner-hero-premium[data-service-theme="marketing"]{--service-glow:rgba(201,224,162,.31);background:linear-gradient(135deg,#fffdf8,#f3f5e8 62%,#e4f0df)}
.inner-hero-premium .inner-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(30px,5vw,75px);min-height:470px}
.inner-hero-premium h1{font-size:clamp(47px,5vw,70px);max-width:670px;line-height:1.07;letter-spacing:-.067em;margin:25px 0 24px}
.inner-hero-premium h1 em{font-family:"Iowan Old Style",Baskerville,Georgia,serif;color:#5c884c;font-weight:400;font-style:italic;letter-spacing:-.05em}
.inner-hero-premium .inner-hero-grid>div:first-child>p{font-size:clamp(15px,1.3vw,17px);max-width:530px;line-height:1.8;color:#506e5d}
.inner-hero-premium .btn-lime{box-shadow:0 15px 30px rgba(99,139,70,.14)}
.inner-hero-premium .inner-visual{height:clamp(365px,35vw,470px);filter:drop-shadow(0 30px 36px rgba(36,64,39,.065));}
.inner-hero-premium .inner-visual::after{content:"";position:absolute;inset:10% 3%;z-index:-1;border-radius:44px;background:radial-gradient(ellipse,rgba(255,255,255,.55),transparent 70%);pointer-events:none}
.inner-hero-premium .inner-mock{border-radius:25px;box-shadow:0 26px 45px rgba(30,64,45,.13),0 3px 7px rgba(30,64,45,.05);transition:transform .55s var(--ui-ease),box-shadow .55s var(--ui-ease);}
@media(hover:hover) and (pointer:fine){.inner-hero-premium .inner-visual:hover .inner-mock{transform:translate3d(0,-9px,0) rotate(-1deg);box-shadow:0 42px 60px rgba(30,64,45,.17)}}
.service-visual-stamp{position:absolute;z-index:4;left:0;bottom:2%;display:flex;align-items:center;gap:13px;padding:13px 18px;background:rgba(255,255,255,.91);border:1px solid rgba(54,94,49,.11);border-radius:16px;box-shadow:0 14px 40px rgba(25,59,37,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none}
.service-visual-stamp>span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#e5f5d6;color:#397044}
.service-visual-stamp .mt-icon{width:22px;height:22px}
.service-visual-stamp div{display:grid;gap:4px}
.service-visual-stamp small{font-size:9px;letter-spacing:.11em;font-weight:850;color:#668569}
.service-visual-stamp strong{font-size:13px;color:#20402c}
.service-hero-traits{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px;color:#68836b;font-size:11px;font-weight:760;letter-spacing:.02em}
.service-hero-traits i{display:block;width:4px;height:4px;background:#76b552;border-radius:50%}
/* Feature sections: breathing room, purposeful accent and consistent branded icons */
.inner-hero-premium+.breadcrumbs{padding-top:30px}
.benefit-section{background:linear-gradient(175deg,#fbfcf8,#f5f8f0);}
.benefit-section .section-head{margin-bottom:50px}
.benefit-section .section-head>p{font-size:15px;max-width:440px;line-height:1.72}
.benefits-grid{gap:18px}
.benefit-card{border-radius:22px;padding:31px;min-height:258px;border:1px solid rgba(73,113,70,.10);background:rgba(255,255,255,.83);box-shadow:0 10px 25px rgba(24,55,32,.035);overflow:hidden;transition:transform .3s var(--ui-ease),box-shadow .3s,border-color .3s}
.benefit-card:nth-child(3n + 2){background:linear-gradient(150deg,#f2f8eb,#e9f4de)}
.benefit-card:nth-child(3n + 3){background:linear-gradient(155deg,#f7f5ed,#eef1e7)}
@media(hover:hover) and (pointer:fine){.benefit-card:hover{transform:translateY(-7px);border-color:rgba(82,147,62,.27);box-shadow:0 22px 45px rgba(31,70,37,.085)}}
.benefit-card .benefit-symbol{width:55px;height:55px;top:25px;right:25px;border-radius:17px;background:#ddedce;color:#2c6a39}
.mt-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle}
.benefit-symbol .mt-icon{width:27px;height:27px}
.benefit-card h3{font-size:clamp(20px,1.8vw,23px);margin-top:78px;letter-spacing:-.04em;line-height:1.2}
.benefit-card p{font-size:13px;line-height:1.72;max-width:300px}
.split-note{position:relative;background:linear-gradient(135deg,#e9f2e3,#f2f5ea 55%,#eaf2e8);}
.split-note .tick-list li::marker{color:#649747}
.small-cta{background:linear-gradient(108deg,#112d1f,#234934)}
.small-cta .btn{box-shadow:0 10px 30px rgba(0,0,0,.14)}
/* Coherent functional icon and hover treatment */
.mt-icon-cta{width:16px;height:16px;transition:transform .28s var(--ui-ease)}
.btn:hover .mt-icon-cta,.text-link:hover .mt-icon-cta{transform:translate(3px,-3px)}
.btn:active{transform:translateY(1px) scale(.985)}
.service-top-icon{width:17px;height:17px;stroke-width:1.7;margin-right:7px}
.service-card .service-top>span:first-child{display:inline-flex;align-items:center;gap:3px}
.text-link{display:inline-flex;align-items:center;gap:10px}
.text-link:hover{gap:16px}
.desktop-nav a{transition:color .22s}
.desktop-nav a::after{transition:transform .27s var(--ui-ease),background .27s}
.service-card:focus-visible,.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #6ba946;outline-offset:4px}
/* Contact redesigned: straightforward hierarchy with interactive service chips */
.contact-hero-premium{padding:100px 0 66px;background:linear-gradient(140deg,#fcfdf8 0%,#f4f8ee 68%,#e7f2da);}
.contact-hero-premium::after{font-size:260px;right:4%;top:-40px;color:rgba(118,164,87,.08)}
.contact-header h1{letter-spacing:-.065em;line-height:1.04;max-width:950px}
.contact-header p{max-width:630px;font-size:17px;line-height:1.77}
.contact-section{background:linear-gradient(180deg,#fcfdf9,#f4f8f0);padding-top:46px}
.contact-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);gap:32px}
.contact-form-panel{background:rgba(255,255,255,.98);border:1px solid rgba(47,93,50,.11);border-radius:26px;padding:clamp(25px,3.5vw,48px);box-shadow:0 30px 70px rgba(32,77,43,.075)}
.form-heading{margin-bottom:34px;padding-bottom:26px;border-bottom:1px solid #e7efe3}
.form-heading h2{font-size:clamp(30px,3vw,42px);margin:14px 0 9px;letter-spacing:-.05em}
.form-heading p{margin:0;color:#677f6b;font-size:14px;line-height:1.6}
.form-intro-icons{display:flex;align-items:center;gap:8px;margin-top:20px;color:#467c44;font-size:12px;font-weight:680}
.form-intro-icons .mt-icon{width:17px;height:17px}
.form-row{gap:18px}
.field{margin-bottom:20px;gap:9px}
.field>label{font-size:13px;color:#254332;font-weight:770}
.field input,.field select,.field textarea{min-height:54px;padding:16px 17px;border-radius:12px;font-size:14px;color:#1a3928;background:#f8faf5;border:1px solid #dbe7d7;transition:border-color .2s,box-shadow .2s,background .2s}
.field textarea{min-height:166px;line-height:1.6}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#bad6b0}
.field input:focus,.field textarea:focus,.field select:focus{background:#fff;border-color:#6ea955;box-shadow:0 0 0 4px rgba(123,176,81,.17)}
.field-help{display:block;color:#69836d;font-size:11px;line-height:1.5}
.field-feedback{display:none;color:#a9442c;font-size:11px;line-height:1.45}
.field.has-error .field-feedback:not(:empty){display:block}
.field.has-error input,.field.has-error textarea,.field.has-error select{border-color:#be6048;background:#fff9f7}
.service-pills:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:4px 0}
.service-pill{display:flex;align-items:center;text-align:left;gap:10px;min-height:54px;padding:12px 13px;background:#f8faf5;border:1px solid #dbe7d7;color:#30523d;border-radius:12px;font-size:12px;font-weight:700;line-height:1.35;font-family:inherit;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.service-pill .mt-icon{width:19px;height:19px;color:#638f55}
.service-pill:hover{background:#edf7e5;border-color:#add29d;transform:translateY(-2px)}
.service-pill[aria-pressed="true"]{background:#e2f5d5;border-color:#6b9f50;color:#204528;box-shadow:inset 0 0 0 1px #77a765}
.service-pill[aria-pressed="true"] .mt-icon{color:#367043}
.service-pill:last-child{grid-column:1/-1}
.message-meter{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;color:#829783;line-height:1.5}
#message-count{font-variant-numeric:tabular-nums}
.privacy-check{padding:13px 0;line-height:1.6}
.send-button{min-height:62px;padding-inline:26px;font-size:15px;gap:16px;box-shadow:0 14px 32px rgba(27,76,39,.16)}
.form-caption{line-height:1.65}
.contact-aside-dark{border-radius:24px;background:linear-gradient(155deg,#143627,#214633);box-shadow:0 22px 50px rgba(23,65,36,.11)}
.contact-aside-dark h2{font-size:clamp(28px,2.7vw,37px)}
.aside-mini{border-radius:18px}
/* Mobile specific navigation: fully usable tap targets and intentional rhythm */
.mobile-nav-heading{display:none}
.mobile-link-icon{display:none}
@media(max-width:980px){
  .inner-hero-premium{padding:65px 0 63px}
  .inner-hero-premium .inner-hero-grid{grid-template-columns:1fr;gap:20px;min-height:0}
  .inner-hero-premium h1{font-size:clamp(47px,7.7vw,68px);max-width:780px}
  .inner-hero-premium .inner-visual{height:370px;width:min(580px,100%);margin-inline:auto}
  .service-visual-stamp{left:2%;bottom:0}
  .contact-layout{grid-template-columns:1fr;gap:23px}
  .contact-aside{display:grid;grid-template-columns:1.2fr .8fr;gap:17px;align-items:stretch}
  .contact-aside-dark{min-height:0}
  .mobile-nav{z-index:5;border-radius:0 0 24px 24px;border-bottom:1px solid #e0ebd9;box-shadow:0 26px 46px rgba(19,52,31,.15);padding-top:22px;padding-bottom:22px;max-height:0}
  .mobile-nav.is-open{max-height:min(720px,calc(100dvh - 75px));overflow:auto}
  .mobile-nav-heading{display:block;font-size:10px;letter-spacing:.15em;font-weight:900;color:#739573;margin:0 10px 11px;padding:0 0 14px;border-bottom:1px solid #e3eddc}
  .mobile-nav a{display:flex;align-items:center;justify-content:space-between;font-size:clamp(18px,2.8vw,22px);min-height:53px;line-height:1.4;padding:13px 10px;color:#1c3c2b;border-bottom:1px solid rgba(52,100,57,.09);transition:color .22s,padding .22s,background .22s}
  .mobile-nav a[aria-current="page"]{color:#2b8736;background:#f1fae9;border-radius:10px}
  .mobile-link-icon{display:block;width:17px;height:17px;color:#6d9b55}
  .mobile-nav .mobile-contact-link{margin:18px 10px 0;background:#193f2a;color:#fff;border-radius:14px;padding:15px 18px;min-height:54px}
  .mobile-nav .mobile-contact-link .mt-icon{color:#d6f3a8}
  body.menu-open{overflow:hidden}
  .menu-toggle{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#eaf4e0;border:1px solid #d9e8cd}
  .menu-toggle[aria-expanded="true"]{background:#173b2a;color:white}
}
@media(max-width:740px){
  .benefit-card{min-height:214px;padding:25px}
  .inner-hero-premium .inner-visual{height:325px;max-width:530px}
  .inner-hero-premium .inner-hero-grid>div:first-child>p{font-size:15px}
  .contact-aside{display:flex}
  .service-visual-stamp{bottom:1%}
  .contact-hero-premium{padding:68px 0 50px}
}
@media(max-width:470px){
  .inner-hero-premium{padding:48px 0 51px}
  .inner-hero-premium h1{font-size:clamp(44px,10.5vw,53px)}
  .inner-hero-premium .inner-visual{height:276px}
  .service-visual-stamp{left:0;bottom:0;padding:10px 12px;border-radius:12px;gap:8px}
  .service-visual-stamp>span{width:33px;height:33px}
  .service-visual-stamp small{font-size:8px}
  .service-visual-stamp strong{font-size:11px}
  .service-hero-traits{font-size:10px;gap:9px;margin-top:20px}
  .benefit-card{min-height:195px}
  .contact-form-panel{padding:25px 18px}
  .service-pills:not([hidden]){gap:7px}
  .service-pill{min-height:52px;padding:9px;font-size:11px;gap:7px}
  .service-pill .mt-icon{width:16px;height:16px}
  .contact-hero-premium::after{display:none}
}
/* Give italic hero phrases enough breathing room when they wrap next to bold copy. */
.inner-hero-premium h1 em{margin-left:.07em}

/* v1.1.23 - Diseño web: optimizar espacio al eliminar el pre-título del Hero. */
.inner-hero-web.inner-hero-premium h1{margin-top:0}

/* v1.1.24 – Titulares de servicios limpios, sin pre-título. */
.inner-hero-seo.inner-hero-premium h1,
.inner-hero-care.inner-hero-premium h1,
.inner-hero-marketing.inner-hero-premium h1{margin-top:0}