/* Grupo Hosting — port estático del diseño "Vibrant Corporate Refresh" (Lovable) */

:root {
  --menta: #64dcb2;
  --menta-deep: #2eb18c;
  --petroleo: #23403f;
  --petroleo-2: #17302f;
  --tinta: #232c41;
  --tinta-soft: #535e77;
  --nube: #f4f8f6;
  --nube-2: #e9f1ed;
  --linea: #dfe9e5;
  --amarillo: #e5ad3a;
}
@supports (color: oklch(0.5 0.1 180)) {
  :root {
    --menta: oklch(0.83 0.14 168);
    --menta-deep: oklch(0.72 0.14 168);
    --petroleo: oklch(0.31 0.043 187);
    --petroleo-2: oklch(0.25 0.04 187);
    --tinta: oklch(0.27 0.048 262);
    --tinta-soft: oklch(0.44 0.04 262);
    --nube: oklch(0.972 0.008 174);
    --nube-2: oklch(0.944 0.013 174);
    --linea: oklch(0.915 0.013 174);
    --amarillo: oklch(0.8 0.15 76);
  }
}

* { margin: 0; padding: 0; box-sizing: border-box; border: 0 solid var(--linea); }
html { scroll-behavior: smooth; scroll-padding-top: 5rem; }
body {background: #fff; color: var(--tinta); font-family: "Nunito Sans", ui-sans-serif, system-ui, sans-serif; font-size: 1rem; line-height: 1.55;
  -webkit-font-smoothing: antialiased;}
.fw-regular {font-weight: 400 !important;}
.fw-medium {font-weight: 400 !important;}
.fw-semibold {font-weight: 600 !important;}
.fw-bold {font-weight: 700 !important;}
.title.is-1, .is-size-1 {font-size: 4rem;line-height: 1.225; /*1.125*/} /*64px*/
.title.is-2, .is-size-2 {font-size: 3.5rem;line-height: 1.225;} /*56px*/
.title.is-3, .is-size-3 {font-size: 2.5rem;line-height:1.166; }/*48px*/
.title.is-4, .is-size-4 {font-size: 2.25rem; line-height: 1.25;}
.title.is-5, .is-size-5 {font-size: 2rem;line-height: 1.25;} /*32px*/
.title.is-6, .is-size-6 {font-size: 1.5rem;line-height: 1.5/*1.4*/;} /*24px*/
.title.is-7, .is-size-7 {font-size: 1.25rem;line-height: 1.5;} /*20px*/
.title.is-8, .is-size-8 {font-size: 1.125rem;line-height: 1.5;} /*18px*/
.title.is-9, .is-size-9 {font-size: 1rem;line-height: 1.5;} /*16px*/
.title.is-10, .is-size-10 {font-size: 0.875rem; line-height: 1.5;} /*14px*/
b,strong{font-weight: 600 !important;}
.text-uppercase, .letter-spacing {letter-spacing: 0.01rem;}
.font-especial {}
.fontdm-secondary {font-family: "Poppins", sans-serif;}
p {font-family: "Nunito Sans", ui-sans-serif, system-ui, sans-serif;}
p {padding:0;width: 100%;/*margin: 0!important;*/float: left;}
.boxes {float: left; width: 100%; height: auto;}
.tit-sub-top { margin-top: 1rem;} /*usado titulos*/
.tit-section-top { margin-top: 2rem;} /*usado titulos*/
.rts-section { margin-bottom: 4rem;} /*usado titulos*/
.tit-section { margin-bottom: 2rem !important;}
.tit-box { margin-bottom: 1.25rem !important;}
.tit-sub { margin-bottom: 1rem !important;}
.tit-subsection { margin-bottom: .25rem !important;}/*.5rem*/
.btn-section { margin-bottom: 2rem !important;}
.btn-section-bottom { margin-bottom: 2rem !important;}

.white { color: #ffffff;}.bg-white {background-color: #ffffff !important;}
.gray-dark {color: #23403f;}.bg-petroleo {background-color: #23403f!important;}
.gray { color: #535e77;}
.menta {color: #2eb18c;/*#55E4B6;*/}
.light{color: rgba(236, 248, 244, 0.7);}
.bg-whitetrans {background-color: rgba(255, 255, 255, 0.1);}
h1, h2, h3, h4 { font-family: "Poppins", ui-sans-serif, system-ui, sans-serif;/*letter-spacing: -0.02em; line-height: 1.05;*/  }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
dl, dt, dd { margin: 0; }

.font-display { font-family: "Poppins", ui-sans-serif, system-ui, sans-serif; }
.dato-row dt, .ficha-nav .ir-sitio, .hero-stat .n, .marca-tagline, .btn-menta, .ficha-cta-box .t, .btn-petroleo  { font-family: "Poppins", sans-serif; }
.label-mono {font-size: 0.8rem; font-weight: 500;  }
.footer ul, .label-mono{font-family: "IBM Plex Mono", ui-monospace, monospace; letter-spacing: 0.18em;text-transform: uppercase;}
.wrap { max-width: 1240px; margin: 0 auto; padding: 0 24px; }
.wrap-md { max-width: 1080px; margin: 0 auto; padding: 0 24px; }
.wrap-sm { max-width: 900px; margin: 0 auto; padding: 0 24px; }

.rule-grain {  height: 3px; width: 96px; margin-top: 20px;background-image: repeating-linear-gradient(90deg,  color-mix(in oklab, var(--menta) 55%, transparent) 0 2px, transparent 2px 7px);}
@supports not (background: color-mix(in oklab, red 50%, blue)) {
.rule-grain { background-image: repeating-linear-gradient(90deg, var(--menta) 0 2px, transparent 2px 7px); }
}
/* ——— Hero / Footer——— */
.hero { background: var(--petroleo); color: var(--nube); }
.footer { background: var(--petroleo-2); color: rgba(236,248,244,.6); }
.hero-grid { display: grid; align-items: stretch; }
.footer-grid { display: grid; gap: 40px; padding: 64px 24px; max-width: 1240px; margin: 0 auto; }
.hero-copy { display: flex; flex-direction: column; justify-content: center; padding: 64px 0; }
.hero h1 {margin-top: 24px;}
.hero h1, .hero-bajada { max-width: 52ch;}
.hero-ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
/*boton*/
.btn-menta {font-size: 1rem; font-weight: 600;padding: 14px 24px;  }
.btn-menta {display: inline-block; background: var(--menta); color: var(--petroleo-2); transition: background .3s, transform .3s, box-shadow .3s;}
.btn-menta:hover { background: #fff; }
.btn-petroleo {flex-shrink: 0; display: inline-block; background: var(--petroleo); color: var(--menta); transition: background .3s, color .3s, transform .3s;}
.btn-petroleo:hover { background: var(--menta); color: var(--petroleo-2); transform: translateY(-2px); }

.link-ghost { color: rgba(236,248,244,.7); text-underline-offset: 8px; }
.link-ghost:hover { color: var(--menta); text-decoration: underline; }
.hero-img { position: relative; min-height: 320px; overflow: hidden; }
.hero-img img { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; }
.hero-stats { border-top: 1px solid rgba(255,255,255,.1); }
.hero-stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); }
.hero-stat { padding: 28px 0; }
.hero-stat .n { font-size: clamp(1.6rem, 3vw, 2.1rem); font-weight: 700; color: var(--menta); }
.hero-stat .l { margin-top: 4px; color: rgba(236,248,244,.5); }
.hero-stats-grid .hero-stat:nth-child(even) { border-left: 1px solid rgba(255,255,255,.1); padding-left: 24px; }
@media (min-width: 768px) {
  .hero-stats-grid { grid-template-columns: repeat(4, 1fr); }
  .hero-stats-grid .hero-stat + .hero-stat { border-left: 1px solid rgba(255,255,255,.1); padding-left: 32px; }
 .footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; }
}

.footer ul { list-style: none; margin-top: 2px; }
.footer li + li { margin-top: 4px; }
.footer ul a { font-size: .85rem; transition: color .3s; }.footer ul a:hover { color: var(--menta); }
.footer-base { border-top: 1px solid rgba(255,255,255,.1); padding: 24px; text-align: center; }
/* ——— Hilo (franja infraestructura) ——— */
.hilo { background: var(--petroleo-2); padding: 32px 0; color: rgba(236,248,244,.8); }
.hilo-inner { max-width: 1000px; margin: 0 auto; padding: 0 24px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.hilo-tag { border: 1px solid rgba(100,220,178,.4); padding: 6px 12px; color: var(--menta); flex-shrink: 0; }

/*.hilo b { font-weight: 600; color: var(--menta); }*/
@media (min-width: 768px) { .hilo-inner { flex-direction: row; align-items: center; } }

/* ——— Secciones ——— */
.section { padding: 60px 0; }
@media (min-width: 768px) { 
.section { padding: 80px 0; } }
.section-head { display: grid; gap: 24px; border-bottom: 1px solid var(--linea); padding-bottom: 40px; }
.section-head.dark { border-bottom-color: rgba(255,255,255,.12); }
@media (min-width: 768px) { .section-head { grid-template-columns: .9fr 1.1fr; align-items: end; } }

/* ——— Marcas (filas) ——— */
.marca-row { display: grid; gap: 12px 32px; border-bottom: 1px solid var(--linea); padding: 32px 0; transition: background .3s, padding .3s;}
.marca-row:hover { background: var(--nube); }
.marca-num { color: rgba(83,94,119,.6); padding-top: 8px; }
.marca-row:hover .marca-num { color: var(--menta-deep); }
.marca-flag { display: inline-block; margin-top: 8px; background: var(--menta); color: var(--petroleo-2); padding: 4px 10px; }
.marca-tagline { font-size: .98rem; font-weight: 600; color: var(--tinta); }
.marca-desc { margin-top: 8px; max-width: 64ch; }
.marca-acciones { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: center; }
.marca-ficha-btn { border: 2px solid var(--petroleo); padding: 8px; color: var(--petroleo); transition: background .3s, color .3s; margin-bottom: 4px; }
.marca-ficha-btn:hover { background: var(--petroleo); color: var(--menta); }
.marca-visitar { color: var(--menta-deep); transition: transform .3s; display: inline-block; }
.marca-visitar:hover { transform: translateX(4px); }
@media (min-width: 768px) {
.marca-row { grid-template-columns: auto minmax(0, 15rem) 1fr auto; padding-left: 24px; padding-right: 24px; }
}

/* ——— Servicios ——— */
.bg-nube { background: var(--nube); }
.servicios-grid { margin-top: 48px; display: grid; gap: 24px; }
@media (min-width: 768px) { .servicios-grid { grid-template-columns: 1fr 1fr; } }
.servicio-card { display: block; background: #fff; transition: transform .5s cubic-bezier(.22,1,.36,1); }
.servicio-card:hover { transform: translateY(-6px); }
.servicio-card .thumb { /*aspect-ratio: 16/9; overflow: hidden;*/text-align: center; }
.servicio-card .thumb img { height: 50%; width: 50%; object-fit: cover; transition: transform .5s; padding: 24px;  }
.servicio-card:hover .thumb img { transform: scale(1.04); }
.servicio-card .cuerpo { border-top: 2px solid var(--menta); padding: 28px; }
.servicio-card .ir { display: inline-block; margin-top: 20px; color: var(--menta-deep); }

/* ——— Emprendimientos ——— */
.empr-grid { margin-top: 48px; display: grid; gap: 1px; background: var(--linea); }
@media (min-width: 640px) { .empr-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .empr-grid { grid-template-columns: repeat(3, 1fr); } }
.empr-card { background: #fff; padding: 28px; transition: background .3s; }
.empr-card:hover { background: var(--nube); }
.empr-strip { margin-top: 48px; display: grid; background: var(--nube); }
.empr-strip-img { position: relative; min-height: 150px; overflow: hidden; }
.empr-strip-img img { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; }
.empr-strip-txt { padding: 28px 24px 32px; }
.empr-strip-txt .rule-grain { margin: 0 0 16px; width: 72px; }
.empr-strip-txt p { font-family: "Poppins", sans-serif; font-size: 1.05rem; line-height: 1.4; color: var(--petroleo); max-width: 46ch; }
@media (min-width: 768px) {
  .empr-strip { grid-template-columns: minmax(0, 400px) 1fr; min-height: 176px; }
  .empr-strip-img { min-height: 0; }
  .empr-strip-img img { clip-path: polygon(0 0, 100% 0, 91% 100%, 0 100%); }
  .empr-strip-txt { display: flex; flex-direction: column; justify-content: center; padding: 32px 44px; }
}

/* ——— Internacional ——— */
.internacional { background: var(--petroleo); color: var(--nube); }
.pais-row {display: grid; gap: 8px 32px; align-items: center;border-bottom: 1px solid rgba(255,255,255,.1); padding: 28px 0; transition: background .3s;}
.pais-row:hover { background: rgba(255,255,255,.03); }
.pais-code { font-family: "IBM Plex Mono", monospace; font-size: 1.5rem; letter-spacing: .08em; color: rgba(100,220,178,.7); width: 120px; } 
.pais-estado { width: fit-content; padding: 6px 12px; border: 1px solid rgba(255,255,255,.2); color: rgba(236,248,244,.7); }
.pais-estado.principal { background: var(--menta); border-color: var(--menta); color: var(--petroleo-2); }
.pais-texto { width: 560px;} 
@media (min-width: 768px) { .pais-row { grid-template-columns: auto 10rem 12rem 1fr; } }

/* ——— Cierre ——— */
.cierre { position: relative; isolation: isolate; overflow: hidden; }
.cierre > img { position: absolute; inset: 0; z-index: -2; height: 100%; width: 100%; object-fit: cover; }
.cierre::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(23,48,47,.9); }
.cierre-inner { max-width: 900px; margin: 0 auto; padding: 1.5rem 0 0; text-align: center; }
@media (min-width: 768px) { .cierre-inner { padding: 128px 24px; } }
.cierre h2 { font-weight: 700; }
.cierre p { margin: 0 10%; max-width: 80%; }
.cierre .btn-menta { margin-top: 40px; padding: 16px 28px; }
.cierre .btn-menta:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,0,0,.25); }

/* ——— Página ficha ——— */
.ficha-hero-inner, .ficha-seccion { padding:4rem 0; }
.ficha-nav { border-bottom: 1px solid var(--linea); }
.ficha-nav-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; }
.ficha-nav .volver { color: var(--tinta-soft); transition: color .3s; }
.ficha-nav .volver:hover { color: var(--menta-deep); }
.ficha-nav .ir-sitio { font-size: .875rem; font-weight: 600; background: var(--menta); color: var(--petroleo-2); padding: 10px 20px; transition: background .3s, color .3s;}
.ficha-nav .ir-sitio:hover { background: var(--petroleo); color: var(--menta); }
.ficha-nota { margin-top: 32px; border-left: 2px solid var(--menta); background: var(--nube); padding: 24px; font-size: .88rem; line-height: 1.6; color: var(--tinta-soft);}
.datos-dl { margin-top: 8px; }
.dato-row { display: grid; gap: 4px; border-bottom: 1px solid var(--linea); padding: 16px 0; }
.dato-row dt { font-size: 1rem; font-weight: 600; color: var(--petroleo); }
.dato-row dd { font-size: 1rem; line-height: 1.6; color: var(--tinta-soft); }
.dato-row dd a { color: var(--menta-deep); }
.dato-row dd a:hover { text-decoration: underline; }
@media (min-width: 768px) { .dato-row { grid-template-columns: 14rem 1fr; gap: 24px; } }
.ficha-cta-box {margin-top: 60px; display: flex; flex-direction: column; align-items: flex-start;justify-content: space-between; gap: 20px; background: var(--nube); padding: 32px;}
@media (min-width: 768px) { .ficha-cta-box { flex-direction: row; align-items: center; } }
.ficha-cta-box .t { font-size: 1.1rem; font-weight: 700; color: var(--petroleo); }
.ficha-cta-box .s { margin-top: 4px; font-size: .9rem; color: var(--tinta-soft); }

.faqs { margin-top: 64px; }
.faq-grid { margin-top: 24px; display: grid; gap: 1px; background: var(--linea); }
.faq-item { background: #fff; padding: 24px; }
.faq-item h3 { font-size: 1rem; font-weight: 700; color: var(--petroleo); }
.faq-item p { margin-top: 8px; font-size: .92rem; line-height: 1.6; color: var(--tinta-soft); }

.ficha-footer { background: var(--petroleo-2); padding: 32px 24px; text-align: center; font-size: .78rem; color: rgba(236,248,244,.6); }
.ficha-footer a { color: var(--menta); }
.ficha-footer a:hover { text-decoration: underline; }
.ficha-updated { margin-top: 8px; font-size: .72rem; color: rgba(236,248,244,.4); }

/* ——— Reveal (mejora progresiva: sin JS todo es visible) ——— */
html.js .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); }
html.js .reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  html.js .reveal { opacity: 1; transform: none; transition: none; }
}
@media screen and (max-width: 425px) {
.title.is-1, .is-size-1{font-size: 2.24rem !important; line-height:1.25 !important;}
.title.is-2, .is-size-2, .title.is-3, .is-size-3 {font-size: 2rem !important; line-height:1.25 !important;}
.title.is-4, .is-size-4, .title.is-5, .is-size-5 {font-size: 1.5rem !important; line-height: 1.4 !important;}
.title.is-6, .is-size-6 {font-size: 1.25rem;line-height: 1.5}
.section {padding-top: 2.5rem!important; padding-bottom: 2.5rem!important;}
.rts-block { padding-top: 3rem; }/*usado bloques*/
.rts-section { margin-bottom: 2.5rem!important;} /*usado titulos*/
.nav-inner .logo img {width: 90%;}
/* ——— Hero ——— */	
}
/*@media only screen and (min-width: 480px) and (max-width: 600px) { } /*celular horizontal*/
@media (max-width: 575px) { 
.title.is-1, .is-size-1,.title.is-2, .is-size-2 {font-size: 2.25rem;line-height:1.2;}
.title.is-3, .is-size-3 {font-size: 2rem !important; line-height:1.25 !important;}
.title.is-4, .is-size-4, .title.is-5, .is-size-5 {font-size: 1.5rem !important; line-height: 1.4 !important;} /*verificar tamaños*/
.pais-texto { width: 300px;} 
}
@media (min-width: 576px) { }
@media (min-width:768px) {}
@media (max-width:768px) {.title.is-1, .is-size-1 {font-size: 2.25rem;line-height:1.2;}.bg-none {background-image:none !important;}}
@media (max-width:991.98px){/*mio*/
.title.is-2, .is-size-2, .title.is-3, .is-size-3 {font-size: 1.75rem !important; line-height:1.25 !important;}
.title.is-4, .is-size-4, .title.is-5, .is-size-5 {font-size: 1.5rem !important; line-height: 1.4 !important;}
}
@media (min-width: 992px) { 
}
@media only screen and (min-width: 1000px) and (max-width: 1169px){ /*este lo toma crome seo 1024*/	
.title.is-1, .is-size-1, .title.is-2, .is-size-2 {font-size: 3rem;line-height: 1.116;} .title.is-3, .is-size-3 {font-size: 2rem; line-height: 1.25;} .title.is-4, .is-size-4, .title.is-5, .is-size-5 {font-size: 1.5rem; line-height: 1.4;} .title.is-6, .is-size-6 {font-size: 1.25rem; line-height: 1.5;}
/*.navbar-brand {width: 80% !important; margin-right: 0!important;}.navbar-brand img {width: 90%;}*/
}
@media (min-width: 1024px) {
  .hero-grid { grid-template-columns: 1.05fr .95fr; }
  .hero-copy { padding: 80px 56px 80px 0; }
  .hero-img { min-height: 560px; }
  .hero-img img { clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%); }
}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}