@charset "UTF-8";
/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/
/*Add your own styles here:*/
/* GENERALES */
body {
  font-size: 1rem;
  font-weight: normal;
}

#top .main_color .input-text, #top .main_color input[type=text], #top .main_color input[type=input], #top .main_color input[type=password], #top .main_color input[type=email], #top .main_color input[type=number], #top .main_color input[type=url], #top .main_color input[type=tel], #top .main_color input[type=search], #top .main_color textarea, #top .main_color select {
  border-radius: 8px !important;
  border-color: #cccccc;
}

#top #wrap_all .template-page .entry-content-wrapper h1,
#top #wrap_all .template-page .entry-content-wrapper h2,
#top #wrap_all .template-page .entry-content-wrapper h3,
#top #wrap_all .template-page .entry-content-wrapper h4 {
  font-weight: normal;
  text-transform: none;
  line-height: 1.15em;
  font-family: "Anton", Arial, sans-serif;
}

.modern-quote .av-special-heading-tag {
  font-weight: normal;
}
.modern-quote .av-special-heading-tag strong {
  font-weight: normal;
}
.modern-quote .av-subheading {
  font-family: "Poppins", Arial, sans-serif;
  letter-spacing: 3px;
  font-size: 14px;
  font-weight: 600;
  color: #7226ff;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2.15rem;
}

h3 {
  font-size: 1.65rem;
}

h4 {
  font-size: 1.35rem;
}

h5 {
  font-size: 1.1rem;
}

.title-960 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.bg-cover {
  background-size: cover !important;
}

.rounder-img {
  border-radius: 6px;
  overflow: hidden;
}

#top #wrap_all .text-primary, #top #wrap_all .custom-color-heading .text-primary {
  color: #7226ff;
}

#top #wrap_all .text-secondary, #top #wrap_all .custom-color-heading .text-secondary {
  color: #84f4f5;
}

.alert {
  position: relative;
  display: inline-block;
  background-color: #e6ebde;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  font-weight: 500;
}
.alert p {
  margin: 0;
}
.alert:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: #7226ff;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

#top #wrap_all .template-page .letter-spacing-1 {
  letter-spacing: 2px;
}

#top #wrap_all .hr-custom.separador-eco {
  position: relative;
}
#top #wrap_all .hr-custom.separador-eco .av-seperator-icon svg {
  height: auto;
  width: 400px;
}
#top #wrap_all .hr-custom.separador-eco .hr-inner:first-child {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 2px);
  width: 100%;
  max-width: 100%;
  border-width: 2px;
}
#top #wrap_all .hr-custom.separador-eco .hr-inner:last-child {
  display: none;
}

#top #wrap_all .higlighted-title .av-special-heading-tag {
  display: inline-block;
  background-color: #7226ff;
  border-radius: 50px;
  padding: 6px 10px;
}

#top #wrap_all .roca-logo img {
  width: 300px;
  height: auto;
}

.card-servicio .avia_textblock {
  min-height: 100px;
}

.home .card-servicio .avia_textblock {
  min-height: 210px;
}

#top #wrap_all .roca-section .text-primary, #top #wrap_all .roca-section .custom-color-heading .text-primary {
  color: #f05a28;
}

.cuadro {
  padding: 1rem 1.5rem;
  border: 1px solid #7226ff;
  font-family: "Poppins", Arial, sans-serif;
}

#top div .av-dark-form .input-text, #top div .av-dark-form input[type=email], #top div .av-dark-form input[type=input], #top div .av-dark-form input[type=number], #top div .av-dark-form input[type=password], #top div .av-dark-form input[type=search], #top div .av-dark-form input[type=tel], #top div .av-dark-form input[type=text], #top div .av-dark-form input[type=url], #top div .av-dark-form select, #top div .av-dark-form textarea, div div .av-dark-form .button {
  border-width: 1px !important;
  border-color: #cccccc !important;
}

/* BOTONES */
#top .avia-button, #top .button {
  border-radius: 6px;
  border: none !important;
  font-weight: 600;
}
#top .avia-button:hover, #top .button:hover {
  opacity: 1;
}

.avia-buttonrow-wrap {
  display: flex;
  gap: 10px;
}
.avia-buttonrow-wrap .avia-button {
  flex-shrink: 0;
}

#top .main_color .avia-color-theme-color {
  background-color: #84f4f5;
  border: none !important;
  border-radius: 6px;
  color: #010030;
}
#top .main_color .avia-color-theme-color:hover {
  background-color: #fff;
}

#top .avia-button.avia-color-white {
  background-color: #fff;
  color: #7226ff;
}
#top .avia-button.avia-color-white:hover {
  background-color: #7226ff;
  color: #fff;
}

#top .avia-button.avia-color-dark {
  border: 1px solid #7226ff !important;
  color: #7226ff;
}
#top .avia-button.avia-color-dark:hover {
  background-color: #7226ff;
  color: #FFF;
}

#top .avia-button.avia-color-light {
  border: 1px solid rgba(132, 244, 245, 0.4) !important;
  color: #84f4f5;
}
#top .avia-button.avia-color-light:hover {
  background-color: #84f4f5;
  color: #010030;
}

#top .avia-button.avia-color-orange {
  position: relative;
  border: 1px solid #f05a28 !important;
  background-color: #f05a28 !important;
  color: #84f4f5;
  border-radius: 6px;
  padding: 7px 18px 7px 16px;
  height: 28px;
  margin: 0;
  /*&::after {
  	@include transition;
  	content: 'Leé el artículo';
  	position: absolute;
  	left: 15px;
  	bottom: 15px;
  	padding: 7px 18px 7px 16px;
  	background: #7028ff;
  	color: #fff;
  	font-size: 14px;
  	font-weight: 700;
  	line-height: 1;
  	letter-spacing: 1px;
  	border-radius: $radius;
  	z-index: 2;
  	pointer-events: none;
  	height: 28px;
  	width: auto;
  	visibility: visible;
  	box-sizing: border-box;
  }*/
}
#top .avia-button.avia-color-orange::before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  content: "";
  position: absolute;
  right: -8px;
  top: -1px;
  width: 16px;
  height: 28px;
  background: #f05a28;
  transform: skewX(-20deg);
  border-radius: 0 6px 6px 0;
  z-index: 1;
  pointer-events: none;
  visibility: visible;
}
#top .avia-button.avia-color-orange:hover {
  opacity: 0.8;
}

.empresa-b-logo-global {
  position: absolute;
  right: 40px;
  top: 25px;
  z-index: 100;
  border-radius: 15px;
  background-color: rgba(1, 0, 48, 0.6);
  padding: 5px;
  transform: translateY(160px);
}
.empresa-b-logo-global img {
  display: block;
  width: 90px;
  height: auto;
}
.empresa-b-logo-global.is-fixed {
  position: fixed;
  transform: translateY(0);
}

.avia-button.avia-size-large {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.05rem;
}

#top .avia-button.avia-size-medium {
  padding: 1rem 1.5rem;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 3px;
}
#top .avia-button.avia-size-medium svg {
  height: 15px !important;
  width: 20px !important;
  margin-left: 0.25rem;
}

.main_color .avia-button.avia-color-theme-color-subtle {
  display: flex;
  align-items: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: none;
  color: #84f4f5;
  background-color: transparent;
  font-weight: 600;
  padding: 0.5rem 0;
  margin: 0;
}
.main_color .avia-button.avia-color-theme-color-subtle.avia-size-large, .main_color .avia-button.avia-color-theme-color-subtle.avia-size-medium {
  padding: 0.5rem 0;
  min-width: 0;
  width: auto;
}
.main_color .avia-button.avia-color-theme-color-subtle .avia_button_icon.avia_button_icon_right {
  position: relative;
  display: inline-block;
  margin-left: 0.5rem;
  position: relative;
  width: 25px;
  height: 25px;
  background: transparent url("images/ico-go.svg") center center no-repeat;
  background-size: contain;
}
.main_color .avia-button.avia-color-theme-color-subtle .avia_button_icon.avia_button_icon_right:before {
  display: none;
}
.main_color .avia-button.avia-color-theme-color-subtle:hover {
  opacity: 0.7 !important;
}

#top .av-custom-form-color .button {
  background-color: #84f4f5 !important;
  color: #000;
  border: none !important;
  border-radius: 25px;
}

/* HEADER Y MENU */
#top #header_meta {
  min-height: 0;
}
#top #header_meta .container {
  min-height: 0;
}

#top .av-small-burger-icon {
  transform: scale(0.8);
  margin-right: 140px;
}

.header_color.av_header_transparency .av-hamburger-inner, .header_color.av_header_transparency .av-hamburger-inner::before, .header_color.av_header_transparency .av-hamburger-inner::after {
  background-color: #fff;
}

#top #wrap_all #header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  overflow: visible;
}
#top #wrap_all #header .av-logo-container {
  position: relative;
  overflow: visible;
}
#top #wrap_all #header .st0 {
  fill: #ffffff;
}
#top #wrap_all #header .st1 {
  fill: #ffffff;
}

#top #wrap_all #header_main {
  border: none;
}
#top #wrap_all #header_main .container {
  height: 75px;
}
#top #wrap_all #header_main .avia-menu.av_menu_icon_beside {
  border: none;
  padding-right: 0;
}
#top #wrap_all #header_main .avia-svg-logo {
  display: block;
}
#top #wrap_all #header_main .avia-svg-logo svg {
  width: 160px;
}

#top #wrap_all .av-main-nav > li {
  padding-left: 15px;
  padding-right: 15px;
}
#top #wrap_all .av-main-nav > li > a {
  position: relative;
  display: block;
  height: 75px;
  line-height: 75px;
  padding-left: 0;
  padding-right: 0;
}
#top #wrap_all .av-main-nav > li > a .avia-menu-text {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFF;
  font-weight: normal;
  letter-spacing: 3px;
  text-transform: lowercase;
}
#top #wrap_all .av-main-nav > li > a .avia-menu-fx {
  background-color: #84f4f5;
  bottom: 20px;
  width: 100%;
  left: 0;
}
#top #wrap_all .av-main-nav > li.current-menu-item > a {
  /*.avia-menu-text {
  	color: $secondary !important;
  }*/
}

.av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::after, .av-burger-overlay-active #top .av-hamburger-inner::before {
  background-color: #231F20 !important;
}

/* FOOTER */
#footer {
  color: #FFF;
  padding-top: 0;
  padding-bottom: 0;
}
#footer .avia_image {
  width: 200px;
}
#footer .avia-image-container {
  text-align: left;
}
#footer .avia_textblock p {
  margin-bottom: 0;
}
#footer .widget_nav_menu {
  margin: 0;
}

#top .content .menu-social-container .menu {
  display: flex;
  gap: 1rem;
}
#top .content .menu-social-container .menu .menu-item {
  border: none !important;
}
#top .content .menu-social-container .menu .menu-item a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 17px;
}
#top .content .menu-social-container .menu .menu-item a:hover {
  background-color: transparent;
  color: #84f4f5;
}

#top #footer .menu-social-container .menu {
  justify-content: flex-end;
}
#top #footer .menu-social-container .menu .menu-item a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 18px;
  color: #FFF;
}

/* ESPACIADOS */
.content {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.avia-section-large .content {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.avia-section-huge .content {
  padding-top: 120px;
  padding-bottom: 120px;
}

/* HOME */
#top #wrap_all #home-hero {
  color: #FFF;
  background-size: 50% auto;
  position: relative;
}
#top #wrap_all #home-hero .entry-content-wrapper .av-special-heading {
  max-width: 550px;
}
#top #wrap_all #home-hero .entry-content-wrapper .av-special-heading-tag {
  line-height: 1.1em;
}
#top #wrap_all #home-hero .av_textblock_section {
  max-width: 550px;
}
#top #wrap_all #home-hero .container, #top #wrap_all #home-hero .template-page {
  position: initial;
}

#top #section-form div .av-light-form .input-text, #top #section-form div .av-light-form input[type=email], #top #section-form div .av-light-form input[type=input], #top #section-form div .av-light-form input[type=number], #top #section-form div .av-light-form input[type=password], #top #section-form div .av-light-form input[type=search], #top #section-form div .av-light-form input[type=tel], #top #section-form div .av-light-form input[type=text], #top #section-form div .av-light-form input[type=url], #top #section-form div .av-light-form select, #top #section-form div .av-light-form textarea, #top #section-form div div .av-light-form .button {
  background-color: #fff;
  color: #010030;
}

#top .av-custom-form-color .button {
  padding: 1rem 1.5rem;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#top .av-custom-form-color .button:hover {
  background-color: #fff !important;
}

/* CASOS DE EXITO */
/* ==========================================================
   BREADCRUMB DEL CASO DE ÉXITO
   ========================================================== */
.caso-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.3em;
  margin: 0;
  color: #fff;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}
.caso-breadcrumb__parent {
  color: inherit !important;
  text-decoration: none !important;
  transition: color 200ms ease;
}
.caso-breadcrumb__parent:hover, .caso-breadcrumb__parent:focus-visible {
  color: #84f4f5 !important;
}
.caso-breadcrumb__parent:focus-visible {
  outline: 2px solid #84f4f5;
  outline-offset: 4px;
}
.caso-breadcrumb__separator {
  color: inherit;
  font-weight: 400;
}
.caso-breadcrumb__current {
  color: inherit;
}

@media (max-width: 767px) {
  .caso-breadcrumb {
    font-size: clamp(1.25rem, 6vw, 1.75rem);
  }
}
#intro-casos {
  background-position: right 20px;
  background-size: 30% auto;
}

#top #wrap_all #hero-portolio .caso-page-category a {
  display: inline-block;
  max-width: 100%;
  padding: 7px 18px;
  overflow: hidden;
  border-radius: 30px;
  background: #010030;
  color: #84f4f5;
  font-family: "Anton", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 3px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
#top #wrap_all #hero-portolio .caso-page-category p {
  margin-bottom: 0;
}
#top #wrap_all #hero-portolio .av-special-heading {
  margin-top: 0;
}

#top #wrap_all #portfolio-data {
  position: relative;
  margin-top: -120px;
  width: fit-content;
}
#top #wrap_all #portfolio-data .avia-icon-list {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 40px;
  background-color: #7226ff;
}
#top #wrap_all #portfolio-data .avia-icon-list li {
  flex-grow: 1;
  display: block;
  border-right: 2px solid #FFF;
  padding: 0 40px;
}
#top #wrap_all #portfolio-data .avia-icon-list li .iconlist_icon {
  display: none;
}
#top #wrap_all #portfolio-data .avia-icon-list li .article-icon-entry .entry-content-header {
  color: #FFF;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 2px;
}
#top #wrap_all #portfolio-data .avia-icon-list li .article-icon-entry .iconlist_content {
  color: #FFF;
  font-weight: 600;
  font-size: 17px;
}
#top #wrap_all #portfolio-data .avia-icon-list li .article-icon-entry .iconlist_content p {
  margin: 0;
}
#top #wrap_all #portfolio-data .avia-icon-list li:last-child {
  border: none;
  padding-right: 0;
}
#top #wrap_all #portfolio-data .avia-icon-list li:first-child {
  padding-left: 0;
}

/* CASOS DE EXITO - GRID */
/* ==========================================================
   GRID DE CASOS DE ÉXITO
   Shortcode: [casos_exito_grid]
   ========================================================== */
#casos-exito-grid {
  scroll-margin-top: 120px;
}

.casos-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: clamp(320px, 28vw, 420px);
  gap: 24px;
  width: 100%;
}

/* ==========================================================
   CARD
   ========================================================== */
.caso-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border-top: 4px solid #7226ff;
  padding-top: 10px;
  border-radius: 0;
  background: #FFF;
  isolation: isolate;
  /* ----------------------------------------------------------
     Link completo
     ---------------------------------------------------------- */
  /* ----------------------------------------------------------
     Imagen
     ---------------------------------------------------------- */
  /* ----------------------------------------------------------
     Número 01, 02, 03...
     ---------------------------------------------------------- */
  /* ----------------------------------------------------------
     Panel inferior
     ---------------------------------------------------------- */
  /*
   * En tarjetas de dos columnas, el panel
   * ocupa solamente una parte del ancho.
   */
  /* ----------------------------------------------------------
     Categoría
     ---------------------------------------------------------- */
  /* ----------------------------------------------------------
     Cliente / organización
     ---------------------------------------------------------- */
  /* ----------------------------------------------------------
     Título
     ---------------------------------------------------------- */
  /* ----------------------------------------------------------
     Texto inferior
     ---------------------------------------------------------- */
  /* ----------------------------------------------------------
     Botón circular
     ---------------------------------------------------------- */
}
.caso-card--span-1 {
  grid-column: span 1;
}
.caso-card--span-2 {
  grid-column: span 2;
}
.caso-card__link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #fff !important;
  font-family: "Poppins", Arial, sans-serif;
  text-decoration: none !important;
}
.caso-card__link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(1, 0, 48, 0.02) 15%, rgba(1, 0, 48, 0.78) 100%);
  pointer-events: none;
}
.caso-card__link:focus-visible {
  outline: 3px solid #84f4f5;
  outline-offset: -5px;
}
.caso-card__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #010030;
}
.caso-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 600ms ease;
}
.caso-card__number {
  position: absolute;
  top: 24px;
  left: 30px;
  z-index: 3;
  color: #7226ff;
  font-family: "Anton", Arial, sans-serif;
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.08em;
}
.caso-card__panel {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  /*
   * Importante:
   * no usar z-index: 3 ni isolation aquí.
   */
  z-index: auto;
  width: var(--panel-width);
  padding: 30px 32px 24px;
  overflow: visible;
  /*
   * El contenido queda por encima del fondo multiplicado.
   */
}
.caso-card__panel::before {
  content: "";
  position: absolute;
  /*
   * Ahora vuelve a estar relacionado con el panel,
   * por lo que acompaña correctamente a la categoría.
   */
  inset: 42px -80px -25px -40px;
  z-index: 1;
  border-radius: 0 180px 0 0;
  background: #7226ff;
  mix-blend-mode: multiply;
  opacity: 0.9;
  pointer-events: none;
}
.caso-card__panel > * {
  position: relative;
  z-index: 3;
}
.caso-card--span-2 .caso-card__panel {
  width: min(62%, 700px);
}
.caso-card__category {
  display: inline-block;
  max-width: 100%;
  padding: 7px 18px;
  overflow: hidden;
  border-radius: 30px;
  background: #010030;
  color: #84f4f5;
  font-family: "Anton", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 3px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.caso-card__client {
  margin-top: 14px;
  color: #fff;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.caso-card__title {
  margin: 7px 0 18px;
  color: #fff !important;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.caso-card__footer {
  padding-top: 14px;
  padding-right: 48px;
  border-top: 1px solid #7226ff;
  color: #fff;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.4;
}
.caso-card__button {
  position: absolute;
  right: 20px;
  bottom: 18px;
  z-index: 4;
  display: grid;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #7226ff;
  place-items: center;
  transition: transform 250ms ease, box-shadow 250ms ease;
}
.caso-card__button svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

#home-casos .casos-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 420px;
  gap: 24px;
}
#home-casos .caso-card__panel {
  width: 90% !important;
}
#home-casos .caso-card,
#home-casos .caso-card--span-1,
#home-casos .caso-card--span-2 {
  grid-column: auto !important;
}
#home-casos .caso-card .caso-card__title,
#home-casos .caso-card--span-1 .caso-card__title,
#home-casos .caso-card--span-2 .caso-card__title {
  font-size: 1.5rem;
}
#home-casos .caso-card {
  background-color: transparent;
  padding-top: 0;
}

/* ==========================================================
   HOVER
   ========================================================== */
@media (hover: hover) {
  .caso-card__link:hover .caso-card__image {
    transform: scale(1.045);
  }
  .caso-card__link:hover .caso-card__button {
    transform: translate(2px, -2px);
    box-shadow: 0 8px 20px rgba(1, 0, 48, 0.28);
  }
}
/* ==========================================================
   TABLET
   ========================================================== */
@media (max-width: 1100px) {
  .casos-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 390px;
    gap: 20px;
  }
  .caso-card--span-1 {
    grid-column: span 1;
  }
  .caso-card--span-2 {
    grid-column: span 2;
  }
  .caso-card--span-2 .caso-card__panel {
    width: 68%;
  }
}
/* ==========================================================
   MOBILE
   ========================================================== */
@media (max-width: 767px) {
  .casos-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 420px;
    gap: 16px;
  }
  .caso-card--span-1, .caso-card--span-2 {
    grid-column: span 1;
  }
  .caso-card__number {
    top: 20px;
    left: 20px;
  }
  .caso-card__panel, .caso-card--span-2 .caso-card__panel {
    width: 100%;
    padding: 26px 24px 22px;
  }
  .caso-card__panel::before {
    inset: -36px -55px -25px -30px;
    border-radius: 0 130px 0 0;
  }
  .caso-card__footer {
    padding-right: 42px;
  }
}
/* ==========================================================
   PAGINACIÓN
   ========================================================== */
.casos-pagination {
  margin-top: 42px;
  font-family: "Poppins", Arial, sans-serif;
}
.casos-pagination ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.casos-pagination li {
  margin: 0;
  padding: 0;
}
.casos-pagination a.page-numbers,
.casos-pagination span.page-numbers {
  display: grid;
  min-width: 42px;
  height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(114, 38, 255, 0.4);
  border-radius: 50px;
  color: #010030;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  place-items: center;
  transition: color 200ms ease, border-color 200ms ease, background-color 200ms ease;
}
.casos-pagination a.page-numbers:hover {
  border-color: #7226ff;
  color: #7226ff;
}
.casos-pagination span.page-numbers.current {
  border-color: #7226ff;
  background: #7226ff;
  color: #fff;
}

/* ==========================================================
   ESTADO VACÍO
   ========================================================== */
.casos-grid__empty {
  margin: 30px 0;
  color: #4A4A4A;
  font-family: "Poppins", Arial, sans-serif;
  text-align: center;
}

/* CASO DE EXITO SIDEBAR */
#top #wrap_all .template-page .entry-content-wrapper .caso-servicios {
  padding: 1.5rem;
  border: 1px solid #7226ff;
  font-family: "Poppins", Arial, sans-serif;
  margin-bottom: 3rem;
}
#top #wrap_all .template-page .entry-content-wrapper .caso-servicios__title, #top #wrap_all .template-page .entry-content-wrapper .caso-servicios h3, #top #wrap_all .template-page .entry-content-wrapper .caso-servicios h4 {
  margin: 0 0 26px !important;
  font-family: "Anton", Arial, sans-serif;
  color: #7226ff !important;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 3px;
  text-transform: uppercase;
}
#top #wrap_all .template-page .entry-content-wrapper .caso-servicios__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
#top #wrap_all .template-page .entry-content-wrapper .caso-servicios__item {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 6px 22px;
  border: 1px solid #010030;
  border-radius: 100px;
  color: #010030 !important;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none !important;
  transition: color 200ms ease, border-color 200ms ease, background-color 200ms ease;
}
#top #wrap_all .template-page .entry-content-wrapper .caso-servicios__item:hover, #top #wrap_all .template-page .entry-content-wrapper .caso-servicios__item:focus-visible {
  border-color: #7226ff;
  background: #7226ff;
  color: #fff !important;
}
#top #wrap_all .template-page .entry-content-wrapper .caso-servicios__item:focus-visible {
  outline: 2px solid #84f4f5;
  outline-offset: 3px;
}
/* ==========================================================
   GALERÍA SLIDER DE CASO DE ÉXITO
   Partner/Logo Element de Enfold
   ========================================================== */
#top .avia-logo-element-container.caso-galeria-slider {
  margin: 0;
  /* Flechas de navegación */
}
#top .avia-logo-element-container.caso-galeria-slider .slide-entry-wrap {
  display: flex;
  align-items: stretch;
}
#top .avia-logo-element-container.caso-galeria-slider .slide-entry {
  padding: 0 12px;
}
#top .avia-logo-element-container.caso-galeria-slider .slide-image {
  position: relative;
  display: block;
  overflow: hidden;
  background: #010030;
}
#top .avia-logo-element-container.caso-galeria-slider .slide-image::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  pointer-events: none;
  transition: border-color 200ms ease;
}
#top .avia-logo-element-container.caso-galeria-slider .slide-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms ease;
}
#top .avia-logo-element-container.caso-galeria-slider .slide-image:hover img {
  transform: scale(1.035);
}
#top .avia-logo-element-container.caso-galeria-slider .slide-image:hover::after {
  border-color: #7226ff;
}
#top .avia-logo-element-container.caso-galeria-slider .avia-slideshow-arrows {
  position: static;
}
#top .avia-logo-element-container.caso-galeria-slider .avia-slideshow-arrows a.avia-svg-icon {
  position: absolute;
  top: 50%;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  margin: 0;
  background: transparent;
  color: #fff;
  border: none;
  transform: translateY(-50%);
}
#top .avia-logo-element-container.caso-galeria-slider .avia-slideshow-arrows a.avia-svg-icon svg:first-child {
  margin: 0;
  height: 20px;
}
#top .avia-logo-element-container.caso-galeria-slider .avia-slideshow-arrows .prev-slide {
  left: -30px;
}
#top .avia-logo-element-container.caso-galeria-slider .avia-slideshow-arrows .next-slide {
  right: -30px;
}

.highlighted-text {
  display: inline-block;
  color: "Poppins", Arial, sans-serif;
  background-color: #84f4f5;
  border-radius: 3rem;
  padding: 0.35rem 1.25rem;
}
.highlighted-text p {
  margin: 0;
}

.frase-highlighted {
  padding-left: 25px;
  border-left: 6px solid #7226ff;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.frase-highlighted p {
  margin: 0;
  display: flex;
  align-items: center;
  /*font-size: 20px;*/
}
.frase-highlighted p strong {
  position: relative;
  top: -4px;
  font-family: "Anton", Arial, sans-serif;
  font-size: 32px;
  color: #7226ff;
  display: inline-block;
  margin-right: 10px;
}

.empresa-b-img .avia_image {
  width: 140px;
  height: auto;
}

#top .contact-list li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
#top .contact-list li .iconlist_icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  background-color: #84f4f5;
}

#top .contact-info .menu-social-container .menu .menu-item {
  position: relative;
  display: flex;
  align-items: center;
}
#top .contact-info .menu-social-container .menu .menu-item::after {
  content: "•";
  display: inline-block;
  position: relative;
  right: -8px;
}
#top .contact-info .menu-social-container .menu .menu-item a {
  color: "Poppins", Arial, sans-serif;
}
#top .contact-info .menu-social-container .menu .menu-item:last-child::after {
  display: none;
}

#top .logo-blanco img {
  width: 200px;
  height: auto;
}

#top .noticia-article {
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#top .noticia-article::after {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  content: "Leé el artículo";
  position: absolute;
  left: 15px;
  bottom: 15px;
  padding: 7px 18px 7px 16px;
  background: #7028ff;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1px;
  border-radius: 6px;
  z-index: 2;
  pointer-events: none;
  height: 28px;
  width: auto;
  visibility: visible;
  box-sizing: border-box;
}
#top .noticia-article::before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  content: "";
  position: absolute;
  left: 151px;
  bottom: 15px;
  width: 16px;
  height: 28px;
  background: #7028ff;
  transform: skewX(-20deg);
  border-radius: 0 6px 6px 0;
  z-index: 1;
  pointer-events: none;
  visibility: visible;
}
#top .noticia-article .avia_image {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#top .noticia-article:hover {
  opacity: 0.8;
}
#top .noticia-article:hover .avia_image {
  transform: scale(1.05);
}

@media only screen and (min-width: 991px) {
  #top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items.pll-parent-menu-item {
    padding-right: 5rem;
  }
  /* NOSOTROS */
  #top .img-nosotros .avia_image {
    margin-left: -4.5rem;
    max-width: 125%;
  }
}
@media only screen and (max-width: 767px) {
  #top .se-indrel .se-indrel__grid .se-indrel__card {
    width: 50%;
  }
  .responsive #top #wrap_all .av-special-heading h1.av-special-heading-tag {
    font-size: 2.1rem;
  }
  #top .se-hero--industria .container h1 .top-title {
    font-size: 0.9rem;
  }
  #top .av-small-burger-icon {
    margin-right: 0;
  }
  .responsive #top #wrap_all .card-alianza {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
  }
  .html_av-overlay-full #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul {
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #fff;
  }
  .html_av-overlay-full #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li {
    width: 100%;
  }
  .html_av-overlay-full #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li a {
    text-align: center;
    color: #231F20;
    font-size: 1.5rem;
  }
  .html_av-overlay-full #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li.current_page_item > a {
    color: #84f4f5;
  }
  .html_av-overlay-full #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li .sub-menu li {
    margin-bottom: 0;
  }
  .html_av-overlay-full #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li .sub-menu a {
    font-size: 1.15rem;
  }
  #top #wrap_all #home-hero {
    background-size: auto 140%;
    background-position: center center;
  }
  #top #wrap_all #home-hero .content {
    padding-bottom: 2rem;
  }
  #top #wrap_all #home-hero .av-special-heading {
    margin-top: 0;
  }
  #top #wrap_all #home-hero .avia-button {
    width: 100%;
  }
  #top #hero-slider {
    margin-top: -5rem;
  }
  #top #home-partners .template-page {
    padding-top: 0;
    padding-bottom: 4rem;
  }
  #top #av_section_4 .avia_textblock {
    padding-top: 0;
  }
  #top #av_section_4 .avia_textblock p {
    margin-top: 0 !important;
  }
  #top .home-results {
    border-right: none;
    margin-bottom: 1rem;
  }
  #top .home-results .avia-animated-number-title .avia-single-number {
    font-weight: 600;
    font-size: 3rem;
  }
  #top .se-serv-grid .se-serv-card, #top .se-serv-grid .se-card, #top .se-grid .se-serv-card, #top .se-grid .se-card {
    width: 100%;
  }
  #top #wrap_all .se-industry-grid .se-card--industry {
    width: 50%;
  }
  #top #wrap_all .se-industry-grid .se-card--industry .se-card__head h2 {
    font-size: 1rem;
  }
  #top #desc-servicio .cell-img {
    min-height: 300px;
  }
  #top #wrap_all #cta .av-special-heading {
    padding-bottom: 2.5rem;
  }
  #top #wrap_all #cta .av-special-heading h2 {
    font-size: 2rem;
  }
  #top #wrap_all .se-breadcrumb a, #top #wrap_all .se-breadcrumb span {
    font-size: 0.8rem;
    letter-spacing: 0;
  }
  #top #wrap_all #footer-page .middle-footer .content p {
    text-align: left !important;
  }
  #top #wrap_all .footer-logo {
    text-align: center !important;
  }
  #top #wrap_all .footer-logo .avia-image-container {
    display: inline-block;
    float: none;
  }
  #top #wrap_all .header_color .av-menu-button-bordered > a .avia-menu-text {
    font-size: 1.15rem;
    padding-left: 45px;
    padding-right: 1rem;
    background-position: 0.5rem center;
    background-size: 28px;
  }
  #top #header_meta {
    display: none;
  }
  .responsive .avia-section-huge .content, .avia-section-huge .sidebar {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .template-page .entry-content-wrapper h2 {
    font-size: 2rem;
  }
  .html_burger_menu_active #top #wrap_all #header .av-burger-menu-main > a {
    line-height: 35px;
    height: auto;
  }
  .responsive #top #wrap_all #header {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .responsive #top #wrap_all #header_main {
    border: none;
  }
  .responsive #top #wrap_all #header_main .av-burger-menu-main, .responsive #top #wrap_all #header_main .av-burger-menu-main > a, .responsive #top #wrap_all #header_main .av-hamburger {
    height: 35px;
    line-height: 35px;
  }
  #top #header .logo {
    margin-top: 0;
    height: auto !important;
  }
  .responsive .logo img, .responsive .logo svg {
    max-height: 35px;
  }
  .responsive #top #wrap_all .main_menu {
    height: auto;
  }
  .responsive #top #wrap_all .main_menu .avia-menu {
    height: auto;
  }
  .html_av-overlay-full #top #wrap_all .av-burger-overlay-scroll {
    background-size: cover;
  }
  .html_av-overlay-full #top #wrap_all .av-burger-overlay-scroll:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.7);
  }
  .html_av-overlay-full #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li .social_bookmarks {
    justify-content: center;
  }
  .modern-quote h1.av-special-heading-tag {
    font-size: 1.85rem;
    letter-spacing: 0px;
  }
  #top #wrap_all #footer-page .social_bookmarks {
    justify-content: center;
  }
  #top #wrap_all #footer-page p {
    text-align: center !important;
  }
  .responsive #top .av_textblock_section .avia_textblock {
    column-count: 1 !important;
  }
  #top #hero .flex_column {
    flex-direction: column;
  }
  #top #hero .flex_column .av-special-heading .av-special-heading-tag {
    font-size: 2.25rem;
    text-align: center;
    padding-right: 0;
    padding-bottom: 1rem;
  }
  #top #home-nosotros .av-special-heading-tag {
    padding-left: 0;
    background: transparent;
  }
}
@media only screen and (max-width: 480px) {
  #top #hero-home.av-minimum-height-100:not(.av-slideshow-section) .container {
    height: 45vh !important;
  }
  .responsive .logo img, .responsive .logo svg {
    max-height: 35px;
  }
}
@media only screen and (min-width: 990px) {
  #top #sucursales-content .sucursales-map .av-image-hotspot {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 14px;
    font-weight: 500;
  }
  #top #sucursales-content .sucursales-map .av-image-hotspot-pulse {
    height: 65px;
    width: 65px;
    top: -15px;
    left: -15px;
  }
}

/*# sourceMappingURL=style.css.map */
