@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Archivo';
  src: url('../fonts/archivo/Archivo-VariableFont_wdth-wght.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
}

/*VARIABLES*/
:root {
    /*COLORES BASE - PERSONAS*/
    --Neutro: #414141;
    --Gris-Oscuro: #414141;
    --Gris-medio: #777777;
    --Gris-Comafi: #575757;
    --Gris-Neutro: #575757;
    --Gris-Claro: #F9F9F9;
    --Neutral-12: #535353;
    --Verde-Claro: #01866C;
    --Verde-Comafi-Claro: #01866C;
    --Verde-Comafi-Claro-100: #CCE8E3;
    --Verde-Comafi-Claro-600: #00725C;
    --Verde-Oscuro: #005458;
    --Verde-Comafi-Oscuro: #004448;
    --Verde-Comafi-Oscuro-100: #CCDDDE;
    --Verde-Comafi-Oscuro-600: #004346;
    --Foundation-Primary-primary-100: #B0D9D1;
    --Foundation-Primary-primary-800: #014A3B;
    --Foundation-Primary-primary-50: #E6F3F0;
    --Verde-Black: #00252F;
    --Lima: #D4FF13;
    --Agro: #8BBF0A;
    
    /*FONTS*/
    --primaryFont: "Archivo", Arial, Helvetica, sans-serif;
}

/*CORE BTNS*/
.cmf-btn {display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; line-height: 1.25; color: #fff; border-radius: 20px; background: var(--Verde-Comafi-Claro); border: 1px solid var(--Verde-Comafi-Claro); min-width: 187px; padding: 0 20px; height: 36px; text-decoration: none;}
.cmf-btn:hover {background: var(--Verde-Comafi-Claro-600); border-color: var(--Verde-Comafi-Claro-600); color: #fff;}
.cmf-btn--outline {background: transparent; color: var(--Verde-Claro);}
.cmf-btn--outline:hover {background: var(--Verde-Comafi-Claro-100);}
.cmf-btn--dark {background: var(--Verde-Comafi-Oscuro); border-color: var(--Verde-Comafi-Oscuro);}
.cmf-btn--dark:hover {background: var(--Verde-Comafi-Oscuro-600); border-color: var(--Verde-Comafi-Oscuro-600);}
.cmf-btn--dark-outline {background: transparent; border-color: var(--Foundation-Primary-primary-800); color: var(--Verde-Oscuro)}
.cmf-btn--dark-outline:hover {background: var(--Verde-Comafi-Oscuro-100);}
.cmf-btn--lime {background: var(--Lima); color: var(--Verde-Oscuro); border-color: var(--Lima);}
.cmf-btn--lime:hover {background: var(--Verde-Oscuro); color: var(--Lima); border-color: var(--Verde-Oscuro);}

/*SITE TITLE*/
.cmf-site-header__title {color: var(--Verde-Oscuro); font-size: 18px; font-weight: 500; margin: 0;}
.cmf-site-header__title a {color: var(--Verde-Oscuro);}
.cmf-site-header__title a:hover {color: var(--Verde-Comafi-Claro);}
@media screen and (max-width: 960px) {
    .cmf-site-header {position: absolute; top: 54px; left: 0; z-index: 10; text-align: center; background: var(--Verde-Claro); padding: 8px 0; width: 100%;}
    .cmf-site-header__title {color: #fff; font-size: 16px; font-weight: 500; margin: 0;}
}

/*HERO SLIDER*/

/*HERO SINGLE*/
.cmf-static-hero {width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 15px;}
.cmf-static-hero__container {border-radius: 20px; overflow: hidden; height: 380px; position: relative;}
.cmf-static-hero__img {position: absolute; left: 0; top: 0; height: 380px; z-index: 0;}
.cmf-static-hero__img img {width: 100%; height: 100%; object-fit: cover;}
.cmf-static-hero__data {display: flex; align-items: center; height: 100%; position: relative;}
.cmf-static-hero__content {padding-left: 68px;}
.cmf-static-hero__title {color: #fff; font-size: 50px; font-weight: 500; line-height: 1.1; margin: 0 0 9px 0;}
.cmf-static-hero__text {color: #fff; font-size: 22px; font-weight: 500; line-height: 1.31;}
.cmf-static-hero__cta {margin-top: 16px;}
@media screen and (max-width: 991px) {
    .cmf-static-hero {padding: 0;}
    .cmf-static-hero__container {border-radius: 0;}
}
@media screen and (max-width: 767px) {
    .cmf-static-hero__container {height: auto;}
    .cmf-static-hero__img {position: static; height: 170px;}
    .cmf-static-hero__data {height: auto; justify-content: center; padding-top: 21px;}
    .cmf-static-hero__content {padding-left: 15px; padding-right: 15px; text-align: center;}
    .cmf-static-hero__title {color: var(--Gris-Oscuro); font-size: 26px; line-height: 1.26; margin: 0 0 4px 0;}
    .cmf-static-hero__text {color: var(--Gris-Oscuro); font-size: 18px; font-weight: 400; line-height: 1.5;}
    .cmf-static-hero__text br {display: none;}
    .cmf-static-hero__cta {margin-top: 11px;}
}

/*SITIOS DE INTERES*/
.cmf-otros-sitios {padding: 34px 0; background: #E6F3F0;}
.cmf-otros-sitios__title {text-align: center; color: var(--Verde-Oscuro); font-size: 16px; line-height: 1.2; text-transform: uppercase; margin: 0 0 12px 0;}
.cmf-otros-sitios__list {display: flex; justify-content: center; align-items: center; color: var(--Verde-Oscuro); font-size: 18px; line-height: 1.2; margin: 0; padding: 0;}
.otros-sitios__list-item {border-left: 1px solid var(--Verde-Oscuro); padding: 0 23px;}
.otros-sitios__list-item:first-child {border-left: none; padding-left: 0;}
.otros-sitios__list-item:last-child {padding-right: 0;}
.otros-sitios__list-item a {color: var(--Verde-Oscuro);}
@media screen and (max-width: 767px) {
    .otros-sitios__list-item:first-child {text-align: right;}
}

/*OTROS ACCESOS*/
.cmf-otros-accesos {padding-top: 38px; padding-bottom: 38px; background: var(--Verde-Oscuro);}
.cmf-otros-accesos__list {display: flex; justify-content: space-between; gap: 10px;}
.cmf-otros-accesos__list-item {font-size: 16px; font-weight: 700; line-height: 1.2; color: #fff;}
.cmf-otros-accesos__list a {color: #fff; display: flex; align-items: center; gap: 4px; justify-content: center; text-wrap: nowrap;}
.cmf-otros-accesos__list a:hover {opacity: 0.8;}
@media screen and (max-width: 991px) {
    .cmf-otros-accesos__list {flex-direction: column; align-items: flex-start; gap: 15px;}
    .cmf-otros-accesos__list-item {width: 100%;}
}
@media screen and (max-width: 767px) {
    .cmf-otros-accesos__list {gap: 0; justify-content: flex-start;}
    .cmf-otros-accesos__list a {padding-top: 10px; padding-bottom: 10px; justify-content: flex-start; font-weight: 500;}
}

/*A LA ALTURA*/
.cmf-altura { padding-top: 47px; padding-bottom: 47px; background: var(--Verde-Comafi-Claro); margin: 0;}
.unico-page .cmf-altura,
.premium.unico .cmf-altura {background: var(--Verde-Black);}
.empresas-page .cmf-altura {background: var(--Verde-Black);}
.agro-page .cmf-altura {background: var(--Verde-Black);}
.cmf-altura__title { font-size: 30px; font-weight: 700; color: #fff; margin: 0; text-align: center; text-transform: none;}

/*LEGALES*/
.cmf-legal {padding: 35px 0; margin: 0;}
.cmf-legal__content {color: var(--Gris-Neutro); font-size: 12px; line-height: 1.25;}
.cmf-legal__content p {font-size: 12px; margin: 0;}
.cmf-legal__content a { color: var(--Gris-Neutro); text-decoration: underline;}
.cmf-copyright__text { color: var(--Gris-Neutro); font-size: 12px; line-height: 1.25; padding-top: 15px; margin: 0;}
.cmf-copyright__text a { color: var(--Gris-Neutro); text-decoration: underline;}

/*END FOOTER*/
.cmf-end-footer {margin: 0;}
.cmf-end-footer-content {display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 34px 0; border-top: 1px solid rgba(87,87,87,.5); margin: 0;}
.cmf-seguinos ul {display: flex; justify-content: center; gap: 18px; margin: 0; padding: 0;}
.cmf-seguinos li {font-size: 32px; line-height: 1; padding: 0;}
.cmf-seguinos li a {color: var(--Verde-Comafi-Oscuro);}
@media screen and (max-width: 767px) {
    .cmf-seguinos ul {gap: 25px;}
}
@media screen and (max-width: 600px) {
    .cmf-end-footer-content {flex-direction: column; padding-top: 27px; gap: 30px; padding-bottom: 27px;}
    .cmf-end-footer-content__logo {margin-left: -12px;}
}