@charset "UTF-8";
/*
Theme Name: Propiedad al día - Theme
Theme URI: 
Author: Juan Jara Zarria - agencia128bit
Author URI: https://agencia128bit.cl/
Description: Tema de wordpress personalizado para cliente de agencia128bit. 
Version: 1.0.0
Tags: themes, theme, wordpress, propiedad, al, dia, propiedadaldia, agencia128bit, 128bit, web, desarrollo, diseño, responsive, mobile-first, scss
License: GNU General Public License v2 or later
*/
/* Helvetica Regular */
@font-face {
font-family: "Helvetica";
src: url("assets/fonts/Helvetica.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
/* Helvetica Bold */
@font-face {
font-family: "HelveticaBold";
src: url("assets/fonts/Helvetica-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
/* Montserrat Variable Font (peso variable de 100 a 900) */
@font-face {
font-family: "Montserrat";
src: url("assets/fonts/Montserrat-VariableFont_wght.woff") format("woff");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
/* family Font */
/* mixins */
html {
scroll-behavior: smooth;
margin-top: 0px !important;
}

body {
font-family: "Helvetica", sans-serif;
background-color: #f4f5f8;
/*  @include familyR; */
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
a,
p,
span {
margin: 0;
padding: 0;
}

a:hover {
text-decoration: none;
}

.grecaptcha-badge {
display: none !important;
}

/* modales */
#modalQueHacemos1 .modal-dialog .modal-content,
#modalQueHacemos2 .modal-dialog .modal-content,
#modalQueHacemos3 .modal-dialog .modal-content {
border: 2px solid #fff;
border-radius: 0;
background-color: #202731;
padding: 36px 12px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* sombra sutil opcional */
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-header,
#modalQueHacemos2 .modal-dialog .modal-content .modal-header,
#modalQueHacemos3 .modal-dialog .modal-content .modal-header {
border: none;
display: flex;
justify-content: flex-end;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-header .custom-close,
#modalQueHacemos2 .modal-dialog .modal-content .modal-header .custom-close,
#modalQueHacemos3 .modal-dialog .modal-content .modal-header .custom-close {
background: none;
border: none;
padding: 0;
width: 2rem;
height: 2rem;
cursor: pointer;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-header .custom-close .close,
#modalQueHacemos2 .modal-dialog .modal-content .modal-header .custom-close .close,
#modalQueHacemos3 .modal-dialog .modal-content .modal-header .custom-close .close {
width: 100%;
height: 100%;
object-fit: contain;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__h3,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__h3,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__h3 {
color: #fff;
font-size: 1.4em;
color: #fff;
text-align: left;
line-height: 1.2em;
padding: 7px 0;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__p,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__p,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__p {
color: #ff8d02;
font-size: 1.2em;
text-align: left;
line-height: 1.2em;
padding: 0 0 24px 0;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__list,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__list,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__list {
padding: 0 0 0 16px;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__list .body__list--li,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__list .body__list--li,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__list .body__list--li {
font-size: 1em;
color: #fff;
text-align: left;
line-height: 1.2em;
padding: 5px 0;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__list .body__list--li:before,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__list .body__list--li:before,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__list .body__list--li:before {
content: "•";
color: #fff;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-footer,
#modalQueHacemos2 .modal-dialog .modal-content .modal-footer,
#modalQueHacemos3 .modal-dialog .modal-content .modal-footer {
border: none;
}

/* menu principal */
.header {
width: 100%;
height: auto;
}
.header .header__content {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 16px;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: auto;
min-height: 80px;
background-color: #202731;
}
.header .header__content .header__content--logo .logo-anchor .logo-anchor__img {
width: 100%;
height: auto;
max-width: 200px;
margin: 0 auto;
}
.header .header__content .header__content--menu {
width: 100%;
height: auto;
display: flex;
justify-content: flex-end;
align-items: center;
}
.header .header__content .header__content--menu .menu-toggle {
display: flex;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 30px;
height: 30px;
background: none;
border: none;
cursor: pointer;
z-index: 999;
}
.header .header__content .header__content--menu .menu-toggle span {
display: block;
height: 3px;
width: 100%;
background-color: #fff;
transition: all 0.3s ease;
}
.header .header__content .header__content--menu .menu-toggle.open span:nth-child(1) {
transform: rotate(45deg) translateY(11px);
}
.header .header__content .header__content--menu .menu-toggle.open span:nth-child(2) {
opacity: 0;
}
.header .header__content .header__content--menu .menu-toggle.open span:nth-child(3) {
transform: rotate(-45deg) translateY(-11px);
}
.header .mobile-menu {
display: none;
background: #202731;
position: fixed;
top: 10%;
left: 0;
width: 100%;
height: 90vh;
padding: 1rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
z-index: 998;
justify-content: flex-start;
align-items: center;
}
.header .mobile-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.header .mobile-menu ul li {
padding: 8px 16px;
}
.header .mobile-menu ul li a {
text-decoration: none;
font-weight: bold;
color: #fff;
font-size: 1.5em;
}
.header .mobile-menu.open {
display: flex;
}
.header .main-nav {
display: none;
}

/* footer */
.footer {
width: 100%;
height: auto;
background-color: #202731;
}
.footer .wrapp .wrapp__img {
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
padding: 24px 0;
}
.footer .wrapp .wrapp__img .wrapp__img--anchor {
display: flex;
width: 120px;
height: auto;
}
.footer .wrapp .wrapp__img .wrapp__img--anchor .logofooter-anchor__img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
.footer .wrapp .wrapp__img .legal {
width: 100%;
height: auto;
text-align: center;
font-size: 0.8em;
padding: 12px 16px 0 16px;
}

/* hero section */
.hero {
width: 100%;
height: 100vh;
position: relative;
padding: 80px 0 0 0;
margin: 0;
background-color: #202731;
overflow: hidden;
}
.hero .hero__carousel {
width: 100%;
height: 100vh;
position: relative;
background-color: #202731;
}
.hero .hero__carousel .swiper-wrapper {
height: 100%;
background-color: #202731;
}
.hero .hero__carousel .swiper-slide {
width: 100%;
height: 100%;
background-color: #202731;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.hero .hero__carousel .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

/* Panel lateral izquierdo con información y formulario */
.hero .hero__carousel--panel {
width: 100%;
height: 100%;
position: absolute;
background: rgb(17 17 17 / 66%);
z-index: 10;
left: 0;
top: 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: 30px;
padding: 25px 20px;
backdrop-filter: blur(5px);
overflow: hidden;
}
@media (min-width: 768px) {
.hero .hero__carousel--panel {
  width: 42%;
  padding: 40px 35px;
  gap: 40px;
}
}
@media (min-width: 1024px) {
.hero .hero__carousel--panel {
  width: 40%;
  padding: 50px 45px;
}
}
@media (min-width: 1280px) {
.hero .hero__carousel--panel {
  width: 38%;
  padding: 60px 50px;
}
}
@media (min-width: 1440px) {
.hero .hero__carousel--panel {
  width: 36%;
  padding: 60px 55px;
}
}
@media (min-width: 1920px) {
.hero .hero__carousel--panel {
  width: 34%;
  padding: 70px 60px;
}
}

/* Swiper del panel (contenido sincronizado) */
.hero .hero__carousel--panel .hero__carousel--panel-swiper {
width: 100%;
height: auto;
overflow: hidden;
}
.hero .hero__carousel--panel .hero__carousel--panel-swiper .swiper-wrapper {
height: auto !important;
background-color: transparent !important;
}
.hero .hero__carousel--panel .hero__carousel--panel-swiper .swiper-slide {
height: auto !important;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
background-color: transparent !important;
}

/* Contenido del panel */
.hero .hero__carousel--panel-content h2 {
font-size: 1.6em;
color: #fff;
margin-bottom: 10px;
font-weight: bold;
line-height: 1.15em;
text-transform: uppercase;
text-align: left;
}
@media (min-width: 768px) {
.hero .hero__carousel--panel-content h2 {
  font-size: 2em;
  margin-bottom: 10px;
}
}
@media (min-width: 1024px) {
.hero .hero__carousel--panel-content h2 {
  font-size: 2.3em;
  margin-bottom: 10px;
}
}
@media (min-width: 1440px) {
.hero .hero__carousel--panel-content h2 {
  font-size: 2.6em;
  margin-bottom: 10px;
}
}
.hero .hero__carousel--panel-content p {
font-size: 0.95em;
line-height: 1.4em;
color: #ff8d02;
margin-bottom: 10px;
text-align: left;
}
@media (min-width: 768px) {
.hero .hero__carousel--panel-content p {
  font-size: 1.05em;
  margin-bottom: 10px;
}
}
@media (min-width: 1024px) {
.hero .hero__carousel--panel-content p {
  font-size: 1.15em;
  margin-bottom: 10px;
}
}
.hero .hero__carousel--panel-content .cta-button {
display: inline-block;
background-color: #ff8d02;
color: #fff;
padding: 10px 35px;
font-size: 1.15em;
font-weight: bold;
text-decoration: none;
margin-bottom: 15px;
transition: all 0.3s ease;
text-align: center;
width: 100%;
}
@media (min-width: 768px) {
.hero .hero__carousel--panel-content .cta-button {
  padding: 10px 45px;
  font-size: 1.25em;
  margin-bottom: 15px;
}
}
@media (min-width: 1024px) {
.hero .hero__carousel--panel-content .cta-button {
  padding: 10px 50px;
  font-size: 1.35em;
}
}
.hero .hero__carousel--panel-content .cta-button:hover {
background-color: rgb(206, 113, 0);
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(255, 141, 2, 0.4);
text-decoration: none;
}
.hero .hero__carousel--panel-content .subtitle {
font-size: 0.9em;
color: #fff;
line-height: 1.3em;
text-align: left;
margin-bottom: 0;
}
@media (min-width: 768px) {
.hero .hero__carousel--panel-content .subtitle {
  font-size: 1em;
}
}
@media (min-width: 1024px) {
.hero .hero__carousel--panel-content .subtitle {
  font-size: 1.1em;
}
}

/* Formulario del panel */
.hero .hero__carousel--panel-form {
width: 100%;
background-color: rgb(33 39 49);
padding: 25px 20px;
display: flex;
flex-direction: column;
gap: 14px;
}
@media (min-width: 768px) {
.hero .hero__carousel--panel-form {
  padding: 30px 25px;
  gap: 16px;
}
}
@media (min-width: 1024px) {
.hero .hero__carousel--panel-form {
  padding: 35px 30px;
  gap: 18px;
}
}
.hero .hero__carousel--panel-form h3 {
font-size: 1.4em;
color: #fff;
margin-bottom: 5px;
font-weight: bold;
text-align: center;
}
@media (min-width: 768px) {
.hero .hero__carousel--panel-form h3 {
  font-size: 1.6em;
  margin-bottom: 8px;
}
}
@media (min-width: 1024px) {
.hero .hero__carousel--panel-form h3 {
  font-size: 1.8em;
  margin-bottom: 10px;
}
}
.hero .hero__carousel--panel-form .form-row {
display: flex;
gap: 12px;
}
@media (min-width: 768px) {
.hero .hero__carousel--panel-form .form-row {
  gap: 15px;
}
}
.hero .hero__carousel--panel-form .form-row input {
flex: 1;
}
.hero .hero__carousel--panel-form input[type="text"],
.hero .hero__carousel--panel-form input[type="email"],
.hero .hero__carousel--panel-form input[type="tel"] {
width: 100%;
padding: 11px 15px;
border: 1px solid #ff8d02;
background-color: transparent;
color: #fff;
font-size: 0.9em;
outline: none;
transition: all 0.3s ease;
}
@media (min-width: 768px) {
.hero .hero__carousel--panel-form input[type="text"],
.hero .hero__carousel--panel-form input[type="email"],
.hero .hero__carousel--panel-form input[type="tel"] {
  padding: 12px 16px;
  font-size: 0.95em;
}
}
@media (min-width: 1024px) {
.hero .hero__carousel--panel-form input[type="text"],
.hero .hero__carousel--panel-form input[type="email"],
.hero .hero__carousel--panel-form input[type="tel"] {
  padding: 13px 18px;
  font-size: 1em;
}
}
.hero .hero__carousel--panel-form input[type="text"]:focus,
.hero .hero__carousel--panel-form input[type="email"]:focus,
.hero .hero__carousel--panel-form input[type="tel"]:focus {
border-color: #ff8d02;
box-shadow: 0 0 0 2px rgba(255, 141, 2, 0.3);
background-color: rgba(255, 141, 2, 0.05);
}
.hero .hero__carousel--panel-form input[type="text"]::placeholder,
.hero .hero__carousel--panel-form input[type="email"]::placeholder,
.hero .hero__carousel--panel-form input[type="tel"]::placeholder {
color: rgba(255, 255, 255, 0.6);
font-weight: normal;
}
.hero .hero__carousel--panel-form input[type="submit"] {
width: 100%;
padding: 10px 15px;
background-color: #ff8d02;
color: #fff;
border: none;
font-size: 1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-transform: capitalize;
}
@media (min-width: 768px) {
.hero .hero__carousel--panel-form input[type="submit"] {
  padding: 10px 15px;
  font-size: 1.05em;
}
}
@media (min-width: 1024px) {
.hero .hero__carousel--panel-form input[type="submit"] {
  padding: 10px 15px;
  font-size: 1.1em;
}
}
.hero .hero__carousel--panel-form input[type="submit"]:hover {
background-color: rgb(206, 113, 0);
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(255, 141, 2, 0.6);
}

.hero__carousel--panel-form-wrapper {
width: 100%;
background-color: rgb(33 39 49);
padding: 25px 15px;
}
@media (min-width: 768px) {
.hero__carousel--panel-form-wrapper {
  padding: 40px 35px;
}
}
@media (min-width: 1024px) {
.hero__carousel--panel-form-wrapper {
  padding: 45px 40px;
}
}

.hero__carousel--panel-form-wrapper .wpcf7-form::before {
content: 'Contáctanos';
display: block;
font-size: 1.5em;
color: #ffffff;
font-weight: bold;
text-align: center;
margin-bottom: 0px;
}
@media (min-width: 768px) {
.hero__carousel--panel-form-wrapper .wpcf7-form::before {
  font-size: 2.2em;
  margin-bottom: 15px;
}
}
@media (min-width: 1024px) {
.hero__carousel--panel-form-wrapper .wpcf7-form::before {
  font-size: 2.5em;
  margin-bottom: 10px;
}
}

.hero__carousel--panel-form-wrapper .wpcf7-form {
display: flex;
flex-direction: column;
gap: 20px;
}

.hero__carousel--panel-form-wrapper .wpcf7-form p {
margin: 0;
display: flex;
gap: 15px;
width: 100%;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
align-items: center;
align-content: center;
}
@media (max-width: 767px) {
.hero__carousel--panel-form-wrapper .wpcf7-form p {
  gap: 10px;
}
}

.hero__carousel--panel-form-wrapper .wpcf7-form-control-wrap {
flex: 1;
display: block;
}

.hero__carousel--panel-form-wrapper input[type="text"],
.hero__carousel--panel-form-wrapper input[type="email"],
.hero__carousel--panel-form-wrapper input[type="tel"] {
width: 100%;
padding: 10px 15px;
border: 2px solid #ff8d02;
background-color: transparent;
color: #ffffff;
font-size: 0.8em;
outline: none;
transition: all 0.3s ease;
box-sizing: border-box;
}
@media (min-width: 768px) {
.hero__carousel--panel-form-wrapper input[type="text"],
.hero__carousel--panel-form-wrapper input[type="email"],
.hero__carousel--panel-form-wrapper input[type="tel"] {
  padding: 10px 16px;
  font-size: 1.05em;
}
}

.hero__carousel--panel-form-wrapper input[type="text"]::placeholder,
.hero__carousel--panel-form-wrapper input[type="email"]::placeholder,
.hero__carousel--panel-form-wrapper input[type="tel"]::placeholder {
color: rgba(255, 255, 255, 0.5);
font-weight: 300;
}

.hero__carousel--panel-form-wrapper input[type="text"]:focus,
.hero__carousel--panel-form-wrapper input[type="email"]:focus,
.hero__carousel--panel-form-wrapper input[type="tel"]:focus {
border-color: #ff8d02;
box-shadow: 0 0 0 3px rgba(255, 141, 2, 0.2);
background-color: rgba(255, 141, 2, 0.05);
}

.hero__carousel--panel-form-wrapper input[type="submit"],
.hero__carousel--panel-form-wrapper .wpcf7-submit {
width: 100%;
padding: 10px 20px;
background: linear-gradient(135deg, #ff8d02 0%, #e67e00 100%);
color: #ffffff;
border: none;
font-size: 1.2em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
text-transform: capitalize;
margin-top: 10px;
}
@media (min-width: 768px) {
.hero__carousel--panel-form-wrapper input[type="submit"],
.hero__carousel--panel-form-wrapper .wpcf7-submit {
  padding: 10px 20px;
  font-size: 1.3em;
}
}

.hero__carousel--panel-form-wrapper input[type="submit"]:hover,
.hero__carousel--panel-form-wrapper .wpcf7-submit:hover {
background: linear-gradient(135deg, #e67e00 0%, #d17300 100%);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(255, 141, 2, 0.4);
}

.hero__carousel--panel-form-wrapper .wpcf7-not-valid-tip {
color: #ff6b6b;
font-size: 0.7em;
margin-top: 5px;
}

.hero__carousel--panel-form-wrapper .wpcf7-response-output {
margin: 5px 0 0 0;
padding: 12px;
border: none;
border-radius: 4px;
text-align: center;
color: #fff;
}

.wpcf7 form .wpcf7-response-output{
  margin: -3em 0.5em 1em;
  font-size: 0.8rem;
}

.hero__carousel--panel-form-wrapper .wpcf7-validation-errors {
background-color: rgba(255, 107, 107, 0.1);
border: 1px solid #ff6b6b;
color: #ff6b6b;
}

.hero__carousel--panel-form-wrapper .wpcf7-mail-sent-ok {
background-color: rgba(76, 175, 80, 0.1);
border: 1px solid #4caf50;
color: #4caf50;
}


.hero .hero__carousel .swiper-button-prev,
.hero .hero__carousel .swiper-button-next {
width: 50px;
height: 50px;
background-color: rgba(50, 50, 50, 0.7);
border-radius: 50%;
color: #fff;
transition: all 0.3s ease;
z-index: 20;
}
.hero .hero__carousel .swiper-button-prev::after,
.hero .hero__carousel .swiper-button-next::after {
font-size: 20px;
font-weight: bold;
}
.hero .hero__carousel .swiper-button-prev:hover,
.hero .hero__carousel .swiper-button-next:hover {
background-color: rgba(50, 50, 50, 0.9);
}
@media (max-width: 767px) {
.hero .hero__carousel .swiper-button-prev,
.hero .hero__carousel .swiper-button-next {
  width: 40px;
  height: 40px;
}
.hero .hero__carousel .swiper-button-prev::after,
.hero .hero__carousel .swiper-button-next::after {
  font-size: 16px;
}
}

/* Paginación */
.hero .hero__carousel .swiper-pagination {
bottom: 30px !important;
z-index: 20;
}
@media (min-width: 768px) {
.hero .hero__carousel .swiper-pagination {
  bottom: 40px !important;
}
}
.hero .hero__carousel .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: rgba(255, 255, 255, 0.5);
opacity: 1;
transition: all 0.3s ease;
}
.hero .hero__carousel .swiper-pagination-bullet:hover {
background-color: rgba(255, 255, 255, 0.8);
}
.hero .hero__carousel .swiper-pagination-bullet-active {
background-color: #ff8d02;
width: 14px;
height: 14px;
}

.queHacemos {
width: 100%;
height: auto;
position: relative;
}
.queHacemos::after {
content: "";
display: block;
width: 100%;
height: 40%;
background-color: #202731;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
}
.queHacemos .queHacemos__containerTitle {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
position: relative;
z-index: 1;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--h2 {
width: 100%;
height: auto;
font-size: 1.5em;
font-weight: bold;
color: #202731;
text-align: center;
padding: 36px 16px 12px 16px;
text-transform: uppercase;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--p {
width: 100%;
height: auto;
font-size: 1em;
font-weight: normal;
color: #202731;
text-align: center;
line-height: 1.1em;
padding: 12px 16px;
}
.queHacemos .queHacemos__containerContent {
display: grid;
grid-template-columns: 100%;
grid-template-rows: auto auto auto;
width: 100%;
height: auto;
padding: 16px 0px 24px 0;
margin: 0;
position: relative;
z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1,
.queHacemos .queHacemos__containerContent .wrapp__modal2,
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
width: 100%;
height: auto;
text-decoration: none;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card {
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
position: relative;
padding: 8px 24px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question {
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question .card-question__p {
font-size: 1.2em;
text-align: center;
color: #fff;
font-weight: bold;
padding: 0 48px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture {
width: 100%;
height: auto;
position: relative;
z-index: 0;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture .card-picture__img {
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 0;
transition: background-color 0.3s ease;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture:hover::after {
background-color: rgba(255, 141, 2, 0.7);
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 {
grid-row: 1/2;
grid-column: 1/2;
}
.queHacemos .queHacemos__containerContent .wrapp__modal2 {
grid-row: 2/3;
grid-column: 1/2;
}
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
grid-row: 3/4;
grid-column: 1/2;
}

.nosotros {
width: 100%;
height: auto;
margin: -1px 0 0 0;
}
.nosotros .nosotros__containerTitle {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
background-color: #202731;
}
.nosotros .nosotros__containerTitle .nosotros__containerTitle--h2 {
width: 100%;
height: auto;
font-size: 1.5em;
font-weight: bold;
color: #ff8d02;
text-align: center;
padding: 36px 16px 12px 16px;
text-transform: uppercase;
}
.nosotros .nosotros__compromiso {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
width: 100%;
margin: -1px auto 0 auto;
padding: 24px 16px;
height: auto;
background-color: #202731;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
width: 90%;
height: auto;
padding: 48px 36px;
background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text .text-p {
width: 100%;
height: auto;
font-size: 1em;
color: #202731;
text-align: justify;
text-justify: inter-word; /* Distribuye mejor los espacios */
hyphens: auto; /* Habilita cortes de palabra */
word-break: break-word; /* Permite romper palabras largas */
overflow-wrap: break-word; /* Evita desbordamientos */
-webkit-hyphens: auto;
-moz-hyphens: auto;
line-height: 1.2em;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 0;
background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture .picture-img {
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
.nosotros .nosotros__fundadora {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
width: 100%;
margin: -1px 0 0 0;
height: auto;
padding: 24px 0 0 0;
position: relative;
}
.nosotros .nosotros__fundadora::after {
content: "";
display: block;
width: 100%;
height: 75%;
background-color: #202731;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 0 16px;
position: relative;
z-index: 1;
margin: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture .picture-img {
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
width: calc(100% - 64px);
height: auto;
margin: 0 32px;
padding: 24px 32px;
background-color: #fff;
position: relative;
z-index: 1;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-h3 {
width: 100%;
height: auto;
font-size: 1.5em;
font-weight: bold;
color: #ff8d02;
text-align: center;
line-height: 1em;
padding: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-p {
width: 100%;
height: auto;
font-size: 1em;
color: #202731;
text-align: justify;
text-justify: inter-word; /* Distribuye mejor los espacios */
hyphens: auto; /* Habilita cortes de palabra */
word-break: break-word; /* Permite romper palabras largas */
overflow-wrap: break-word; /* Evita desbordamientos */
-webkit-hyphens: auto;
-moz-hyphens: auto;
line-height: 1.4em;
}
.nosotros .nosotros__educacion {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
width: calc(100% - 64px);
margin: 0 32px;
height: auto;
padding: 24px 16px;
background-color: #202731;
}
.nosotros .nosotros__educacion .educacion-h3 {
width: 100%;
height: auto;
font-size: 1.5em;
font-weight: bold;
color: #ff8d02;
text-align: center;
line-height: 1em;
padding: 0 0 16px 0;
}
.nosotros .nosotros__educacion .educacion-lista {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
width: 100%;
height: auto;
padding: 0 16px;
list-style: none;
}
.nosotros .nosotros__educacion .educacion-lista__li {
width: 100%;
height: auto;
font-size: 1em;
color: #fff;
text-align: left;
line-height: 1.2em;
padding: 5px 0;
}
.nosotros .nosotros__educacion .educacion-lista__li:before {
content: "•";
color: #fff;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.nosotros .nosotros__cards {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
padding: 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
width: 100%;
height: auto;
padding: 0 16px;
margin: 12px 0 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 0 16px;
margin: 0 0 -48px 0;
position: relative;
z-index: 1;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon .wrapp__divIcon--svg {
width: 100px;
height: auto;
object-fit: cover;
object-position: center;
margin: 0 auto;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-flow: column nowrap;
width: 70%;
height: 280px;
padding: 48px 16px 24px 16px;
background-color: #ff8d02;
position: relative;
z-index: 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--title {
width: 100%;
height: auto;
font-size: 1.2em;
color: #fff;
text-align: center;
line-height: 1em;
padding: 24px 16px 18px 16px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--p {
width: 100%;
height: auto;
font-size: 1em;
color: #fff;
text-align: center;
line-height: 1.3em;
padding: 0 16px;
}

.contacto {
width: 100%;
height: auto;
}
.contacto__title {
width: 100%;
height: auto;
font-size: 2em;
font-weight: bold;
color: #212731;
text-align: center;
padding: 20px 16px 24px 16px;
text-transform: uppercase;
}
.contacto__info-panel {
background-color: #212731;
padding: 40px 80px;
}
.contacto__info-item {
width: 100%;
max-width: 500px;
}
.contacto__icon {
width: 40px;
height: 40px;
flex-shrink: 0;
filter: brightness(0) invert(1);
}
.contacto__link {
color: #ffffff;
text-decoration: none;
font-size: 1.125em;
font-weight: 300;
line-height: 1.5;
transition: opacity 0.3s ease;
}
.contacto__link:hover {
color: #ffffff;
opacity: 0.8;
}

@media (max-width: 767px) {
.contacto__info-panel {
  padding: 30px 20px;
}
.contacto__info-item {
  flex-direction: column;
  text-align: center;
  margin-bottom: 2rem !important;
}
.contacto__icon {
  margin-right: 0 !important;
  margin-bottom: 10px;
  width: 40px;
  height: 40px;
}
.contacto__link {
  font-size: 1rem;
}
}

.linkedin {
width: 100%;
height: auto;
padding: 0 16px;
}
.linkedin .main-title {
width: 100%;
height: auto;
font-size: 1.5em;
font-weight: bold;
color: #202731;
text-align: center;
padding: 36px 16px 12px 16px;
text-transform: uppercase;
}

.medios {
width: 100%;
height: auto;
padding: 24px 16px;
background-color: #202731;
}
.medios .medios__containerTitle {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
}
.medios .medios__containerTitle .medios__containerTitle--h2 {
width: 100%;
height: auto;
font-size: 1.5em;
font-weight: bold;
color: #ff8d02;
text-align: center;
padding: 36px 16px 12px 16px;
text-transform: uppercase;
}
.medios .medios__containerTitle .medios__containerTitle--h2 .br {
display: block;
}
.medios .medios__carousel .swiper-wrapper {
width: 100%;
height: auto;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide {
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
padding: 24px 16px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card {
width: 100%;
max-width: 75%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
border: 1px solid #fff;
border-radius: 8px;
overflow: hidden;
margin: 0 0 24px 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture {
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
padding: 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture .slide__picture--img {
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content {
background-color: #202731;
padding: 12px 16px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap {
text-decoration: none;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap .titleWrap-h3 {
font-size: 0.8em;
color: #fff;
line-height: 1.1em;
text-align: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap {
display: block;
width: auto;
margin: 0 auto;
text-decoration: none;
font-size: 1em;
color: #fff;
line-height: 1.1em;
text-align: center;
transition: all 0.3s ease;
padding: 12px 0 0 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap:hover {
text-decoration: underline;
color: #ff8d02;
}
.medios .medios__carousel .swiper-button-prev,
.medios .medios__carousel .swiper-button-next {
width: 32px;
height: 32px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
color: transparent;
bottom: 0;
top: auto;
z-index: 2;
}
.medios .medios__carousel .swiper-button-prev {
background-image: url("assets/img/arrow-left-medios.svg");
}
.medios .medios__carousel .swiper-button-next {
background-image: url("assets/img/arrow-right-medios.svg");
}
.medios .medios__carousel .swiper-pagination {
position: relative;
z-index: 1;
}
.medios .medios__carousel .swiper-pagination-bullet {
width: 8px;
height: 8px;
border: 1px solid white;
background-color: transparent;
border-radius: 50%;
margin: 0 8px !important;
opacity: 1;
transition: all 0.3s ease;
bottom: 0px;
top: auto;
}
.medios .medios__carousel .swiper-pagination-bullet-active {
background-color: white;
}

.testimonios {
width: 100%;
height: auto;
padding: 0;
position: relative;
margin: -1px 0 0 0;
}
.testimonios::after {
content: "";
display: block;
width: 100%;
height: 60%;
background-color: #202731;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.testimonios .testimonios__containerTitle {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
position: relative;
z-index: 1;
}
.testimonios .testimonios__containerTitle .testimonios__containerTitle--h2 {
width: 100%;
height: auto;
font-size: 1.5em;
font-weight: bold;
color: #fff;
text-align: center;
padding: 36px 16px 12px 16px;
text-transform: uppercase;
}
.testimonios .testimonios__carousel {
padding: 0 16px;
position: relative;
z-index: 1;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio {
width: 100%;
height: auto;
min-height: 500px;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column wrap;
padding: 24px 16px;
background-color: #ff8d02;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--p {
width: 100%;
height: auto;
font-size: 0.9em;
color: #fff;
text-align: center;
line-height: 1.1em;
padding: 0 32px;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--name {
width: 100%;
height: auto;
font-size: 1em;
color: #fff;
text-align: center;
line-height: 1.1em;
padding: 12px 16px 0 16px;
font-weight: bold;
}
.testimonios .testimonios__carousel .swiper-button-prev,
.testimonios .testimonios__carousel .swiper-button-next {
width: 32px;
height: 32px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
color: transparent;
}
.testimonios .testimonios__carousel .swiper-button-prev {
background-image: url("assets/img/left-arrow.svg");
}
.testimonios .testimonios__carousel .swiper-button-next {
background-image: url("assets/img/right-arrow.svg");
}
/* pagina single medios */
.medio {
width: 100%;
height: auto;
padding: 80px 0 0 0;
}
.medio .medio__bannerImg {
display: flex;
width: 100%;
height: auto;
}
.medio .medio__bannerImg .medio__bannerImg--img {
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
.medio .medio__containerTitle {
width: 100%;
height: auto;
display: flex;
justify-content: flex-start;
align-items: center;
flex-flow: row wrap;
background-color: #202731;
padding: 24px 16px;
}
.medio .medio__containerTitle .medio__containerTitle--date {
width: 100%;
height: auto;
}
.medio .medio__containerTitle .medio__containerTitle--date .date-p {
font-size: 0.8em;
color: #ff8d02;
text-align: left;
padding: 0 0 12px 0;
}
.medio .medio__containerTitle .medio__containerTitle--date .date-p .br {
display: block;
}
.medio .medio__containerTitle .medio__containerTitle--title {
width: 100%;
height: auto;
}
.medio .medio__containerTitle .medio__containerTitle--title .title-h1 {
font-size: 1.5em;
line-height: 1.2em;
color: #fff;
text-align: left;
padding: 0;
}

.medio__content {
width: 100%;
height: auto;
/* display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap; */
padding: 24px 16px;
column-count: 1;
/* para desktop 
column-count: 2;
column-gap: 8px; */
}
.medio__content .medio__content--getInformation {
width: 100%;
height: auto;
padding: 0;
}
.medio__content .medio__content--getInformation .getInformation-p {
padding: 0 0 12px 0;
font-size: 1em;
line-height: 1.4em;
text-justify: inter-word; /* Distribuye mejor los espacios */
hyphens: auto; /* Habilita cortes de palabra */
word-break: break-word; /* Permite romper palabras largas */
overflow-wrap: break-word; /* Evita desbordamientos */
-webkit-hyphens: auto;
-moz-hyphens: auto;
}
.medio__content .medio__content--button {
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
padding: 24px 16px;
}
.medio__content .medio__content--button .button__verArticulo,
.medio__content .medio__content--button .button__descargarArticulo {
width: auto;
height: auto;
padding: 12px 24px;
background-color: #ff8d02;
color: #fff;
border: none;
font-size: 1em;
font-weight: bold;
margin: 0 auto;
cursor: pointer;
transition: background-color 0.3s ease;
text-decoration: none;
}
.medio__content .medio__content--button .button__verArticulo:hover,
.medio__content .medio__content--button .button__descargarArticulo:hover {
background-color: rgb(206, 113.1778656126, 0);
text-decoration: none;
}
.medio__content .medio__content--button .button__verArticulo:focus,
.medio__content .medio__content--button .button__descargarArticulo:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(255, 141, 2, 0.7);
text-decoration: none;
}
.medio__content .btn-volver {
margin: 24px 0 48px 0;
}
.medio__content .btn-volver .volver-link {
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row nowrap;
}
.medio__content .btn-volver .volver-link .volver-link__img {
width: 48px;
height: auto;
object-fit: cover;
object-position: center;
margin-right: 8px;
}
.medio__content .btn-volver .volver-link .comeBack {
font-size: 1em;
color: #ff8d02;
padding: 0;
}
.medio__content .btn-volver .volver-link .comeBack:hover {
text-decoration: underline;
color: #ff8d02;
}

/* página éxito */
.success {
width: 100%;
height: 100vh;
padding: 80px 0 0 0;
background-color: #202731;
margin: -1px 0;
display: flex;
justify-content: center;
align-items: center;
}
.success .success__container {
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
padding: 24px 16px;
}
.success .success__container .success__container--h1 {
width: 100%;
height: auto;
font-size: 1.5em;
font-weight: bold;
color: #ff8d02;
text-align: center;
padding: 36px 16px;
text-transform: uppercase;
}
.success .success__container .success__container--brand {
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
padding: 0 0 12px 0;
}
.success .success__container .success__container--brand .brand--img {
width: 180px;
height: auto;
object-fit: cover;
object-position: center;
margin: 0 auto;
}
.success .success__container .success__container--p {
width: 100%;
height: auto;
font-size: 1.2em;
font-weight: normal;
color: #fff;
text-align: center;
line-height: 1.4em;
padding: 12px 16px;
}
.success .success__container--return {
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
padding: 24px 16px;
}
.success .success__container--return .return--button {
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row nowrap;
color: #fff;
font-size: 1.5em;
padding: 16px 24px;
background-color: #ff8d02;
}

@media (min-width: 321px) and (max-width: 375px) {
.header {
  width: 100%;
  height: auto;
}
.header .header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: auto;
  min-height: 80px;
  background-color: #202731;
}
.header .header__content .header__content--logo .logo-anchor .logo-anchor__img {
  width: 100%;
  height: auto;
  max-width: 200px;
  margin: 0 auto;
}
.header .header__content .header__content--menu {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header .header__content .header__content--menu .menu-toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 999;
}
.header .header__content .header__content--menu .menu-toggle span {
  display: block;
  height: 3px;
  width: 100%;
  background-color: #fff;
  transition: all 0.3s ease;
}
.header .header__content .header__content--menu .menu-toggle.open span:nth-child(1) {
  transform: rotate(45deg) translateY(11px);
}
.header .header__content .header__content--menu .menu-toggle.open span:nth-child(2) {
  opacity: 0;
}
.header .header__content .header__content--menu .menu-toggle.open span:nth-child(3) {
  transform: rotate(-45deg) translateY(-11px);
}
.header .mobile-menu {
  display: none;
  background: #202731;
  position: fixed;
  top: 10%;
  left: 0;
  width: 100%;
  height: 90vh;
  padding: 1rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 998;
  justify-content: flex-start;
  align-items: center;
}
.header .mobile-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header .mobile-menu ul li {
  padding: 12px 16px;
}
.header .mobile-menu ul li a {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  font-size: 1.8em;
}
.header .mobile-menu.open {
  display: flex;
}
.header .main-nav {
  display: none;
}

.hero {
  padding: 80px 0 0 0;
}
.hero .hero__carousel {
  height: 100vh;
}

.queHacemos::after {
  height: 45%;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card {
  padding: 8px 48px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question .card-question__p {
  font-size: 1.2em;
  padding: 0 72px;
}
.nosotros .nosotros__compromiso {
  padding: 24px 32px;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture {
  padding: 0 32px;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text {
  width: calc(100% - 96px);
  margin: 0 48px;
  padding: 24px 32px;
}
.nosotros .nosotros__educacion {
  width: calc(100% - 96px);
  margin: 0 48px;
  padding: 24px 32px;
}
.nosotros .nosotros__cards {
  padding: 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp {
  padding: 0 16px;
  margin: 12px 0 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon {
  margin: 0 0 -75px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon .wrapp__divIcon--svg {
  width: 150px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText {
  height: 320px;
  padding: 74px 16px 24px 16px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--title {
  font-size: 1.4em;
}
.linkedin {
  padding: 0 32px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card {
  max-width: 80%;
  margin: 0 auto;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content {
  padding: 12px 16px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap .titleWrap-h3 {
  font-size: 1em;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap {
  font-size: 1.2em;
}
.testimonios .testimonios__containerTitle .testimonios__containerTitle--h2 {
  padding: 36px 16px 24px 16px;
}
.testimonios .testimonios__carousel {
  padding: 0 16px;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio {
  padding: 24px 32x;
  background-color: #ff8d02;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--p {
  font-size: 1em;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--name {
  font-size: 1.1em;
}
}
/* iphone 12 */
@media (min-width: 376px) and (max-width: 390px) {
.header {
  width: 100%;
  height: auto;
}
.header .header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: auto;
  min-height: 84px;
  background-color: #202731;
}
.header .header__content .header__content--logo .logo-anchor .logo-anchor__img {
  width: 100%;
  height: auto;
  max-width: 200px;
  margin: 0 auto;
}
.header .header__content .header__content--menu {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header .header__content .header__content--menu .menu-toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 999;
}
.header .header__content .header__content--menu .menu-toggle span {
  display: block;
  height: 3px;
  width: 100%;
  background-color: #fff;
  transition: all 0.3s ease;
}
.header .header__content .header__content--menu .menu-toggle.open span:nth-child(1) {
  transform: rotate(45deg) translateY(11px);
}
.header .header__content .header__content--menu .menu-toggle.open span:nth-child(2) {
  opacity: 0;
}
.header .header__content .header__content--menu .menu-toggle.open span:nth-child(3) {
  transform: rotate(-45deg) translateY(-11px);
}
.header .mobile-menu {
  display: none;
  background: #202731;
  position: fixed;
  top: 10%;
  left: 0;
  width: 100%;
  height: 90vh;
  padding: 1rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 998;
  justify-content: flex-start;
  align-items: center;
}
.header .mobile-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header .mobile-menu ul li {
  padding: 12px 16px;
}
.header .mobile-menu ul li a {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  font-size: 1.8em;
}
.header .mobile-menu.open {
  display: flex;
}
.header .main-nav {
  display: none;
}

.hero {
  padding: 80px 0 0 0;
}
.hero .hero__carousel {
  height: 100vh;
}

.queHacemos::after {
  height: 45%;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card {
  padding: 8px 48px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question .card-question__p {
  font-size: 1.2em;
  padding: 0 72px;
}
.nosotros .nosotros__compromiso {
  padding: 24px 32px;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture {
  padding: 0 32px;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text {
  width: calc(100% - 96px);
  margin: 0 48px;
  padding: 24px 32px;
}
.nosotros .nosotros__educacion {
  width: calc(100% - 96px);
  margin: 0 48px;
  padding: 24px 32px;
}
.nosotros .nosotros__cards {
  padding: 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp {
  padding: 0 16px;
  margin: 12px 0 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon {
  margin: 0 0 -75px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon .wrapp__divIcon--svg {
  width: 150px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText {
  height: 320px;
  padding: 74px 16px 24px 16px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--title {
  font-size: 1.4em;
}
.linkedin {
  padding: 0 32px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card {
  max-width: 80%;
  margin: 0 auto;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content {
  padding: 12px 16px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap .titleWrap-h3 {
  font-size: 1em;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap {
  font-size: 1.2em;
}
.testimonios .testimonios__containerTitle .testimonios__containerTitle--h2 {
  padding: 36px 16px 24px 16px;
}
.testimonios .testimonios__carousel {
  padding: 0 16px;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio {
  padding: 24px 32x;
  background-color: #ff8d02;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--p {
  font-size: 1em;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--name {
  font-size: 1.1em;
}
}
/* iphone 14 */
@media (min-width: 391px) and (max-width: 430px) {
.header {
  width: 100%;
  height: auto;
}
.header .header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: auto;
  min-height: 84px;
  background-color: #202731;
}
.header .header__content .header__content--logo .logo-anchor .logo-anchor__img {
  width: 100%;
  height: auto;
  max-width: 200px;
  margin: 0 auto;
}
.header .header__content .header__content--menu {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header .header__content .header__content--menu .menu-toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 999;
}
.header .header__content .header__content--menu .menu-toggle span {
  display: block;
  height: 3px;
  width: 100%;
  background-color: #fff;
  transition: all 0.3s ease;
}
.header .header__content .header__content--menu .menu-toggle.open span:nth-child(1) {
  transform: rotate(45deg) translateY(11px);
}
.header .header__content .header__content--menu .menu-toggle.open span:nth-child(2) {
  opacity: 0;
}
.header .header__content .header__content--menu .menu-toggle.open span:nth-child(3) {
  transform: rotate(-45deg) translateY(-11px);
}
.header .mobile-menu {
  display: none;
  background: #202731;
  position: fixed;
  top: 10%;
  left: 0;
  width: 100%;
  height: 90vh;
  padding: 1rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 998;
  justify-content: flex-start;
  align-items: center;
}
.header .mobile-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header .mobile-menu ul li {
  padding: 12px 16px;
}
.header .mobile-menu ul li a {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  font-size: 2em;
}
.header .mobile-menu.open {
  display: flex;
}
.header .main-nav {
  display: none;
}

.hero {
  padding: 84px 0 0 0;
}
.hero .hero__carousel {
  height: 100vh;
}

.queHacemos::after {
  height: 45%;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card {
  padding: 8px 48px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question .card-question__p {
  font-size: 1.2em;
  padding: 0 72px;
}
.nosotros .nosotros__compromiso {
  padding: 24px 32px;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture {
  padding: 0 32px;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text {
  width: calc(100% - 96px);
  margin: 0 48px;
  padding: 24px 32px;
}
.nosotros .nosotros__educacion {
  width: calc(100% - 96px);
  margin: 0 48px;
  padding: 24px 32px;
}
.nosotros .nosotros__cards {
  padding: 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp {
  padding: 0 16px;
  margin: 12px 0 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon {
  margin: 0 0 -75px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon .wrapp__divIcon--svg {
  width: 150px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText {
  height: 320px;
  padding: 74px 16px 24px 16px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--title {
  font-size: 1.4em;
}
.linkedin {
  padding: 0 32px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card {
  max-width: 80%;
  margin: 0 auto;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content {
  padding: 12px 16px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap .titleWrap-h3 {
  font-size: 1em;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap {
  font-size: 1.2em;
}
.testimonios .testimonios__containerTitle .testimonios__containerTitle--h2 {
  padding: 36px 16px 24px 16px;
}
.testimonios .testimonios__carousel {
  padding: 0 16px;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio {
  padding: 24px 32x;
  background-color: #ff8d02;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--p {
  font-size: 1em;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--name {
  font-size: 1.1em;
}
}
/* dispositivos intermedios */
@media (min-width: 431px) and (max-width: 540px) {
.header {
  width: 100%;
  height: auto;
}
.header .header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: auto;
  min-height: 84px;
  background-color: #202731;
}
.header .header__content .header__content--logo .logo-anchor .logo-anchor__img {
  width: 100%;
  height: auto;
  max-width: 200px;
  margin: 0 auto;
}
.header .header__content .header__content--menu {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header .header__content .header__content--menu .menu-toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 999;
}
.header .header__content .header__content--menu .menu-toggle span {
  display: block;
  height: 3px;
  width: 100%;
  background-color: #fff;
  transition: all 0.3s ease;
}
.header .header__content .header__content--menu .menu-toggle.open span:nth-child(1) {
  transform: rotate(45deg) translateY(11px);
}
.header .header__content .header__content--menu .menu-toggle.open span:nth-child(2) {
  opacity: 0;
}
.header .header__content .header__content--menu .menu-toggle.open span:nth-child(3) {
  transform: rotate(-45deg) translateY(-11px);
}
.header .mobile-menu {
  display: none;
  background: #202731;
  position: fixed;
  top: 10%;
  left: 0;
  width: 100%;
  height: 90vh;
  padding: 1rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 998;
  justify-content: flex-start;
  align-items: center;
}
.header .mobile-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header .mobile-menu ul li {
  padding: 12px 16px;
}
.header .mobile-menu ul li a {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  font-size: 2.2em;
}
.header .mobile-menu.open {
  display: flex;
}
.header .main-nav {
  display: none;
}

.queHacemos::after {
  height: 45%;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--p {
  padding: 12px 48px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card {
  padding: 8px 16%;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question .card-question__p {
  font-size: 1.3em;
  padding: 0 18%;
}
.nosotros .nosotros__compromiso {
  padding: 24px 16%;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text {
  width: 80%;
  padding: 24px 48px; /* 
.text-p {
width: 100%;
height: auto;
font-size: 1em;
color: $maincolor;
text-align: justify;
@include justifyText;
line-height: 1.2em;
} */
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture {
  padding: 0 56px;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text {
  width: 68%;
  margin: 0 16%;
  padding: 36px 48px;
}
.nosotros .nosotros__educacion {
  width: 68%;
  margin: 0 16%;
  padding: 36px 48px;
}
.nosotros .nosotros__cards {
  padding: 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp {
  padding: 0 16%;
  margin: 12px 0 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon {
  margin: 0 0 -75px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon .wrapp__divIcon--svg {
  width: 150px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText {
  height: 320px;
  padding: 74px 16px 24px 16px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--title {
  font-size: 1.4em;
}
.linkedin {
  padding: 0 48px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card {
  max-width: 60%;
  margin: 0 auto;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content {
  padding: 12px 48px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap .titleWrap-h3 {
  font-size: 1em;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap {
  font-size: 1.2em;
}
.testimonios .testimonios__containerTitle .testimonios__containerTitle--h2 {
  padding: 36px 16px 24px 16px;
}
.testimonios .testimonios__carousel {
  padding: 0;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide {
  padding: 0 16%;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio {
  padding: 24px 32px;
  background-color: #ff8d02;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--p {
  font-size: 1em;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--name {
  font-size: 1.1em;
}
/* pagina single medios */
.medio .medio__containerTitle {
  padding: 24px 48px;
}
.medio .medio__containerTitle .medio__containerTitle--date {
  width: 100%;
  height: auto;
}
.medio .medio__containerTitle .medio__containerTitle--date .date-p {
  font-size: 1em;
  padding: 0 0 24px 0;
}
.medio .medio__containerTitle .medio__containerTitle--date .date-p .br {
  display: block;
}
.medio .medio__containerTitle .medio__containerTitle--title .title-h1 {
  font-size: 2em;
}
}
/* tablets mas pequeñas */
@media (min-width: 541px) and (max-width: 768px) {
.header {
  width: 100%;
  height: auto;
}
.header .header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: auto;
  min-height: 84px;
  background-color: #202731;
}
.header .header__content .header__content--logo {
  width: 25%;
}
.header .header__content .header__content--logo .logo-anchor .logo-anchor__img {
  width: 100%;
  height: auto;
  max-width: 140px;
  margin: 0 auto;
}
.header .header__content .main-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 75%;
  height: auto;
  background-color: #202731;
  padding: 0px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1000;
}
.header .header__content .main-nav .nav-list {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0px 16px;
}
.header .header__content .main-nav .nav-list .nav-item {
  list-style: none;
}
.header .header__content .main-nav .nav-list .nav-item a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding: 12px 7px;
  font-size: 0.8em;
}
.header .header__content .main-nav .nav-list .nav-item a:hover {
  color: #f4f5f8;
}
.header .header__content .main-nav .nav-list .nav-logo .custom-logo-link {
  display: block;
  width: 140px;
}
.header .header__content .main-nav .nav-list .nav-logo .custom-logo-link img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
/* home */
.queHacemos {
  width: 100%;
  height: auto;
  position: relative;
}
.queHacemos::after {
  content: "";
  display: block;
  width: 100%;
  height: 40%;
  background-color: #202731;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.queHacemos .queHacemos__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #202731;
  text-align: center;
  padding: 36px 48px 12px 48px;
  text-transform: uppercase;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--p {
  width: 100%;
  height: auto;
  font-size: 1em;
  font-weight: normal;
  color: #202731;
  text-align: center;
  line-height: 1.1em;
  padding: 12px 48px;
}
.queHacemos .queHacemos__containerContent {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto;
  width: 100%;
  height: auto;
  padding: 16px 48px 24px 48px;
  margin: 0;
  position: relative;
  z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1,
.queHacemos .queHacemos__containerContent .wrapp__modal2,
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
  width: 100%;
  height: auto;
  text-decoration: none;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  padding: 8px 0px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question .card-question__p {
  font-size: 1.1em;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 0 24px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture .card-picture__img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
  transition: background-color 0.3s ease;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture:hover::after {
  background-color: rgba(255, 141, 2, 0.7);
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 {
  grid-row: 1/2;
  grid-column: 1/2;
}
.queHacemos .queHacemos__containerContent .wrapp__modal2 {
  grid-row: 1/2;
  grid-column: 2/3;
}
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
  grid-row: 1/2;
  grid-column: 3/4;
}
.nosotros {
  width: 100%;
  height: auto;
  margin: -1px 0 0 0;
}
.nosotros .nosotros__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  background-color: #202731;
}
.nosotros .nosotros__containerTitle .nosotros__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  padding: 36px 16px 12px 16px;
  text-transform: uppercase;
}
.nosotros .nosotros__compromiso {
  /*  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap; */
  display: grid;
  grid-template-columns: 40% 60%;
  grid-template-rows: auto;
  width: 100%;
  margin: -1px auto 0 auto;
  padding: 24px 48px;
  height: auto;
  background-color: #202731;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 24px 48px;
  background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text .text-p {
  width: 100%;
  height: auto;
  font-size: 0.9em;
  color: #202731;
  text-align: justify;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.2em;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture {
  grid-row: 1/2;
  grid-column: 2/3;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0;
  background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture .picture-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.nosotros .nosotros__fundadora {
  /* display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap; */
  display: grid;
  grid-template-columns: 48px calc(52% - 48px) calc(48% - 48px) 48px;
  grid-template-rows: auto;
  align-items: flex-end;
  width: 100%;
  margin: -1px 0 0 0;
  height: auto;
  padding: 48px 0 0 0;
  position: relative;
}
.nosotros .nosotros__fundadora::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-color: #202731;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture {
  grid-row: 1/2;
  grid-column: 2/3;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 12px 0;
  margin: 0 0 -36px 0;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture .picture-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text {
  grid-row: 1/2;
  grid-column: 3/4;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  height: auto;
  margin: 0;
  padding: 24px 32px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-h3 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: left;
  line-height: 1em;
  padding: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-p {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #202731;
  text-align: justify;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.3em;
}
.nosotros .nosotros__educacion {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: calc(100% - 96px);
  margin: 0 48px;
  height: auto;
  padding: 56px 48px;
  background-color: #202731;
}
.nosotros .nosotros__educacion .educacion-h3 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  line-height: 1em;
  padding: 0 0 16px 0;
}
.nosotros .nosotros__educacion .educacion-lista {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  padding: 0 16px;
  list-style: none;
}
.nosotros .nosotros__educacion .educacion-lista__li {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #fff;
  text-align: left;
  line-height: 1.2em;
  padding: 5px 0;
}
.nosotros .nosotros__educacion .educacion-lista__li:before {
  content: "•";
  color: #fff;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.nosotros .nosotros__cards {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  padding: 24px 48px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  padding: 0 16px;
  margin: 12px 0 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 16px;
  margin: 0 0 -48px 0;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon .wrapp__divIcon--svg {
  width: 100px;
  height: auto;
  object-fit: cover;
  object-position: center;
  margin: 0 auto;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: column nowrap;
  width: 100%;
  height: 300px;
  padding: 48px 16px 24px 16px;
  background-color: #ff8d02;
  position: relative;
  z-index: 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--title {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  color: #fff;
  text-align: center;
  line-height: 1em;
  padding: 24px 16px 18px 16px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--p {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #fff;
  text-align: center;
  line-height: 1.3em;
  padding: 0 16px;
}
.linkedin {
  width: 100%;
  height: auto;
  padding: 0 48px;
}
.medios {
  width: 100%;
  height: auto;
  padding: 24px 48px;
  background-color: #202731;
}
.medios .medios__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
}
.medios .medios__containerTitle .medios__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  padding: 36px 28% 12px 28%;
  text-transform: uppercase;
}
.medios .medios__carousel .swiper-wrapper {
  width: 100%;
  height: auto;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 24px 16px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 240px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 24px 0;
  background-color: #202731;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture .slide__picture--img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content {
  background-color: #202731;
  padding: 12px 8px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap {
  text-decoration: none;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap .titleWrap-h3 {
  font-size: 1em;
  color: #fff;
  line-height: 1em;
  text-align: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap {
  display: block;
  width: auto;
  margin: 0 auto;
  text-decoration: none;
  font-size: 1em;
  color: #fff;
  line-height: 1.1em;
  text-align: center;
  transition: all 0.3s ease;
  padding: 12px 0 0 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap:hover {
  text-decoration: underline;
  color: #ff8d02;
}
.medios .medios__carousel .swiper-button-prev,
.medios .medios__carousel .swiper-button-next {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  bottom: 0;
  top: auto;
  z-index: 2;
}
.medios .medios__carousel .swiper-button-prev {
  background-image: url("assets/img/arrow-left-medios.svg");
  right: auto;
  left: 33%;
}
.medios .medios__carousel .swiper-button-next {
  background-image: url("assets/img/arrow-right-medios.svg");
  right: 33%;
  left: auto;
}
.medios .medios__carousel .swiper-pagination {
  position: relative;
  z-index: 1;
}
.medios .medios__carousel .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border: 1px solid white;
  background-color: transparent;
  border-radius: 50%;
  margin: 0 8px !important;
  opacity: 1;
  transition: all 0.3s ease;
  bottom: 0px;
  top: auto;
}
.medios .medios__carousel .swiper-pagination-bullet-active {
  background-color: white;
}
.testimonios {
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  margin: -1px 0 0 0;
}
.testimonios::after {
  content: "";
  display: block;
  width: 100%;
  height: 60%;
  background-color: #202731;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.testimonios .testimonios__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}
.testimonios .testimonios__containerTitle .testimonios__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 36px 16px 12px 16px;
  text-transform: uppercase;
}
.testimonios .testimonios__carousel {
  padding: 0 16px;
  position: relative;
  z-index: 1;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0.85);
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio {
  width: 100%;
  height: auto;
  min-height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  padding: 24px 16px;
  background-color: #ff8d02;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--p {
  width: 100%;
  height: auto;
  font-size: 0.9em;
  color: #fff;
  text-align: center;
  line-height: 1.1em;
  padding: 0 16px;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--name {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #fff;
  text-align: center;
  line-height: 1.1em;
  padding: 12px 16px 0 16px;
  font-weight: bold;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide-active {
  transform: scale(1);
}
.testimonios .testimonios__carousel .swiper-button-prev,
.testimonios .testimonios__carousel .swiper-button-next {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
}
.testimonios .testimonios__carousel .swiper-button-prev {
  background-image: url("assets/img/left-arrow.svg");
  right: auto;
  left: 33%;
}
.testimonios .testimonios__carousel .swiper-button-next {
  background-image: url("assets/img/right-arrow.svg");
  right: 33%;
  left: auto;
}
/* pagina single medios */
.medio {
  padding: 106px 0 0 0;
}
.medio .medio__containerTitle {
  padding: 24px 56px;
}
.medio .medio__containerTitle .medio__containerTitle--date .date-p {
  font-size: 1em;
  padding: 0 0 24px 0;
}
.medio .medio__containerTitle .medio__containerTitle--title .title-h1 {
  font-size: 2em;
  line-height: 1.4em;
}
.medio__content {
  padding: 48px 56px;
  column-count: 2;
  column-gap: 48px;
}
.medio__content .medio__content--getInformation {
  padding: 0;
}
.medio__content .medio__content--getInformation .getInformation-p {
  padding: 0 0 24px 0;
  font-size: 1.1em;
  line-height: 1.5em;
}
.medio__content .medio__content--button .button__verArticulo,
.medio__content .medio__content--button .button__descargarArticulo {
  padding: 16px 32px;
  font-size: 1.2em;
}
.medio__content .btn-volver {
  margin: 24px 0;
}
.medio__content .btn-volver .volver-link .volver-link__img {
  width: 74px;
  margin-right: 16px;
}
.medio__content .btn-volver .volver-link .comeBack {
  font-size: 1.3em;
}
}
/* tablets y ipads */
@media (min-width: 769px) and (max-width: 1140px) and (orientation: portrait) {
/* modales */
#modalQueHacemos1 .modal-dialog .modal-content,
#modalQueHacemos2 .modal-dialog .modal-content,
#modalQueHacemos3 .modal-dialog .modal-content {
  padding: 36px 48px;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__h3,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__h3,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__h3 {
  color: #fff;
  font-size: 1.6em;
  padding: 14px 0;
}
.header {
  width: 100%;
  height: auto;
}
.header .header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 56px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: auto;
  min-height: 84px;
  background-color: #202731;
}
.header .header__content .header__content--logo {
  width: 25%;
}
.header .header__content .header__content--logo .logo-anchor .logo-anchor__img {
  width: 100%;
  height: auto;
  max-width: 140px;
  margin: 0 auto;
}
.header .header__content .main-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 75%;
  height: auto;
  background-color: #202731;
  padding: 0px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1000;
}
.header .header__content .main-nav .nav-list {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0px 16px;
}
.header .header__content .main-nav .nav-list .nav-item {
  list-style: none;
}
.header .header__content .main-nav .nav-list .nav-item a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding: 12px 7px;
  font-size: 1em;
}
.header .header__content .main-nav .nav-list .nav-item a:hover {
  color: #f4f5f8;
}
.header .header__content .main-nav .nav-list .nav-logo .custom-logo-link {
  display: block;
  width: 140px;
}
.header .header__content .main-nav .nav-list .nav-logo .custom-logo-link img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.queHacemos {
  width: 100%;
  height: auto;
  position: relative;
}
.queHacemos::after {
  content: "";
  display: block;
  width: 100%;
  height: 40%;
  background-color: #202731;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.queHacemos .queHacemos__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #202731;
  text-align: center;
  padding: 36px 48px 12px 48px;
  text-transform: uppercase;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--p {
  width: 100%;
  height: auto;
  font-size: 1em;
  font-weight: normal;
  color: #202731;
  text-align: center;
  line-height: 1.1em;
  padding: 12px 48px;
}
.queHacemos .queHacemos__containerContent {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto;
  width: 100%;
  height: auto;
  padding: 16px 48px 24px 48px;
  margin: 0;
  position: relative;
  z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1,
.queHacemos .queHacemos__containerContent .wrapp__modal2,
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
  width: 100%;
  height: auto;
  text-decoration: none;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  padding: 8px 0px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question .card-question__p {
  font-size: 1.2em;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 0 36px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture .card-picture__img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
  transition: background-color 0.3s ease;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture:hover::after {
  background-color: rgba(255, 141, 2, 0.7);
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 {
  grid-row: 1/2;
  grid-column: 1/2;
}
.queHacemos .queHacemos__containerContent .wrapp__modal2 {
  grid-row: 1/2;
  grid-column: 2/3;
}
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
  grid-row: 1/2;
  grid-column: 3/4;
}
.nosotros {
  width: 100%;
  height: auto;
  margin: -1px 0 0 0;
}
.nosotros .nosotros__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  background-color: #202731;
}
.nosotros .nosotros__containerTitle .nosotros__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  padding: 36px 16px 12px 16px;
  text-transform: uppercase;
}
.nosotros .nosotros__compromiso {
  /*  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap; */
  display: grid;
  grid-template-columns: 40% 60%;
  grid-template-rows: auto;
  width: 100%;
  margin: -1px auto 0 auto;
  padding: 24px 48px;
  height: auto;
  background-color: #202731;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 56px 48px;
  background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text .text-p {
  width: 100%;
  height: auto;
  font-size: 0.9em;
  color: #202731;
  text-align: justify;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.2em;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture {
  grid-row: 1/2;
  grid-column: 2/3;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0;
  background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture .picture-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.nosotros .nosotros__fundadora {
  /* display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap; */
  display: grid;
  grid-template-columns: 48px calc(40% - 48px) calc(60% - 48px) 48px;
  grid-template-rows: auto;
  align-items: flex-end;
  width: 100%;
  margin: -1px 0 0 0;
  height: auto;
  padding: 48px 0 0 0;
  position: relative;
}
.nosotros .nosotros__fundadora::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-color: #202731;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture {
  grid-row: 1/2;
  grid-column: 2/3;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  margin: 0 0 -48px 0;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture .picture-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text {
  grid-row: 1/2;
  grid-column: 3/4;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  height: auto;
  margin: 0;
  padding: 56px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-h3 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: left;
  line-height: 1em;
  padding: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-p {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #202731;
  text-align: justify;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.4em;
}
.nosotros .nosotros__educacion {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: calc(100% - 96px);
  margin: 0 48px;
  height: auto;
  padding: 56px 48px;
  background-color: #202731;
}
.nosotros .nosotros__educacion .educacion-h3 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  line-height: 1em;
  padding: 0 0 16px 0;
}
.nosotros .nosotros__educacion .educacion-lista {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  padding: 0 16px;
  list-style: none;
}
.nosotros .nosotros__educacion .educacion-lista__li {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #fff;
  text-align: left;
  line-height: 1.2em;
  padding: 5px 0;
}
.nosotros .nosotros__educacion .educacion-lista__li:before {
  content: "•";
  color: #fff;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.nosotros .nosotros__cards {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  padding: 24px 13%;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  padding: 0 16px;
  margin: 12px 0 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 16px;
  margin: 0 0 -74px 0;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon .wrapp__divIcon--svg {
  width: 140px;
  height: auto;
  object-fit: cover;
  object-position: center;
  margin: 0 auto;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: column nowrap;
  width: 100%;
  height: 300px;
  padding: 48px 16px 24px 16px;
  background-color: #ff8d02;
  position: relative;
  z-index: 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--title {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  color: #fff;
  text-align: center;
  line-height: 1em;
  padding: 48px 12px 18px 12px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--p {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #fff;
  text-align: center;
  line-height: 1.3em;
  padding: 0 12px;
}
.linkedin {
  width: 100%;
  height: auto;
  padding: 0 48px;
}
.linkedin .main-title {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #202731;
  text-align: center;
  padding: 36px 16px 12px 16px;
  text-transform: uppercase;
}
.medios {
  width: 100%;
  height: auto;
  padding: 24px 48px;
  background-color: #202731;
}
.medios .medios__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
}
.medios .medios__containerTitle .medios__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  padding: 36px 28% 12px 28%;
  text-transform: uppercase;
}
.medios .medios__containerTitle .medios__containerTitle--h2 .br {
  display: block;
}
.medios .medios__carousel .swiper-wrapper {
  width: 100%;
  height: auto;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 24px 16px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 240px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 24px 0;
  background-color: #202731;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture .slide__picture--img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content {
  background-color: #202731;
  padding: 12px 8px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap {
  text-decoration: none;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap .titleWrap-h3 {
  font-size: 1em;
  color: #fff;
  line-height: 1em;
  text-align: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap {
  display: block;
  width: auto;
  margin: 0 auto;
  text-decoration: none;
  font-size: 1em;
  color: #fff;
  line-height: 1.1em;
  text-align: center;
  transition: all 0.3s ease;
  padding: 12px 0 0 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap:hover {
  text-decoration: underline;
  color: #ff8d02;
}
.medios .medios__carousel .swiper-button-prev,
.medios .medios__carousel .swiper-button-next {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  bottom: 0;
  top: auto;
  z-index: 2;
}
.medios .medios__carousel .swiper-button-prev {
  background-image: url("assets/img/arrow-left-medios.svg");
  right: auto;
  left: 33%;
}
.medios .medios__carousel .swiper-button-next {
  background-image: url("assets/img/arrow-right-medios.svg");
  right: 33%;
  left: auto;
}
.medios .medios__carousel .swiper-pagination {
  position: relative;
  z-index: 1;
}
.medios .medios__carousel .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border: 1px solid white;
  background-color: transparent;
  border-radius: 50%;
  margin: 0 8px !important;
  opacity: 1;
  transition: all 0.3s ease;
  bottom: 0px;
  top: auto;
}
.medios .medios__carousel .swiper-pagination-bullet-active {
  background-color: white;
}
.testimonios {
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  margin: -1px 0 0 0;
}
.testimonios::after {
  content: "";
  display: block;
  width: 100%;
  height: 60%;
  background-color: #202731;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.testimonios .testimonios__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}
.testimonios .testimonios__containerTitle .testimonios__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 36px 16px 12px 16px;
  text-transform: uppercase;
}
.testimonios .testimonios__carousel {
  padding: 0 16px;
  position: relative;
  z-index: 1;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0.85);
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio {
  width: 100%;
  height: auto;
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  padding: 24px 16px;
  background-color: #ff8d02;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--p {
  width: 100%;
  height: auto;
  font-size: 0.9em;
  color: #fff;
  text-align: center;
  line-height: 1.1em;
  padding: 0 16px;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--name {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #fff;
  text-align: center;
  line-height: 1.1em;
  padding: 12px 16px 0 16px;
  font-weight: bold;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide-active {
  transform: scale(1);
}
.testimonios .testimonios__carousel .swiper-button-prev,
.testimonios .testimonios__carousel .swiper-button-next {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
}
.testimonios .testimonios__carousel .swiper-button-prev {
  background-image: url("assets/img/left-arrow.svg");
  right: auto;
  left: 33%;
}
.testimonios .testimonios__carousel .swiper-button-next {
  background-image: url("assets/img/right-arrow.svg");
  right: 33%;
  left: auto;
}

/* pagina single medios */
.medio {
  padding: 106px 0 0 0;
}
.medio .medio__containerTitle {
  padding: 24px 56px;
}
.medio .medio__containerTitle .medio__containerTitle--date .date-p {
  font-size: 1em;
  padding: 0 0 24px 0;
}
.medio .medio__containerTitle .medio__containerTitle--title .title-h1 {
  font-size: 2em;
  line-height: 1.4em;
}
.medio__content {
  padding: 48px 56px;
  column-count: 2;
  column-gap: 48px;
}
.medio__content .medio__content--getInformation {
  padding: 0;
}
.medio__content .medio__content--getInformation .getInformation-p {
  padding: 0 0 24px 0;
  font-size: 1.1em;
  line-height: 1.5em;
}
.medio__content .medio__content--button .button__verArticulo,
.medio__content .medio__content--button .button__descargarArticulo {
  padding: 16px 32px;
  font-size: 1.2em;
}
.medio__content .btn-volver {
  margin: 24px 0;
}
.medio__content .btn-volver .volver-link .volver-link__img {
  width: 74px;
  margin-right: 16px;
}
.medio__content .btn-volver .volver-link .comeBack {
  font-size: 1.3em;
}
/* página éxito */
.success .success__container {
  padding: 24px 16px;
}
.success .success__container .success__container--h1 {
  font-size: 3.5em;
  padding: 36px 24%;
}
.success .success__container .success__container--brand {
  padding: 48px 0;
}
.success .success__container .success__container--brand .brand--img {
  width: 380px;
}
.success .success__container .success__container--p {
  font-size: 1.5em;
  padding: 12px 16px;
}
.success .success__container--return {
  padding: 24px 16px;
}
.success .success__container--return .return--button {
  font-size: 1.8em;
  padding: 24px 32px;
}
}
/* pantallas pequeñas de esritorio */
@media (min-width: 769px) and (max-width: 1140px) and (orientation: landscape) {
#modalQueHacemos1 .modal-dialog .modal-content,
#modalQueHacemos2 .modal-dialog .modal-content,
#modalQueHacemos3 .modal-dialog .modal-content {
  padding: 36px 48px;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__h3,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__h3,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__h3 {
  color: #fff;
  font-size: 1.6em;
  padding: 14px 0;
}
.header {
  width: 100%;
  height: auto;
}
.header .header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 56px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: auto;
  min-height: 84px;
  background-color: #202731;
}
.header .header__content .header__content--logo {
  width: 25%;
}
.header .header__content .header__content--logo .logo-anchor .logo-anchor__img {
  width: 100%;
  height: auto;
  max-width: 140px;
  margin: 0 auto;
}
.header .header__content .main-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 75%;
  height: auto;
  background-color: #202731;
  padding: 0px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1000;
}
.header .header__content .main-nav .nav-list {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0px 16px;
}
.header .header__content .main-nav .nav-list .nav-item {
  list-style: none;
}
.header .header__content .main-nav .nav-list .nav-item a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding: 12px 7px;
  font-size: 1em;
}
.header .header__content .main-nav .nav-list .nav-item a:hover {
  color: #f4f5f8;
}
.header .header__content .main-nav .nav-list .nav-logo .custom-logo-link {
  display: block;
  width: 140px;
}
.header .header__content .main-nav .nav-list .nav-logo .custom-logo-link img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.queHacemos {
  width: 100%;
  height: auto;
  position: relative;
}
.queHacemos::after {
  content: "";
  display: block;
  width: 100%;
  height: 40%;
  background-color: #202731;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.queHacemos .queHacemos__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #202731;
  text-align: center;
  padding: 36px 48px 12px 48px;
  text-transform: uppercase;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--p {
  width: 100%;
  height: auto;
  font-size: 1em;
  font-weight: normal;
  color: #202731;
  text-align: center;
  line-height: 1.1em;
  padding: 12px 48px;
}
.queHacemos .queHacemos__containerContent {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto;
  width: 100%;
  height: auto;
  padding: 16px 48px 24px 48px;
  margin: 0;
  position: relative;
  z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1,
.queHacemos .queHacemos__containerContent .wrapp__modal2,
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
  width: 100%;
  height: auto;
  text-decoration: none;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  padding: 8px 0px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question .card-question__p {
  font-size: 1.2em;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 0 36px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture .card-picture__img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
  transition: background-color 0.3s ease;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture:hover::after {
  background-color: rgba(255, 141, 2, 0.7);
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 {
  grid-row: 1/2;
  grid-column: 1/2;
}
.queHacemos .queHacemos__containerContent .wrapp__modal2 {
  grid-row: 1/2;
  grid-column: 2/3;
}
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
  grid-row: 1/2;
  grid-column: 3/4;
}
.nosotros {
  width: 100%;
  height: auto;
  margin: -1px 0 0 0;
}
.nosotros .nosotros__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  background-color: #202731;
}
.nosotros .nosotros__containerTitle .nosotros__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  padding: 36px 16px 12px 16px;
  text-transform: uppercase;
}
.nosotros .nosotros__compromiso {
  /*  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap; */
  display: grid;
  grid-template-columns: 40% 60%;
  grid-template-rows: auto;
  width: 100%;
  margin: -1px auto 0 auto;
  padding: 24px 48px;
  height: auto;
  background-color: #202731;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 56px 48px;
  background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text .text-p {
  width: 100%;
  height: auto;
  font-size: 0.9em;
  color: #202731;
  text-align: justify;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.2em;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture {
  grid-row: 1/2;
  grid-column: 2/3;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0;
  background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture .picture-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.nosotros .nosotros__fundadora {
  /* display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap; */
  display: grid;
  grid-template-columns: 48px calc(40% - 48px) calc(60% - 48px) 48px;
  grid-template-rows: auto;
  align-items: flex-end;
  width: 100%;
  margin: -1px 0 0 0;
  height: auto;
  padding: 48px 0 0 0;
  position: relative;
}
.nosotros .nosotros__fundadora::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-color: #202731;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture {
  grid-row: 1/2;
  grid-column: 2/3;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  margin: 0 0 -48px 0;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture .picture-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text {
  grid-row: 1/2;
  grid-column: 3/4;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  height: auto;
  margin: 0;
  padding: 56px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-h3 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: left;
  line-height: 1em;
  padding: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-p {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #202731;
  text-align: justify;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.4em;
}
.nosotros .nosotros__educacion {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: calc(100% - 96px);
  margin: 0 48px;
  height: auto;
  padding: 56px 48px;
  background-color: #202731;
}
.nosotros .nosotros__educacion .educacion-h3 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  line-height: 1em;
  padding: 0 0 16px 0;
}
.nosotros .nosotros__educacion .educacion-lista {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  padding: 0 16px;
  list-style: none;
}
.nosotros .nosotros__educacion .educacion-lista__li {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #fff;
  text-align: left;
  line-height: 1.2em;
  padding: 5px 0;
}
.nosotros .nosotros__educacion .educacion-lista__li:before {
  content: "•";
  color: #fff;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.nosotros .nosotros__cards {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  padding: 24px 13%;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  padding: 0 16px;
  margin: 12px 0 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 16px;
  margin: 0 0 -74px 0;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon .wrapp__divIcon--svg {
  width: 140px;
  height: auto;
  object-fit: cover;
  object-position: center;
  margin: 0 auto;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: column nowrap;
  width: 100%;
  height: 300px;
  padding: 48px 16px 24px 16px;
  background-color: #ff8d02;
  position: relative;
  z-index: 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--title {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  color: #fff;
  text-align: center;
  line-height: 1em;
  padding: 48px 12px 18px 12px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--p {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #fff;
  text-align: center;
  line-height: 1.3em;
  padding: 0 12px;
}
.linkedin {
  width: 100%;
  height: auto;
  padding: 0 48px;
}
.linkedin .main-title {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #202731;
  text-align: center;
  padding: 36px 16px 12px 16px;
  text-transform: uppercase;
}
.medios {
  width: 100%;
  height: auto;
  padding: 24px 48px;
  background-color: #202731;
}
.medios .medios__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
}
.medios .medios__containerTitle .medios__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  padding: 36px 28% 12px 28%;
  text-transform: uppercase;
}
.medios .medios__containerTitle .medios__containerTitle--h2 .br {
  display: block;
}
.medios .medios__carousel .swiper-wrapper {
  width: 100%;
  height: auto;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 24px 16px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 240px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 24px 0;
  background-color: #202731;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture .slide__picture--img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content {
  background-color: #202731;
  padding: 12px 8px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap {
  text-decoration: none;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap .titleWrap-h3 {
  font-size: 1em;
  color: #fff;
  line-height: 1em;
  text-align: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap {
  display: block;
  width: auto;
  margin: 0 auto;
  text-decoration: none;
  font-size: 1em;
  color: #fff;
  line-height: 1.1em;
  text-align: center;
  transition: all 0.3s ease;
  padding: 12px 0 0 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap:hover {
  text-decoration: underline;
  color: #ff8d02;
}
.medios .medios__carousel .swiper-button-prev,
.medios .medios__carousel .swiper-button-next {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  bottom: 0;
  top: auto;
  z-index: 2;
}
.medios .medios__carousel .swiper-button-prev {
  background-image: url("assets/img/arrow-left-medios.svg");
}
.medios .medios__carousel .swiper-button-next {
  background-image: url("assets/img/arrow-right-medios.svg");
}
.medios .medios__carousel .swiper-pagination {
  position: relative;
  z-index: 1;
}
.medios .medios__carousel .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border: 1px solid white;
  background-color: transparent;
  border-radius: 50%;
  margin: 0 8px !important;
  opacity: 1;
  transition: all 0.3s ease;
  bottom: 0px;
  top: auto;
}
.medios .medios__carousel .swiper-pagination-bullet-active {
  background-color: white;
}
.testimonios {
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  margin: -1px 0 0 0;
}
.testimonios::after {
  content: "";
  display: block;
  width: 100%;
  height: 60%;
  background-color: #202731;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.testimonios .testimonios__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}
.testimonios .testimonios__containerTitle .testimonios__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 36px 16px 12px 16px;
  text-transform: uppercase;
}
.testimonios .testimonios__carousel {
  padding: 0 16px;
  position: relative;
  z-index: 1;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0.7);
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio {
  width: 100%;
  height: auto;
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  padding: 24px 16px;
  background-color: #ff8d02;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--p {
  width: 100%;
  height: auto;
  font-size: 0.9em;
  color: #fff;
  text-align: center;
  line-height: 1.1em;
  padding: 0 16px;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--name {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #fff;
  text-align: center;
  line-height: 1.1em;
  padding: 12px 16px 0 16px;
  font-weight: bold;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide-active {
  transform: scale(1);
}
.testimonios .testimonios__carousel .swiper-button-prev,
.testimonios .testimonios__carousel .swiper-button-next {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
}
.testimonios .testimonios__carousel .swiper-button-prev {
  background-image: url("assets/img/left-arrow.svg");
}
.testimonios .testimonios__carousel .swiper-button-next {
  background-image: url("assets/img/right-arrow.svg");
}
/* pagina single medios */
.medio {
  padding: 106px 0 0 0;
}
.medio .medio__containerTitle {
  padding: 24px 56px;
}
.medio .medio__containerTitle .medio__containerTitle--date .date-p {
  font-size: 1em;
  padding: 0 0 24px 0;
}
.medio .medio__containerTitle .medio__containerTitle--title .title-h1 {
  font-size: 2em;
  line-height: 1.4em;
}
.medio__content {
  padding: 48px 56px;
  column-count: 2;
  column-gap: 48px;
}
.medio__content .medio__content--getInformation {
  padding: 0;
}
.medio__content .medio__content--getInformation .getInformation-p {
  padding: 0 0 24px 0;
  font-size: 1.1em;
  line-height: 1.5em;
}
.medio__content .medio__content--button .button__verArticulo,
.medio__content .medio__content--button .button__descargarArticulo {
  padding: 16px 32px;
  font-size: 1.2em;
}
.medio__content .btn-volver {
  margin: 24px 0;
}
.medio__content .btn-volver .volver-link .volver-link__img {
  width: 74px;
  margin-right: 16px;
}
.medio__content .btn-volver .volver-link .comeBack {
  font-size: 1.3em;
}
/* página éxito */
.success .success__container {
  padding: 24px 16px;
}
.success .success__container .success__container--h1 {
  font-size: 2.5em;
  padding: 36px 24%;
}
.success .success__container .success__container--brand {
  padding: 48px 0;
}
.success .success__container .success__container--brand .brand--img {
  width: 380px;
}
.success .success__container .success__container--p {
  font-size: 1.5em;
  padding: 12px 16px;
}
.success .success__container--return {
  padding: 24px 16px;
}
.success .success__container--return .return--button {
  font-size: 1.8em;
  padding: 16px 32px;
}
}
/* pantallas de notebooks y similares */
@media (min-width: 1141px) and (max-width: 1440px) {
#modalQueHacemos1 .modal-dialog,
#modalQueHacemos2 .modal-dialog,
#modalQueHacemos3 .modal-dialog {
  min-width: 60%;
}
#modalQueHacemos1 .modal-dialog .modal-content,
#modalQueHacemos2 .modal-dialog .modal-content,
#modalQueHacemos3 .modal-dialog .modal-content {
  padding: 48px 56px;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__h3,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__h3,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__h3 {
  color: #fff;
  font-size: 1.6em;
  line-height: 1.4em;
  padding: 14px 0;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__p,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__p,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__p {
  font-size: 1.3em;
  line-height: 1.4em;
  padding: 0 0 24px 0;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__list,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__list,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__list {
  padding: 0 0 0 16px;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__list .body__list--li,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__list .body__list--li,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__list .body__list--li {
  font-size: 1.2em;
  line-height: 1.4em;
  padding: 7px 0;
}
.header {
  width: 100%;
  height: auto;
}
.header .header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 7%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: auto;
  min-height: 84px;
  background-color: #202731;
}
.header .header__content .header__content--logo {
  width: 25%;
}
.header .header__content .header__content--logo .logo-anchor .logo-anchor__img {
  width: 100%;
  height: auto;
  max-width: 140px;
  margin: 0 auto;
}
.header .header__content .main-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 75%;
  height: auto;
  background-color: #202731;
  padding: 0px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1000;
}
.header .header__content .main-nav .nav-list {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0px 16px;
}
.header .header__content .main-nav .nav-list .nav-item {
  list-style: none;
}
.header .header__content .main-nav .nav-list .nav-item a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding: 12px 16px;
  font-size: 1.2em;
}
.header .header__content .main-nav .nav-list .nav-item a:hover {
  color: #f4f5f8;
}
.header .header__content .main-nav .nav-list .nav-logo .custom-logo-link {
  display: block;
  width: 140px;
}
.header .header__content .main-nav .nav-list .nav-logo .custom-logo-link img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.queHacemos {
  width: 100%;
  height: auto;
  position: relative;
}
.queHacemos::after {
  content: "";
  display: block;
  width: 100%;
  height: 40%;
  background-color: #202731;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.queHacemos .queHacemos__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #202731;
  text-align: center;
  padding: 36px 48px 12px 48px;
  text-transform: uppercase;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--p {
  width: 100%;
  height: auto;
  font-size: 1em;
  font-weight: normal;
  color: #202731;
  text-align: center;
  line-height: 1.1em;
  padding: 12px 48px;
}
.queHacemos .queHacemos__containerContent {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto;
  width: 100%;
  height: auto;
  padding: 16px 15% 24px 15%;
  margin: 0;
  position: relative;
  z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1,
.queHacemos .queHacemos__containerContent .wrapp__modal2,
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
  width: 100%;
  height: auto;
  text-decoration: none;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  padding: 8px 0px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question .card-question__p {
  font-size: 1.3em;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 0 36px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture .card-picture__img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
  transition: background-color 0.3s ease;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture:hover::after {
  background-color: rgba(255, 141, 2, 0.7);
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 {
  grid-row: 1/2;
  grid-column: 1/2;
}
.queHacemos .queHacemos__containerContent .wrapp__modal2 {
  grid-row: 1/2;
  grid-column: 2/3;
}
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
  grid-row: 1/2;
  grid-column: 3/4;
}
.nosotros {
  width: 100%;
  height: auto;
  margin: -1px 0 0 0;
}
.nosotros .nosotros__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  background-color: #202731;
}
.nosotros .nosotros__containerTitle .nosotros__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  padding: 36px 16px 12px 16px;
  text-transform: uppercase;
}
.nosotros .nosotros__compromiso {
  /*  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap; */
  display: grid;
  grid-template-columns: 40% 60%;
  grid-template-rows: auto;
  width: 100%;
  margin: -1px auto 0 auto;
  padding: 24px 15%;
  height: auto;
  background-color: #202731;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 56px 48px;
  background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text .text-p {
  width: 100%;
  height: auto;
  font-size: 0.9em;
  color: #202731;
  text-align: justify;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.2em;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture {
  grid-row: 1/2;
  grid-column: 2/3;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0;
  background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture .picture-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.nosotros .nosotros__fundadora {
  /* display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap; */
  display: grid;
  grid-template-columns: 15% 25% 45% 15%;
  grid-template-rows: auto;
  align-items: flex-end;
  width: 100%;
  margin: -1px 0 0 0;
  height: auto;
  padding: 48px 0 0 0;
  position: relative;
}
.nosotros .nosotros__fundadora::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-color: #202731;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture {
  grid-row: 1/2;
  grid-column: 2/3;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  margin: 0 0 -48px 0;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture .picture-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text {
  grid-row: 1/2;
  grid-column: 3/4;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  height: auto;
  margin: 0;
  padding: 56px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-h3 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: left;
  line-height: 1em;
  padding: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-p {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #202731;
  text-align: justify;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.4em;
}
.nosotros .nosotros__educacion {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 70%;
  margin: 0 15%;
  height: auto;
  padding: 56px 48px;
  background-color: #202731;
}
.nosotros .nosotros__educacion .educacion-h3 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  line-height: 1em;
  padding: 0 0 16px 0;
}
.nosotros .nosotros__educacion .educacion-lista {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  padding: 0 16px;
  list-style: none;
}
.nosotros .nosotros__educacion .educacion-lista__li {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #fff;
  text-align: left;
  line-height: 1.2em;
  padding: 5px 0;
}
.nosotros .nosotros__educacion .educacion-lista__li:before {
  content: "•";
  color: #fff;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.nosotros .nosotros__cards {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  padding: 24px 19%;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  padding: 0 36px;
  margin: 12px 0 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 16px;
  margin: 0 0 -74px 0;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon .wrapp__divIcon--svg {
  width: 140px;
  height: auto;
  object-fit: cover;
  object-position: center;
  margin: 0 auto;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: column nowrap;
  width: 100%;
  height: 300px;
  padding: 48px 16px 24px 16px;
  background-color: #ff8d02;
  position: relative;
  z-index: 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--title {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  color: #fff;
  text-align: center;
  line-height: 1em;
  padding: 48px 12px 18px 12px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--p {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #fff;
  text-align: center;
  line-height: 1.3em;
  padding: 0 12px;
}
.linkedin {
  width: 100%;
  height: auto;
  padding: 0 15%;
}
.linkedin .main-title {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #202731;
  text-align: center;
  padding: 36px 16px 12px 16px;
  text-transform: uppercase;
}
.medios {
  width: 100%;
  height: auto;
  padding: 24px 15%;
  background-color: #202731;
}
.medios .medios__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
}
.medios .medios__containerTitle .medios__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  padding: 36px 28% 12px 28%;
  text-transform: uppercase;
}
.medios .medios__containerTitle .medios__containerTitle--h2 .br {
  display: block;
}
.medios .medios__carousel .swiper-wrapper {
  width: 100%;
  height: auto;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 24px 8px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 280px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 0 24px 0;
  background-color: #202731;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture .slide__picture--img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content {
  background-color: #202731;
  padding: 12px 8px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap {
  text-decoration: none;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap .titleWrap-h3 {
  font-size: 1em;
  color: #fff;
  line-height: 1em;
  text-align: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap {
  display: block;
  width: auto;
  margin: 0 auto;
  text-decoration: none;
  font-size: 1em;
  color: #fff;
  line-height: 1.1em;
  text-align: center;
  transition: all 0.3s ease;
  padding: 12px 0 0 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap:hover {
  text-decoration: underline;
  color: #ff8d02;
}
.medios .medios__carousel .swiper-button-prev,
.medios .medios__carousel .swiper-button-next {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  bottom: 0;
  top: auto;
  z-index: 2;
}
.medios .medios__carousel .swiper-button-prev {
  background-image: url("assets/img/arrow-left-medios.svg");
}
.medios .medios__carousel .swiper-button-next {
  background-image: url("assets/img/arrow-right-medios.svg");
}
.medios .medios__carousel .swiper-pagination {
  position: relative;
  z-index: 1;
}
.medios .medios__carousel .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border: 1px solid white;
  background-color: transparent;
  border-radius: 50%;
  margin: 0 8px !important;
  opacity: 1;
  transition: all 0.3s ease;
  bottom: 0px;
  top: auto;
}
.medios .medios__carousel .swiper-pagination-bullet-active {
  background-color: white;
}
.testimonios {
  width: 100%;
  height: auto;
  padding: 0 7%;
  position: relative;
  margin: -1px 0 0 0;
}
.testimonios::after {
  content: "";
  display: block;
  width: 100%;
  height: 60%;
  background-color: #202731;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.testimonios .testimonios__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}
.testimonios .testimonios__containerTitle .testimonios__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 1.5em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 36px 16px 12px 16px;
  text-transform: uppercase;
}
.testimonios .testimonios__carousel {
  padding: 0 16px;
  position: relative;
  z-index: 1;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0.7);
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio {
  width: 100%;
  height: auto;
  min-height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  padding: 48px 24px;
  background-color: #ff8d02;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--p {
  width: 100%;
  height: auto;
  font-size: 0.9em;
  color: #fff;
  text-align: left;
  line-height: 1em;
  padding: 0;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--name {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #fff;
  text-align: left;
  line-height: 1.1em;
  padding: 12px 0 0 0;
  font-weight: bold;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide-active {
  transform: scale(1);
}
.testimonios .testimonios__carousel .swiper-button-prev,
.testimonios .testimonios__carousel .swiper-button-next {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
}
.testimonios .testimonios__carousel .swiper-button-prev {
  background-image: url("assets/img/left-arrow.svg");
}
.testimonios .testimonios__carousel .swiper-button-next {
  background-image: url("assets/img/right-arrow.svg");
}
/* pagina single medios */
.medio {
  padding: 106px 0 0 0;
}
.medio .medio__containerTitle {
  padding: 24px 15%;
}
.medio .medio__containerTitle .medio__containerTitle--date .date-p {
  font-size: 1.3em;
  padding: 0 0 24px 0;
}
.medio .medio__containerTitle .medio__containerTitle--title .title-h1 {
  font-size: 3em;
  line-height: 1.4em;
}
.medio__content {
  padding: 48px 15%;
  column-count: 2;
  column-gap: 48px;
}
.medio__content .medio__content--getInformation {
  padding: 0;
}
.medio__content .medio__content--getInformation .getInformation-p {
  padding: 0 0 24px 0;
  font-size: 1.1em;
  line-height: 1.5em;
}
.medio__content .medio__content--button .button__verArticulo,
.medio__content .medio__content--button .button__descargarArticulo {
  padding: 16px 32px;
  font-size: 1.3em;
}
.medio__content .btn-volver {
  margin: 24px 0;
}
.medio__content .btn-volver .volver-link .volver-link__img {
  width: 74px;
  margin-right: 16px;
}
.medio__content .btn-volver .volver-link .comeBack {
  font-size: 1.3em;
}
/* página éxito */
.success .success__container {
  padding: 24px 16px;
}
.success .success__container .success__container--h1 {
  font-size: 2.5em;
  padding: 36px 24%;
}
.success .success__container .success__container--brand {
  padding: 48px 0;
}
.success .success__container .success__container--brand .brand--img {
  width: 380px;
}
.success .success__container .success__container--p {
  font-size: 1.5em;
  padding: 12px 16px;
}
.success .success__container--return {
  padding: 24px 16px;
}
.success .success__container--return .return--button {
  font-size: 1.8em;
  padding: 16px 32px;
}
}
/*  resolución lógica de 1728×1117 / macs 16 pulgadas retina */
@media (min-width: 1441px) and (max-width: 1728px) {
#modalQueHacemos1 .modal-dialog,
#modalQueHacemos2 .modal-dialog,
#modalQueHacemos3 .modal-dialog {
  min-width: 60%;
}
#modalQueHacemos1 .modal-dialog .modal-content,
#modalQueHacemos2 .modal-dialog .modal-content,
#modalQueHacemos3 .modal-dialog .modal-content {
  padding: 48px 56px;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__h3,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__h3,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__h3 {
  color: #fff;
  font-size: 1.6em;
  line-height: 1.4em;
  padding: 14px 0;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__p,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__p,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__p {
  font-size: 1.3em;
  line-height: 1.4em;
  padding: 0 0 24px 0;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__list,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__list,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__list {
  padding: 0 0 0 16px;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__list .body__list--li,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__list .body__list--li,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__list .body__list--li {
  font-size: 1.2em;
  line-height: 1.4em;
  padding: 7px 0;
}
.header {
  width: 100%;
  height: auto;
}
.header .header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 7%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: auto;
  min-height: 84px;
  background-color: #202731;
}
.header .header__content .header__content--logo {
  width: 25%;
}
.header .header__content .header__content--logo .logo-anchor .logo-anchor__img {
  width: 100%;
  height: auto;
  max-width: 140px;
  margin: 0 auto;
}
.header .header__content .main-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 75%;
  height: auto;
  background-color: #202731;
  padding: 0px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1000;
}
.header .header__content .main-nav .nav-list {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0px 16px;
}
.header .header__content .main-nav .nav-list .nav-item {
  list-style: none;
}
.header .header__content .main-nav .nav-list .nav-item a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding: 12px 16px;
  font-size: 1.2em;
}
.header .header__content .main-nav .nav-list .nav-item a:hover {
  color: #f4f5f8;
}
.header .header__content .main-nav .nav-list .nav-logo .custom-logo-link {
  display: block;
  width: 140px;
}
.header .header__content .main-nav .nav-list .nav-logo .custom-logo-link img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.queHacemos {
  width: 100%;
  height: auto;
  position: relative;
}
.queHacemos::after {
  content: "";
  display: block;
  width: 100%;
  height: 40%;
  background-color: #202731;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.queHacemos .queHacemos__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 2em;
  font-weight: bold;
  color: #202731;
  text-align: center;
  padding: 36px 48px 16px 48px;
  text-transform: uppercase;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--p {
  width: 100%;
  height: auto;
  font-size: 1em;
  font-weight: normal;
  color: #202731;
  text-align: center;
  line-height: 1.1em;
  padding: 12px 48px;
}
.queHacemos .queHacemos__containerContent {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto;
  width: 100%;
  height: auto;
  padding: 16px 15% 24px 15%;
  margin: 0;
  position: relative;
  z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1,
.queHacemos .queHacemos__containerContent .wrapp__modal2,
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
  width: 100%;
  height: auto;
  text-decoration: none;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  padding: 8px 0px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question .card-question__p {
  font-size: 1.4em;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 0 36px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture .card-picture__img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
  transition: background-color 0.3s ease;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture:hover::after {
  background-color: rgba(255, 141, 2, 0.7);
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 {
  grid-row: 1/2;
  grid-column: 1/2;
}
.queHacemos .queHacemos__containerContent .wrapp__modal2 {
  grid-row: 1/2;
  grid-column: 2/3;
}
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
  grid-row: 1/2;
  grid-column: 3/4;
}
.nosotros {
  width: 100%;
  height: auto;
  margin: -1px 0 0 0;
}
.nosotros .nosotros__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  background-color: #202731;
}
.nosotros .nosotros__containerTitle .nosotros__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 2em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  padding: 36px 16px 12px 16px;
  text-transform: uppercase;
}
.nosotros .nosotros__compromiso {
  /*  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap; */
  display: grid;
  grid-template-columns: 40% 60%;
  grid-template-rows: auto;
  width: 100%;
  margin: -1px auto 0 auto;
  padding: 24px 15%;
  height: auto;
  background-color: #202731;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 56px 48px;
  background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text .text-p {
  width: 100%;
  height: auto;
  font-size: 0.9em;
  color: #202731;
  text-align: justify;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.2em;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture {
  grid-row: 1/2;
  grid-column: 2/3;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0;
  background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture .picture-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.nosotros .nosotros__fundadora {
  /* display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap; */
  display: grid;
  grid-template-columns: 15% 25% 45% 15%;
  grid-template-rows: auto;
  align-items: flex-end;
  width: 100%;
  margin: -1px 0 0 0;
  height: auto;
  padding: 48px 0 0 0;
  position: relative;
}
.nosotros .nosotros__fundadora::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-color: #202731;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture {
  grid-row: 1/2;
  grid-column: 2/3;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  margin: 0 0 -100px 0;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture .picture-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text {
  grid-row: 1/2;
  grid-column: 3/4;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  height: auto;
  margin: 0;
  padding: 74px 56px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-h3 {
  width: 100%;
  height: auto;
  font-size: 2em;
  font-weight: bold;
  color: #ff8d02;
  text-align: left;
  line-height: 1em;
  padding: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-p {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #202731;
  text-align: justify;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.4em;
}
.nosotros .nosotros__educacion {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 70%;
  margin: 0 15%;
  height: auto;
  padding: 100px 56px 56px 56px;
  background-color: #202731;
}
.nosotros .nosotros__educacion .educacion-h3 {
  width: 100%;
  height: auto;
  font-size: 2em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  line-height: 1em;
  padding: 0 0 24px 0;
}
.nosotros .nosotros__educacion .educacion-lista {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  padding: 0 16px;
  list-style: none;
}
.nosotros .nosotros__educacion .educacion-lista__li {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #fff;
  text-align: left;
  line-height: 1.2em;
  padding: 5px 0;
}
.nosotros .nosotros__educacion .educacion-lista__li:before {
  content: "•";
  color: #fff;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.nosotros .nosotros__cards {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  padding: 24px 19%;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  padding: 0 36px;
  margin: 12px 0 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 16px;
  margin: 0 0 -74px 0;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon .wrapp__divIcon--svg {
  width: 140px;
  height: auto;
  object-fit: cover;
  object-position: center;
  margin: 0 auto;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: column nowrap;
  width: 100%;
  height: 300px;
  padding: 48px 16px 24px 16px;
  background-color: #ff8d02;
  position: relative;
  z-index: 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--title {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  color: #fff;
  text-align: center;
  line-height: 1em;
  padding: 48px 12px 18px 12px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--p {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #fff;
  text-align: center;
  line-height: 1.3em;
  padding: 0 12px;
}
.linkedin {
  width: 100%;
  height: auto;
  padding: 0 15%;
}
.linkedin .main-title {
  width: 100%;
  height: auto;
  font-size: 2em;
  font-weight: bold;
  color: #202731;
  text-align: center;
  padding: 36px 16px 12px 16px;
  text-transform: uppercase;
}
.medios {
  width: 100%;
  height: auto;
  padding: 24px 15%;
  background-color: #202731;
}
.medios .medios__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
}
.medios .medios__containerTitle .medios__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 2em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  padding: 36px 28% 12px 28%;
  text-transform: uppercase;
}
.medios .medios__containerTitle .medios__containerTitle--h2 .br {
  display: block;
}
.medios .medios__carousel .swiper-wrapper {
  width: 100%;
  height: auto;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 24px 8px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 280px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 0 24px 0;
  background-color: #202731;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture .slide__picture--img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content {
  background-color: #202731;
  padding: 12px 8px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap {
  text-decoration: none;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap .titleWrap-h3 {
  font-size: 1em;
  color: #fff;
  line-height: 1em;
  text-align: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap {
  display: block;
  width: auto;
  margin: 0 auto;
  text-decoration: none;
  font-size: 1em;
  color: #fff;
  line-height: 1.1em;
  text-align: center;
  transition: all 0.3s ease;
  padding: 12px 0 0 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap:hover {
  text-decoration: underline;
  color: #ff8d02;
}
.medios .medios__carousel .swiper-button-prev,
.medios .medios__carousel .swiper-button-next {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  bottom: 0;
  top: auto;
  z-index: 2;
}
.medios .medios__carousel .swiper-button-prev {
  background-image: url("assets/img/arrow-left-medios.svg");
}
.medios .medios__carousel .swiper-button-next {
  background-image: url("assets/img/arrow-right-medios.svg");
}
.medios .medios__carousel .swiper-pagination {
  position: relative;
  z-index: 1;
}
.medios .medios__carousel .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border: 1px solid white;
  background-color: transparent;
  border-radius: 50%;
  margin: 0 8px !important;
  opacity: 1;
  transition: all 0.3s ease;
  bottom: 0px;
  top: auto;
}
.medios .medios__carousel .swiper-pagination-bullet-active {
  background-color: white;
}
.testimonios {
  width: 100%;
  height: auto;
  padding: 0 7%;
  position: relative;
  margin: -1px 0 0 0;
}
.testimonios::after {
  content: "";
  display: block;
  width: 100%;
  height: 70%;
  background-color: #202731;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.testimonios .testimonios__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}
.testimonios .testimonios__containerTitle .testimonios__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 2em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 36px 16px 48px 16px;
  text-transform: uppercase;
}
.testimonios .testimonios__carousel {
  padding: 0 16px;
  position: relative;
  z-index: 1;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0.7);
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio {
  width: 100%;
  height: auto;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  padding: 48px 24px;
  background-color: #ff8d02;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--p {
  width: 100%;
  height: auto;
  font-size: 0.9em;
  color: #fff;
  text-align: left;
  line-height: 1em;
  padding: 0;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--name {
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #fff;
  text-align: left;
  line-height: 1.1em;
  padding: 12px 0 0 0;
  font-weight: bold;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide-active {
  transform: scale(1);
}
.testimonios .testimonios__carousel .swiper-button-prev,
.testimonios .testimonios__carousel .swiper-button-next {
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
}
.testimonios .testimonios__carousel .swiper-button-prev {
  background-image: url("assets/img/left-arrow.svg");
  right: auto;
  left: 32%;
}
.testimonios .testimonios__carousel .swiper-button-next {
  background-image: url("assets/img/right-arrow.svg");
  right: 32%;
  left: auto;
}
/* pagina single medios */
.medio {
  padding: 100px 0 0 0;
}
.medio .medio__containerTitle {
  padding: 24px 15%;
}
.medio .medio__containerTitle .medio__containerTitle--date .date-p {
  font-size: 1.3em;
  padding: 0 0 24px 0;
}
.medio .medio__containerTitle .medio__containerTitle--title .title-h1 {
  font-size: 3em;
  line-height: 1.4em;
}
.medio__content {
  padding: 48px 15%;
  column-count: 2;
  column-gap: 48px;
}
.medio__content .medio__content--getInformation {
  padding: 0;
}
.medio__content .medio__content--getInformation .getInformation-p {
  padding: 0 0 24px 0;
  font-size: 1.1em;
  line-height: 1.5em;
}
.medio__content .medio__content--button .button__verArticulo,
.medio__content .medio__content--button .button__descargarArticulo {
  padding: 16px 32px;
  font-size: 1.3em;
}
.medio__content .btn-volver {
  margin: 24px 0;
}
.medio__content .btn-volver .volver-link .volver-link__img {
  width: 74px;
  margin-right: 16px;
}
.medio__content .btn-volver .volver-link .comeBack {
  font-size: 1.3em;
}
/* página éxito */
.success .success__container {
  padding: 24px 16px;
}
.success .success__container .success__container--h1 {
  font-size: 2.5em;
  padding: 36px 24%;
}
.success .success__container .success__container--brand {
  padding: 48px 0;
}
.success .success__container .success__container--brand .brand--img {
  width: 380px;
}
.success .success__container .success__container--p {
  font-size: 1.5em;
  padding: 12px 16px;
}
.success .success__container--return {
  padding: 24px 16px;
}
.success .success__container--return .return--button {
  font-size: 1.8em;
  padding: 16px 32px;
}
}
/* pantallas desde 1920px | pantallas mas comunes y grandes */
@media (min-width: 1729px) and (max-width: 2140px) {
#modalQueHacemos1 .modal-dialog,
#modalQueHacemos2 .modal-dialog,
#modalQueHacemos3 .modal-dialog {
  min-width: 45%;
}
#modalQueHacemos1 .modal-dialog .modal-content,
#modalQueHacemos2 .modal-dialog .modal-content,
#modalQueHacemos3 .modal-dialog .modal-content {
  padding: 48px 56px;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__h3,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__h3,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__h3 {
  color: #fff;
  font-size: 1.6em;
  line-height: 1.4em;
  padding: 14px 0;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__p,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__p,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__p {
  font-size: 1.3em;
  line-height: 1.4em;
  padding: 0 0 24px 0;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__list,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__list,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__list {
  padding: 0 0 0 16px;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__list .body__list--li,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__list .body__list--li,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__list .body__list--li {
  font-size: 1.2em;
  line-height: 1.4em;
  padding: 7px 0;
}
.header {
  width: 100%;
  height: auto;
}
.header .header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 7%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: auto;
  min-height: 84px;
  background-color: #202731;
}
.header .header__content .header__content--logo {
  width: 25%;
}
.header .header__content .header__content--logo .logo-anchor .logo-anchor__img {
  width: 100%;
  height: auto;
  max-width: 220px;
  margin: 0 auto;
}
.header .header__content .main-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 75%;
  height: auto;
  background-color: #202731;
  padding: 0px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1000;
}
.header .header__content .main-nav .nav-list {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0px 16px;
}
.header .header__content .main-nav .nav-list .nav-item {
  list-style: none;
}
.header .header__content .main-nav .nav-list .nav-item a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding: 12px 16px;
  font-size: 1.2em;
}
.header .header__content .main-nav .nav-list .nav-item a:hover {
  color: #f4f5f8;
}
.header .header__content .main-nav .nav-list .nav-logo .custom-logo-link {
  display: block;
  width: 140px;
}
.header .header__content .main-nav .nav-list .nav-logo .custom-logo-link img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.queHacemos {
  width: 100%;
  height: auto;
  position: relative;
}
.queHacemos::after {
  content: "";
  display: block;
  width: 100%;
  height: 40%;
  background-color: #202731;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.queHacemos .queHacemos__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 2em;
  font-weight: bold;
  color: #202731;
  text-align: center;
  padding: 74px 48px 12px 48px;
  text-transform: uppercase;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--p {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  font-weight: normal;
  color: #202731;
  text-align: center;
  line-height: 1.1em;
  padding: 12px 48px;
}
.queHacemos .queHacemos__containerContent {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto;
  width: 100%;
  height: auto;
  padding: 16px 15% 24px 15%;
  margin: 0;
  position: relative;
  z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1,
.queHacemos .queHacemos__containerContent .wrapp__modal2,
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
  width: 100%;
  height: auto;
  text-decoration: none;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  padding: 8px 0px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question .card-question__p {
  font-size: 1.5em;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 0 36px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture .card-picture__img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
  transition: background-color 0.3s ease;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture:hover::after {
  background-color: rgba(255, 141, 2, 0.7);
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 {
  grid-row: 1/2;
  grid-column: 1/2;
}
.queHacemos .queHacemos__containerContent .wrapp__modal2 {
  grid-row: 1/2;
  grid-column: 2/3;
}
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
  grid-row: 1/2;
  grid-column: 3/4;
}
.nosotros {
  width: 100%;
  height: auto;
  margin: -1px 0 0 0;
}
.nosotros .nosotros__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  background-color: #202731;
}
.nosotros .nosotros__containerTitle .nosotros__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 2em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  padding: 36px 16px 12px 16px;
  text-transform: uppercase;
}
.nosotros .nosotros__compromiso {
  /*  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap; */
  display: grid;
  grid-template-columns: 45% 55%;
  grid-template-rows: auto;
  width: 100%;
  margin: -1px auto 0 auto;
  padding: 24px 15%;
  height: auto;
  background-color: #202731;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 56px 80px;
  background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text .text-p {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  color: #202731;
  text-align: justify;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.4em;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture {
  grid-row: 1/2;
  grid-column: 2/3;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0;
  background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture .picture-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.nosotros .nosotros__fundadora {
  /* display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap; */
  display: grid;
  grid-template-columns: 15% 23% 47% 15%;
  grid-template-rows: auto;
  align-items: flex-end;
  width: 100%;
  margin: -1px 0 0 0;
  height: auto;
  padding: 48px 0 0 0;
  position: relative;
}
.nosotros .nosotros__fundadora::after {
  content: "";
  display: block;
  width: 100%;
  height: 75%;
  background-color: #202731;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture {
  grid-row: 1/2;
  grid-column: 2/3;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  margin: 0 0 -128px 0;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture .picture-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text {
  grid-row: 1/2;
  grid-column: 3/4;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  height: auto;
  margin: 0;
  padding: 60px 86px 56px 86px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-h3 {
  width: 100%;
  height: auto;
  font-size: 2em;
  font-weight: bold;
  color: #ff8d02;
  text-align: left;
  line-height: 1em;
  padding: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-p {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  color: #202731;
  text-align: justify;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.4em;
}
.nosotros .nosotros__educacion {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 70%;
  margin: 0 15%;
  height: auto;
  padding: 128px 100px 74px 100px;
  background-color: #202731;
}
.nosotros .nosotros__educacion .educacion-h3 {
  width: 100%;
  height: auto;
  font-size: 2em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  line-height: 1em;
  padding: 0 0 24px 0;
}
.nosotros .nosotros__educacion .educacion-lista {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  padding: 0 16px;
  list-style: none;
}
.nosotros .nosotros__educacion .educacion-lista__li {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  color: #fff;
  text-align: left;
  line-height: 1.2em;
  padding: 5px 0;
}
.nosotros .nosotros__educacion .educacion-lista__li:before {
  content: "•";
  color: #fff;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.nosotros .nosotros__cards {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  padding: 24px 25%;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  padding: 0 36px;
  margin: 12px 0 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 16px;
  margin: 0 0 -74px 0;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon .wrapp__divIcon--svg {
  width: 140px;
  height: auto;
  object-fit: cover;
  object-position: center;
  margin: 0 auto;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: column nowrap;
  width: 100%;
  height: 360px;
  padding: 48px 16px 24px 16px;
  background-color: #ff8d02;
  position: relative;
  z-index: 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--title {
  width: 100%;
  height: auto;
  font-size: 1.4em;
  color: #fff;
  text-align: center;
  line-height: 1em;
  padding: 48px 12px 18px 12px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--p {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  color: #fff;
  text-align: center;
  line-height: 1.3em;
  padding: 0 12px;
}
.linkedin {
  width: 100%;
  height: auto;
  padding: 0 15%;
}
.linkedin .main-title {
  font-size: 2em;
  color: #202731;
}
.medios {
  width: 100%;
  height: auto;
  padding: 24px 15%;
  background-color: #202731;
}
.medios .medios__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
}
.medios .medios__containerTitle .medios__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 2em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  padding: 36px 28% 12px 28%;
  text-transform: uppercase;
}
.medios .medios__containerTitle .medios__containerTitle--h2 .br {
  display: block;
}
.medios .medios__carousel .swiper-wrapper {
  width: 100%;
  height: auto;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 24px 16px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 280px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 0 24px 0;
  background-color: #202731;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture .slide__picture--img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content {
  background-color: #202731;
  padding: 12px 8px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap {
  text-decoration: none;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap .titleWrap-h3 {
  font-size: 1.2em;
  color: #fff;
  line-height: 1.2em;
  text-align: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap {
  display: block;
  width: auto;
  margin: 0 auto;
  text-decoration: none;
  font-size: 1.2em;
  color: #fff;
  line-height: 1.4em;
  text-align: center;
  transition: all 0.3s ease;
  padding: 12px 0 0 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap:hover {
  text-decoration: underline;
  color: #ff8d02;
}
.medios .medios__carousel .swiper-button-prev,
.medios .medios__carousel .swiper-button-next {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  bottom: 0;
  top: auto;
  z-index: 2;
}
.medios .medios__carousel .swiper-button-prev {
  background-image: url("assets/img/arrow-left-medios.svg");
  right: auto;
  left: 33%;
}
.medios .medios__carousel .swiper-button-next {
  background-image: url("assets/img/arrow-right-medios.svg");
  right: 33%;
  left: auto;
}
.medios .medios__carousel .swiper-pagination {
  position: relative;
  z-index: 1;
}
.medios .medios__carousel .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border: 1px solid white;
  background-color: transparent;
  border-radius: 50%;
  margin: 0 8px !important;
  opacity: 1;
  transition: all 0.3s ease;
  bottom: 0px;
  top: auto;
}
.medios .medios__carousel .swiper-pagination-bullet-active {
  background-color: white;
}
.testimonios {
  width: 100%;
  height: auto;
  padding: 0 7%;
  position: relative;
  margin: -1px 0 0 0;
}
.testimonios::after {
  content: "";
  display: block;
  width: 100%;
  height: 60%;
  background-color: #202731;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.testimonios .testimonios__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}
.testimonios .testimonios__containerTitle .testimonios__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 2em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 48px 16px 24px 16px;
  text-transform: uppercase;
}
.testimonios .testimonios__carousel {
  padding: 0 16px;
  position: relative;
  z-index: 1;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0.7);
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio {
  width: 100%;
  height: auto;
  min-height: 370px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  padding: 74px 36px;
  background-color: #ff8d02;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--p {
  width: 100%;
  height: auto;
  font-size: 1.1em;
  color: #fff;
  text-align: left;
  line-height: 1.2em;
  padding: 0;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--name {
  width: 100%;
  height: auto;
  font-size: 1.1em;
  color: #fff;
  text-align: left;
  line-height: 1.2em;
  padding: 16px 0 0 0;
  font-weight: bold;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide-active {
  transform: scale(1);
}
.testimonios .testimonios__carousel .swiper-button-prev,
.testimonios .testimonios__carousel .swiper-button-next {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
}
.testimonios .testimonios__carousel .swiper-button-prev {
  background-image: url("assets/img/left-arrow.svg");
  right: auto;
  left: 33%;
}
.testimonios .testimonios__carousel .swiper-button-next {
  background-image: url("assets/img/right-arrow.svg");
  right: 33%;
  left: auto;
}
/* pagina single medios */
.medio {
  padding: 106px 0 0 0;
}
.medio .medio__containerTitle {
  padding: 24px 15%;
}
.medio .medio__containerTitle .medio__containerTitle--date .date-p {
  font-size: 1.3em;
  padding: 0 0 24px 0;
}
.medio .medio__containerTitle .medio__containerTitle--title .title-h1 {
  font-size: 3em;
  line-height: 1.4em;
}
.medio__content {
  padding: 74px 15%;
  column-count: 2;
  column-gap: 48px;
}
.medio__content .medio__content--getInformation {
  padding: 0;
}
.medio__content .medio__content--getInformation .getInformation-p {
  padding: 0 0 24px 0;
  font-size: 1.1em;
  line-height: 1.5em;
}
.medio__content .medio__content--button .button__verArticulo,
.medio__content .medio__content--button .button__descargarArticulo {
  padding: 16px 32px;
  font-size: 1.4em;
}
.medio__content .btn-volver {
  margin: 24px 0;
}
.medio__content .btn-volver .volver-link .volver-link__img {
  width: 74px;
  margin-right: 16px;
}
.medio__content .btn-volver .volver-link .comeBack {
  font-size: 1.3em;
}
/* página éxito */
.success .success__container {
  padding: 24px 16px;
}
.success .success__container .success__container--h1 {
  font-size: 2.5em;
  padding: 36px 24%;
}
.success .success__container .success__container--brand {
  padding: 48px 0;
}
.success .success__container .success__container--brand .brand--img {
  width: 380px;
}
.success .success__container .success__container--p {
  font-size: 1.5em;
  padding: 12px 16px;
}
.success .success__container--return {
  padding: 24px 16px;
}
.success .success__container--return .return--button {
  font-size: 1.8em;
  padding: 16px 32px;
}
}
/* desde 2k en adelante */
@media (min-width: 2141px) and (max-width: 2560px) {
#modalQueHacemos1 .modal-dialog,
#modalQueHacemos2 .modal-dialog,
#modalQueHacemos3 .modal-dialog {
  min-width: 55%;
}
#modalQueHacemos1 .modal-dialog .modal-content,
#modalQueHacemos2 .modal-dialog .modal-content,
#modalQueHacemos3 .modal-dialog .modal-content {
  padding: 48px 56px;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__h3,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__h3,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__h3 {
  color: #fff;
  font-size: 1.6em;
  line-height: 1.4em;
  padding: 14px 0;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__p,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__p,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__p {
  font-size: 1.3em;
  line-height: 1.4em;
  padding: 0 0 24px 0;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__list,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__list,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__list {
  padding: 0 0 0 16px;
}
#modalQueHacemos1 .modal-dialog .modal-content .modal-body .body__list .body__list--li,
#modalQueHacemos2 .modal-dialog .modal-content .modal-body .body__list .body__list--li,
#modalQueHacemos3 .modal-dialog .modal-content .modal-body .body__list .body__list--li {
  font-size: 1.2em;
  line-height: 1.4em;
  padding: 7px 0;
}
.header {
  width: 100%;
  height: auto;
}
.header .header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 7%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: auto;
  min-height: 84px;
  background-color: #202731;
}
.header .header__content .header__content--logo {
  width: 25%;
}
.header .header__content .header__content--logo .logo-anchor .logo-anchor__img {
  width: 100%;
  height: auto;
  max-width: 220px;
  margin: 0 auto;
}
.header .header__content .main-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 75%;
  height: auto;
  background-color: #202731;
  padding: 0px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1000;
}
.header .header__content .main-nav .nav-list {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0px 16px;
}
.header .header__content .main-nav .nav-list .nav-item {
  list-style: none;
}
.header .header__content .main-nav .nav-list .nav-item a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding: 12px 16px;
  font-size: 1.2em;
}
.header .header__content .main-nav .nav-list .nav-item a:hover {
  color: #f4f5f8;
}
.header .header__content .main-nav .nav-list .nav-logo .custom-logo-link {
  display: block;
  width: 140px;
}
.header .header__content .main-nav .nav-list .nav-logo .custom-logo-link img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.queHacemos {
  width: 100%;
  height: auto;
  position: relative;
}
.queHacemos::after {
  content: "";
  display: block;
  width: 100%;
  height: 40%;
  background-color: #202731;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.queHacemos .queHacemos__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 2.5em;
  font-weight: bold;
  color: #202731;
  text-align: center;
  padding: 74px 48px 12px 48px;
  text-transform: uppercase;
}
.queHacemos .queHacemos__containerTitle .queHacemos__containerTitle--p {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  font-weight: normal;
  color: #202731;
  text-align: center;
  line-height: 1.1em;
  padding: 12px 48px;
}
.queHacemos .queHacemos__containerContent {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto;
  width: 100%;
  height: auto;
  padding: 16px 15% 24px 15%;
  margin: 0;
  position: relative;
  z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1,
.queHacemos .queHacemos__containerContent .wrapp__modal2,
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
  width: 100%;
  height: auto;
  text-decoration: none;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  padding: 8px 0px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-question .card-question__p,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-question .card-question__p {
  font-size: 1.7em;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 0 48px;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture .card-picture__img,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture .card-picture__img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
  transition: background-color 0.3s ease;
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal2 .queHacemos__containerContent--card .card-picture:hover::after,
.queHacemos .queHacemos__containerContent .wrapp__modal3 .queHacemos__containerContent--card .card-picture:hover::after {
  background-color: rgba(255, 141, 2, 0.7);
}
.queHacemos .queHacemos__containerContent .wrapp__modal1 {
  grid-row: 1/2;
  grid-column: 1/2;
}
.queHacemos .queHacemos__containerContent .wrapp__modal2 {
  grid-row: 1/2;
  grid-column: 2/3;
}
.queHacemos .queHacemos__containerContent .wrapp__modal3 {
  grid-row: 1/2;
  grid-column: 3/4;
}
.nosotros {
  width: 100%;
  height: auto;
  margin: -1px 0 0 0;
}
.nosotros .nosotros__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  background-color: #202731;
}
.nosotros .nosotros__containerTitle .nosotros__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 2.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  padding: 36px 16px 12px 16px;
  text-transform: uppercase;
}
.nosotros .nosotros__compromiso {
  /*  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap; */
  display: grid;
  grid-template-columns: 45% 55%;
  grid-template-rows: auto;
  width: 100%;
  margin: -1px auto 0 auto;
  padding: 24px 15%;
  height: auto;
  background-color: #202731;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 56px 48px;
  background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--text .text-p {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  color: #202731;
  text-align: justify;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.4em;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture {
  grid-row: 1/2;
  grid-column: 2/3;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0;
  background-color: #fff;
}
.nosotros .nosotros__compromiso .nosotros__compromiso--picture .picture-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.nosotros .nosotros__fundadora {
  /* display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap; */
  display: grid;
  grid-template-columns: 15% 23% 47% 15%;
  grid-template-rows: auto;
  align-items: flex-end;
  width: 100%;
  margin: -1px 0 0 0;
  height: auto;
  padding: 48px 0 0 0;
  position: relative;
}
.nosotros .nosotros__fundadora::after {
  content: "";
  display: block;
  width: 100%;
  height: 75%;
  background-color: #202731;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture {
  grid-row: 1/2;
  grid-column: 2/3;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
  margin: 0 0 -128px 0;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--picture .picture-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text {
  grid-row: 1/2;
  grid-column: 3/4;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  height: auto;
  margin: 0;
  padding: 60px 86px 56px 86px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-h3 {
  width: 100%;
  height: auto;
  font-size: 2.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: left;
  line-height: 1em;
  padding: 0;
}
.nosotros .nosotros__fundadora .nosotros__fundadora--text .text-p {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  color: #202731;
  text-align: justify;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  line-height: 1.4em;
}
.nosotros .nosotros__educacion {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 70%;
  margin: 0 15%;
  height: auto;
  padding: 128px 74px 74px 74px;
  background-color: #202731;
}
.nosotros .nosotros__educacion .educacion-h3 {
  width: 100%;
  height: auto;
  font-size: 2.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  line-height: 1em;
  padding: 0 0 24px 0;
}
.nosotros .nosotros__educacion .educacion-lista {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  padding: 0 16px;
  list-style: none;
}
.nosotros .nosotros__educacion .educacion-lista__li {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  color: #fff;
  text-align: left;
  line-height: 1.2em;
  padding: 5px 0;
}
.nosotros .nosotros__educacion .educacion-lista__li:before {
  content: "•";
  color: #fff;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.nosotros .nosotros__cards {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  padding: 24px 25%;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  padding: 0 36px;
  margin: 12px 0 24px 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 16px;
  margin: 0 0 -74px 0;
  position: relative;
  z-index: 1;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divIcon .wrapp__divIcon--svg {
  width: 140px;
  height: auto;
  object-fit: cover;
  object-position: center;
  margin: 0 auto;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: column nowrap;
  width: 100%;
  height: 360px;
  padding: 48px 16px 24px 16px;
  background-color: #ff8d02;
  position: relative;
  z-index: 0;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--title {
  width: 100%;
  height: auto;
  font-size: 1.4em;
  color: #fff;
  text-align: center;
  line-height: 1em;
  padding: 48px 12px 18px 12px;
}
.nosotros .nosotros__cards .nosotros__cards--wrapp .wrapp__divText .wrapp__divText--p {
  width: 100%;
  height: auto;
  font-size: 1.2em;
  color: #fff;
  text-align: center;
  line-height: 1.3em;
  padding: 0 12px;
}
.linkedin {
  width: 100%;
  height: auto;
  padding: 0 15%;
}
.linkedin .main-title {
  font-size: 2.5em;
  color: #202731;
}
.medios {
  width: 100%;
  height: auto;
  padding: 24px 15%;
  background-color: #202731;
}
.medios .medios__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
}
.medios .medios__containerTitle .medios__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 2.5em;
  font-weight: bold;
  color: #ff8d02;
  text-align: center;
  padding: 36px 28% 12px 28%;
  text-transform: uppercase;
}
.medios .medios__containerTitle .medios__containerTitle--h2 .br {
  display: block;
}
.medios .medios__carousel .swiper-wrapper {
  width: 100%;
  height: auto;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 24px 16px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 280px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 0 24px 0;
  background-color: #202731;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  padding: 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__picture .slide__picture--img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content {
  background-color: #202731;
  padding: 12px 8px;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap {
  text-decoration: none;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--titleWrap .titleWrap-h3 {
  font-size: 1.2em;
  color: #fff;
  line-height: 1.2em;
  text-align: center;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap {
  display: block;
  width: auto;
  margin: 0 auto;
  text-decoration: none;
  font-size: 1.2em;
  color: #fff;
  line-height: 1.4em;
  text-align: center;
  transition: all 0.3s ease;
  padding: 12px 0 0 0;
}
.medios .medios__carousel .swiper-wrapper .swiper-slide .card .slide__content .slide__content--linkWrap:hover {
  text-decoration: underline;
  color: #ff8d02;
}
.medios .medios__carousel .swiper-button-prev,
.medios .medios__carousel .swiper-button-next {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  bottom: 0;
  top: auto;
  z-index: 2;
}
.medios .medios__carousel .swiper-button-prev {
  background-image: url("assets/img/arrow-left-medios.svg");
}
.medios .medios__carousel .swiper-button-next {
  background-image: url("assets/img/arrow-right-medios.svg");
}
.medios .medios__carousel .swiper-pagination {
  position: relative;
  z-index: 1;
}
.medios .medios__carousel .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border: 1px solid white;
  background-color: transparent;
  border-radius: 50%;
  margin: 0 8px !important;
  opacity: 1;
  transition: all 0.3s ease;
  bottom: 0px;
  top: auto;
}
.medios .medios__carousel .swiper-pagination-bullet-active {
  background-color: white;
}
.testimonios {
  width: 100%;
  height: auto;
  padding: 0 7%;
  position: relative;
  margin: -1px 0 0 0;
}
.testimonios::after {
  content: "";
  display: block;
  width: 100%;
  height: 60%;
  background-color: #202731;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.testimonios .testimonios__containerTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
}
.testimonios .testimonios__containerTitle .testimonios__containerTitle--h2 {
  width: 100%;
  height: auto;
  font-size: 2.5em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 48px 16px 24px 16px;
  text-transform: uppercase;
}
.testimonios .testimonios__carousel {
  padding: 0 16px;
  position: relative;
  z-index: 1;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0.7);
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio {
  width: 100%;
  height: auto;
  min-height: 370px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  padding: 74px 36px;
  background-color: #ff8d02;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--p {
  width: 100%;
  height: auto;
  font-size: 1.1em;
  color: #fff;
  text-align: left;
  line-height: 1.2em;
  padding: 0;
  text-justify: inter-word; /* Distribuye mejor los espacios */
  hyphens: auto; /* Habilita cortes de palabra */
  word-break: break-word; /* Permite romper palabras largas */
  overflow-wrap: break-word; /* Evita desbordamientos */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide .slide__cardTestimonio .slide__cardTestimonio--name {
  width: 100%;
  height: auto;
  font-size: 1.1em;
  color: #fff;
  text-align: left;
  line-height: 1.2em;
  padding: 16px 0 0 0;
  font-weight: bold;
}
.testimonios .testimonios__carousel .swiper-wrapper .swiper-slide-active {
  transform: scale(1);
}
.testimonios .testimonios__carousel .swiper-button-prev,
.testimonios .testimonios__carousel .swiper-button-next {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
}
.testimonios .testimonios__carousel .swiper-button-prev {
  background-image: url("assets/img/left-arrow.svg");
}
.testimonios .testimonios__carousel .swiper-button-next {
  background-image: url("assets/img/right-arrow.svg");
}
/* pagina single medios */
.medio {
  padding: 106px 0 0 0;
}
.medio .medio__containerTitle {
  padding: 24px 15%;
}
.medio .medio__containerTitle .medio__containerTitle--date .date-p {
  font-size: 1.3em;
  padding: 0 0 24px 0;
}
.medio .medio__containerTitle .medio__containerTitle--title .title-h1 {
  font-size: 3em;
  line-height: 1.4em;
}
.medio__content {
  padding: 74px 15%;
  column-count: 2;
  column-gap: 48px;
}
.medio__content .medio__content--getInformation {
  padding: 0;
}
.medio__content .medio__content--getInformation .getInformation-p {
  padding: 0 0 24px 0;
  font-size: 1.1em;
  line-height: 1.5em;
}
.medio__content .medio__content--button .button__verArticulo,
.medio__content .medio__content--button .button__descargarArticulo {
  padding: 16px 32px;
  font-size: 1.6em;
}
.medio__content .btn-volver {
  margin: 24px 0;
}
.medio__content .btn-volver .volver-link .volver-link__img {
  width: 74px;
  margin-right: 16px;
}
.medio__content .btn-volver .volver-link .comeBack {
  font-size: 1.3em;
}
/* página éxito */
.success .success__container {
  padding: 24px 16px;
}
.success .success__container .success__container--h1 {
  font-size: 2.5em;
  padding: 36px 24%;
}
.success .success__container .success__container--brand {
  padding: 48px 0;
}
.success .success__container .success__container--brand .brand--img {
  width: 380px;
}
.success .success__container .success__container--p {
  font-size: 1.5em;
  padding: 12px 16px;
}
.success .success__container--return {
  padding: 24px 16px;
}
.success .success__container--return .return--button {
  font-size: 1.8em;
  padding: 16px 32px;
}
}
/*ChatBox*/
.chatbox .chat-btn {
display: flex;
position: fixed;
z-index: 99;
right: 20px;
bottom: 20px;
width: 60px;
height: 60px;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}

.chatbox .chat-btn .background {
background-color: #ff8d00;
border-radius: 50%;
box-shadow: 0 2.1px 1.3px rgba(0, 0, 0, 0.044), 0 5.9px 4.2px rgba(0, 0, 0, 0.054), 0 12.6px 9.5px rgba(0, 0, 0, 0.061), 0 25px 20px rgba(0, 0, 0, 0.1);
height: 50px;
position: absolute;
width: 50px;
top: 50px;
margin-top: -45px;
}

.chatbox .chat-btn .chat-bubble {
cursor: pointer;
position: relative;
width: 60px;
height: 60px;
}

.chatbox .chat-btn .bubble {
transform-origin: 50%;
transition: transform 500ms cubic-bezier(0.17, 0.61, 0.54, 0.9);
}

.chatbox .chat-btn .line {
fill: none;
stroke: #ffffff;
stroke-width: 2.75;
stroke-linecap: round;
transition: stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.chatbox .chat-btn .line1 {
stroke-dasharray: 60 90;
stroke-dashoffset: -20;
}

.chatbox .chat-btn .line2 {
stroke-dasharray: 67 87;
stroke-dashoffset: -18;
}

.chatbox .chat-btn .circle {
fill: #ffffff;
stroke: none;
transform-origin: 50%;
transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.chatbox .chat-btn.active .bubble {
transform: translateX(24px) translateY(4px) rotate(45deg);
}

.chatbox .chat-btn.active .line1 {
stroke-dashoffset: 21;
}

.chatbox .chat-btn.active .line2 {
stroke-dashoffset: 30;
}

.chatbox .chat-btn.active .circle {
transform: scale(0);
}

.chatbox .chat {
position: fixed;
/* display: flex; */
flex-direction: column;
justify-content: space-between;
height: 35rem;
z-index: 2;
box-sizing: border-box;
border-radius: 1rem;
background: white;
box-shadow: 0 0 8rem 0 rgba(0, 0, 0, 0.1), 0rem 2rem 4rem -3rem rgba(0, 0, 0, 0.5);
bottom: 50px;
z-index: 98;
margin-bottom: 100px;
opacity: 0;
visibility: hidden;
overflow: hidden;
display: none;
}

.chatbox .chat .blockchat {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0;
visibility: hidden;
}

.chatbox .chat .chat-userdata {
position: absolute;
width: 100%;
height: 100%;
background-color: #ffffff;
border-radius: 1rem;
z-index: 999;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding: 50px;
}

.chatbox .chat .chat-userdata .poweredby {
position: absolute;
bottom: 30px;
}

.chatbox .chat .chat-userdata .poweredby p {
color: #7a7a7a;
font-size: 11px;
text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.18);
font-weight: 500;
letter-spacing: normal;
}

.chatbox .chat .chat-userdata.hideform {
opacity: 0;
visibility: hidden;
display: none;
}

.chatbox .chat .chat-userdata.showform {
opacity: 1;
visibility: visible;
display: flex;
}

.chatbox .chat .chat-presentation .chat-avatar {
display: block;
margin: 0 auto;
width: 100px;
border-radius: 50%;
overflow: hidden;
height: 100px;
margin-bottom: 15px;
box-shadow: 0px 3px 12px 0 rgba(0, 0, 0, 0.1);
border: 1px solid #ffffff;
padding: 10px;
pointer-events: none;
background-color: #ffffff;
}

.chatbox .chat .chat-presentation .chat-avatar img {
width: 100%;
height: auto;
object-fit: cover;
pointer-events: none;
}

.chatbox .chat .chat-presentation .chat-text-1 {
color: #565656;
font-size: 14px;
text-align: center;
font-weight: 500;
margin-top: 5px;
margin-bottom: 12px;
}

.chatbox .chat .chat-presentation .chat-text-1 strong {
color: #222222;
}

.chatbox .chat .chat-userdata .chat-loader {
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
z-index: 101;
position: absolute;
top: 0px;
right: 0px;
display: none;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
border-radius: 1rem;
}

.chatbox .chat .chat-userdata .chat-loader .loading {
display: inline-block;
width: 50px;
height: 50px;
border: 3px solid rgba(0, 0, 0, 0.5);
border-radius: 50%;
border-top-color: #feba03;
animation: spin 1s ease-in-out infinite;
-webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
to {
  -webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
to {
  -webkit-transform: rotate(360deg);
}
}
.chatbox .chat .chat-userdata .input-userdata {
min-width: 200px;
display: block;
margin-bottom: 13px;
}

.chatbox .chat .chat-userdata .input-userdata .inputchat {
border-radius: 30px;
border: none;
width: 100%;
height: 35px;
background-color: #f4f4f4;
padding: 5px 20px;
font-size: 11px;
font-weight: 400;
}

.chatbox .chat .chat-userdata .input-userdata .alert {
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
border-radius: 40px;
padding-left: 20px;
padding-right: 10px;
text-align: left;
}

.chatbox .chat .chat-userdata .btn-enter-chat {
min-width: 130px;
padding: 10px 5px;
font-size: 13px;
color: #fefefe;
background-color: #ff8d00;
border-radius: 5px;
border: none;
font-weight: 700;
box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.1);
text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.18);
}

.chatbox .chat .contact.bar {
flex-basis: 3.5rem;
flex-shrink: 0;
margin: 1rem;
box-sizing: border-box;
color: #111111;
position: relative;
margin-bottom: 1rem;
padding-left: 5rem;
height: 4.5rem;
display: flex;
flex-direction: column;
justify-content: center;
}

.chatbox .chat .contact .pic {
position: absolute;
left: 0;
width: 4rem;
height: 4rem;
background-size: cover;
background-position: center;
border-radius: 50%;
overflow: hidden;
box-shadow: 0px 3px 12px 0 rgba(0, 0, 0, 0.1);
border: 1px solid #ffffff;
padding: 5px;
}

.chatbox .chat .contact .pic img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
}

.chatbox .chat .contact .name {
font-weight: 500;
}

.chatbox .chat .contact .seen {
font-size: 0.9rem;
color: #999;
display: flex;
flex-direction: row-reverse;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-end;
align-items: center;
}

.chatbox .chat .contact .seen .circle-state {
width: 13px;
height: 13px;
display: inline-block;
background-color: #9aeb14;
border-radius: 50%;
margin-right: 10px;
margin-top: 0px;
box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.13);
border: 1px solid #ffffff;
}

.chatbox .chat .messages {
padding: 1rem;
background: #f7f7f7;
flex-shrink: 2;
overflow-y: auto;
box-shadow: inset 0 2rem 2rem -2rem rgba(0, 0, 0, 0.05), inset 0 -2rem 2rem -2rem rgba(0, 0, 0, 0.05);
height: 100%;
/* max-height arregla el corte del contenido del mensaje interno q contiene las opciones */
max-height: 82%;
}

.chatbox .chat .messages .time {
font-size: 0.8rem;
background: #eee;
padding: 0.25rem 1rem;
border-radius: 2rem;
color: #999;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}

.chatbox .chat .messages .message {
box-sizing: border-box;
padding: 1rem;
margin: 2rem 1rem 2rem;
background: #fff;
border-radius: 0.7rem 0.7rem 0.7rem 0;
min-height: 2.25rem;
width: -moz-fit-content;
width: fit-content;
max-width: 80%;
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.075), 0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.1);
color: #111111;
font-size: 12px;
font-weight: 500;
position: relative;
-webkit-border-radius: 0.7rem 0.7rem 0.7rem 0;
-moz-border-radius: 0.7rem 0.7rem 0.7rem 0;
-ms-border-radius: 0.7rem 0.7rem 0.7rem 0;
-o-border-radius: 0.7rem 0.7rem 0.7rem 0;
}

.chatbox .chat .messages .message.message-disabled {
pointer-events: none;
cursor: no-drop;
pointer-events: none;
}

.chatbox .chat .messages .message.bot {
opacity: 0;
visibility: hidden;
top: -20px;
}

.chatbox .chat .messages .message.bot time {
position: absolute;
bottom: -20px;
left: 0px;
color: #9d9d9d;
font-size: 10px;
font-weight: 500;
}

.chatbox .chat .messages .message.user time {
position: absolute;
bottom: -20px;
right: 0px;
color: #9d9d9d;
font-size: 10px;
font-weight: 700;
}

.chatbox .chat .messages .message.active {
opacity: 1;
visibility: visible;
top: 0px;
}

.chatbox .chat .messages .message.user {
opacity: 0;
visibility: hidden;
top: -20px;
}

.chatbox .chat .messages .message.bot .input-data {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: flex-end;
align-items: center;
margin-top: 10px;
}

.chatbox .chat .messages .message.bot .input-data .inputchat {
background-color: #fff;
border-bottom: 1px solid #f2f2f2;
border-bottom-left-radius: 5px;
border-left: 1px solid #f3f3f3;
border-right: 0;
border-top: 1px solid #f1f1f1;
border-top-left-radius: 5px;
height: 30px;
padding: 5px 10px;
width: 70%;
font-size: 11px;
letter-spacing: 0.4px;
}

.chatbox .chat .messages .message.bot .input-data textarea.inputchat {
border: 1px solid #f2f2f2;
resize: none;
height: 100px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
width: 100%;
margin-bottom: 5px;
}

.chatbox .chat .messages .message.bot .input-data .btndata {
background-color: #f8c027;
border: 1px solid #f8c027;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
color: #fff;
font-weight: 700;
height: 30px;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
width: 30%;
font-size: 11px;
letter-spacing: 0.4px;
}

.chatbox .chat .messages .message.bot .input-data .btndata.msj {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
width: 50%;
}

.chatbox .chat .messages .message.bot .input-data .chat-input-error {
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 10px;
border-radius: 40px;
padding-left: 20px;
padding-right: 10px;
text-align: left;
width: 100%;
margin-bottom: 0px;
}

.chatbox .chat .messages .message.bot .chat-options {
padding-top: 5px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
}

.chatbox .chat .messages .message.bot .chat-options .btn-chat {
margin: 5px 6px 5px 0px;
background: #f8c027;
display: inline-block;
color: #ffffff;
padding: 8px 15px;
border-radius: 5px;
cursor: pointer;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.05);
font-size: 11px;
border: none;
width: 105px;
font-weight: 700;
}

.chatbox .chat .messages .message.typingload {
padding: 0.4rem 1rem;
border-radius: 0.5rem 0.5rem 0.5rem 0;
-webkit-border-radius: 0.5rem 0.5rem 0.5rem 0;
-moz-border-radius: 0.5rem 0.5rem 0.5rem 0;
-ms-border-radius: 0.5rem 0.5rem 0.5rem 0;
-o-border-radius: 0.5rem 0.5rem 0.5rem 0;
opacity: 0;
visibility: hidden;
top: -20px;
}

.chatbox .chat .messages .message .btnpreg {
margin: 5px 6px 5px 0px;
background: #f8c027;
display: inline-block;
color: #ffffff;
padding: 8px 15px;
border-radius: 5px;
cursor: pointer;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.05);
font-size: 11px;
font-weight: 700;
}

.chatbox .chat .messages .message .btnpregrep {
margin: 5px 6px 5px 0px;
background: #f8c027;
display: inline-block;
color: #ffffff;
padding: 8px 15px;
border-radius: 5px;
cursor: pointer;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.05);
font-size: 11px;
font-weight: 700;
}

.chatbox .chat .messages .message p {
color: #111111;
font-size: 12px;
font-weight: 400;
margin-bottom: 5px;
}

.chatbox .chat .messages .message ul {
padding-left: 20px;
margin: 0px;
margin-top: 10px;
}

.chatbox .chat .messages .message ul li {
color: #111111;
font-size: 12px;
font-weight: 400;
margin-bottom: 5px;
}

.chatbox .chat .messages .message.user {
margin: 2rem 1rem 2rem auto;
border-radius: 0.7rem 0.7rem 0 0.7rem;
background: #333;
color: white;
padding: 0.6rem 1rem 0.6rem;
}

.chatbox .chat .messages .message.user p {
color: #ffffff;
margin-bottom: 0px;
}

.chatbox .chat .messages .message .typing {
display: inline-block;
width: 0.3rem;
height: 0.3rem;
margin-right: 0rem;
box-sizing: border-box;
background: #ccc;
border-radius: 50%;
pointer-events: none;
}

.chatbox .chat .messages .message .typing.typing-1 {
-webkit-animation: typing 1s infinite;
animation: typing 1s infinite;
}

.chatbox .chat .messages .message .typing.typing-2 {
-webkit-animation: typing 1s 250ms infinite;
animation: typing 1s 250ms infinite;
}

.chatbox .chat .messages .message .typing.typing-3 {
-webkit-animation: typing 1s 500ms infinite;
animation: typing 1s 500ms infinite;
}

.chatbox .chat .input {
box-sizing: border-box;
flex-basis: 4rem;
flex-shrink: 0;
display: flex;
align-items: center;
padding: 0 0.5rem 0 1.5rem;
}

.chatbox .chat .input i {
font-size: 1.5rem;
margin-right: 1rem;
color: #666;
cursor: pointer;
transition: color 200ms;
}

.chatbox .chat .input i:hover {
color: #333;
}

.chatbox .chat .input input {
border: none;
background-image: none;
background-color: white;
padding: 0.5rem 1rem;
margin-right: 1rem;
border-radius: 1.125rem;
flex-grow: 2;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1), 0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.2);
font-family: Red hat Display, sans-serif;
font-weight: 400;
letter-spacing: 0.025em;
font-size: 12px;
}

.chatbox .chat .input input:placeholder {
color: #999;
}

@-webkit-keyframes typing {
0%, 75%, 100% {
  transform: translate(0, 0.25rem) scale(0.9);
  opacity: 0.5;
}
25% {
  transform: translate(0, -0.25rem) scale(1);
  opacity: 1;
}
}
@keyframes typing {
0%, 75%, 100% {
  transform: translate(0, 0.25rem) scale(0.9);
  opacity: 0.5;
}
25% {
  transform: translate(0, -0.25rem) scale(1);
  opacity: 1;
}
}
/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width: 320px) {
.chatbox .chat {
  width: 100%;
  right: 0px;
}
.home-slider picture {
  opacity: 0.3;
}
.parallax {
  background-attachment: inherit;
  background-size: auto;
}
.bt-menu {
  display: block;
}
.desk-menu {
  display: none;
}
.que-hacemos .item-servicio .wrap-servicio .info-servicio {
  opacity: 1;
}
.modal .modal-content .modal-body span {
  padding: 50px 10px;
}
}
@media only screen and (min-width: 480px) {
.chatbox .chat {
  width: 100%;
  right: 0px;
}
.home-slider picture {
  opacity: 0.3;
}
.parallax {
  background-attachment: inherit;
  background-size: auto;
}
.bt-menu {
  display: block;
}
.desk-menu {
  display: none;
}
.que-hacemos .item-servicio .wrap-servicio .info-servicio {
  opacity: 1;
}
.modal .modal-content .modal-body span {
  padding: 50px 10px;
}
}
@media only screen and (min-width: 768px) {
.chatbox .chat {
  width: 24rem;
  right: 40px;
}
.home-slider picture {
  opacity: 0.8;
}
.parallax {
  background-attachment: inherit;
  background-size: auto;
}
.bt-menu {
  display: block;
}
.desk-menu {
  display: none;
}
.que-hacemos .item-servicio .wrap-servicio .info-servicio {
  opacity: 1;
}
.modal .modal-content .modal-body span {
  padding: 50px 10px;
}
}
@media only screen and (min-width: 1024px) {
.chatbox .chat {
  width: 24rem;
  right: 40px;
}
.home-slider picture {
  opacity: 0.8;
}
.parallax {
  background-attachment: fixed;
  background-size: cover;
}
.bt-menu {
  display: none;
}
.desk-menu {
  display: flex;
}
.que-hacemos .item-servicio .wrap-servicio .info-servicio {
  opacity: 0;
}
.modal .modal-content .modal-body span {
  padding: 50px 30px;
}
}
@media only screen and (min-width: 1140px) {
.chatbox .chat {
  width: 24rem;
  right: 40px;
}
.home-slider picture {
  opacity: 0.8;
}
.parallax {
  background-attachment: fixed;
  background-size: cover;
}
.bt-menu {
  display: none;
}
.desk-menu {
  display: flex;
}
.que-hacemos .item-servicio .wrap-servicio .info-servicio {
  opacity: 0;
}
.modal .modal-content .modal-body span {
  padding: 50px;
}
}
@media only screen and (min-width: 1280px) {
.chatbox .chat {
  width: 24rem;
  right: 40px;
}
.home-slider picture {
  opacity: 0.8;
}
.parallax {
  background-attachment: fixed;
  background-size: cover;
}
.bt-menu {
  display: none;
}
.desk-menu {
  display: flex;
}
.que-hacemos .item-servicio .wrap-servicio .info-servicio {
  opacity: 0;
}
.modal .modal-content .modal-body span {
  padding: 50px;
}
}