@charset "UTF-8";
@keyframes encoger {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes encoger-rotar {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(0.8) rotate(70deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
.fondo-animado {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  background-image: url("../../img/recursos/bg-fondo-section-probando.webp");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: -1;
}
@media (max-width: 1024px) {
  .fondo-animado {
    background-image: url("../../img/recursos/bg-fondo-section-probando-mobile.webp");
  }
}

.btn-circulo {
  padding: 8px 20px;
  background-color: #E22A82;
  border-radius: 20px;
  color: #fff;
  font-size: 22px;
  display: flex;
  gap: 10px;
  align-items: center;
  line-height: 27px;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 1;
}
.btn-circulo::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100px;
  background-color: #F0CB01;
  transform: scale(0);
  transition: transform 0.5s;
  z-index: -1;
}
.btn-circulo:hover {
  box-shadow: 0 5px 20px 0 rgba(213, 181, 3, 0.5);
  color: #552D7A;
}
.btn-circulo:hover::before {
  transform: scale(1.2);
}
@media (max-width: 1024px) {
  .btn-circulo {
    font-size: 15px;
    line-height: 20px;
    padding: 8px 20px;
  }
}

.volver-inicio {
  color: #E22A82;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.hero-franquicia {
  position: relative;
  padding: 0;
  height: 100dvh;
  clip-path: shape(from 0% 84.53%, vline to 0%, hline to 100%, vline to 84.53%, curve to 50.29% 99.97% with 85.15% 97.72%/60.68% 100.32%, curve to 0% 84.53% with 22.8% 100.18%/5.31% 89.77%, close);
}
@media (max-width: 1024px) {
  .hero-franquicia {
    clip-path: shape(from 0% 94.59%, vline to 0%, hline to 100%, vline to 94.59%, curve to 50.45% 100% with 86.91% 99.03%/61.52% 100.05%, curve to 0% 94.59% with 20.73% 99.88%/4.43% 96.34%, close);
    height: calc(70dvh - var(--header-h, 0px));
  }
}
.hero-franquicia::before {
  content: "";
  inset: 0;
  background: linear-gradient(270deg, rgba(85, 45, 122, 0.05) 34.11%, #552D7A 100%);
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 1024px) {
  .hero-franquicia::before {
    background: linear-gradient(180deg, rgba(85, 45, 122, 0.05) 34.11%, #552D7A 100%);
  }
}
.hero-franquicia picture,
.hero-franquicia video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.hero-franquicia .hero-franquicia__video--mobile {
  display: none;
}
@media (max-width: 1023px) {
  .hero-franquicia .hero-franquicia__video--desktop {
    display: none;
  }
  .hero-franquicia .hero-franquicia__video--mobile {
    display: block;
  }
}
.hero-franquicia .contenedor {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 1024px) {
  .hero-franquicia .contenedor {
    justify-content: center;
    align-items: flex-end;
    bottom: 40px;
  }
}
.hero-franquicia .contenedor .contenido {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 1024px) {
  .hero-franquicia .contenedor .contenido {
    align-items: center;
    justify-content: center;
  }
}
.hero-franquicia .contenedor .contenido .texto-hero-franquicia {
  color: #552D7A;
  font-size: 25px;
  line-height: 30px;
  font-weight: 900;
  font-family: "Poppins", sans-serif;
  display: flex;
  padding: 7.5px 20px;
  background-color: #F0CB01;
  border-radius: 37px;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .hero-franquicia .contenedor .contenido .texto-hero-franquicia {
    text-align: center;
    font-size: 16px;
    line-height: 21px;
  }
}
.hero-franquicia .contenedor .contenido .titulo-hero-franquicia {
  font-family: "Poppins", sans-serif;
  font-size: 50px;
  line-height: 55px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .hero-franquicia .contenedor .contenido .titulo-hero-franquicia {
    text-align: center;
    font-size: 30px;
    line-height: 35px;
  }
}
.hero-franquicia .contenedor .contenido .descripcion-hero-franquicia {
  color: #fff;
  font-size: 18px;
  line-height: 23px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: 100;
  max-width: 570px;
}
@media (max-width: 1024px) {
  .hero-franquicia .contenedor .contenido .descripcion-hero-franquicia {
    text-align: center;
    font-size: 14px;
    line-height: 19px;
  }
}
.hero-franquicia .contenedor .contenido .btn-hero-franquicia {
  background-color: #E22A82;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  color: #fff;
  transition: all 0.3s ease;
}
.hero-franquicia .contenedor .contenido .btn-hero-franquicia:hover {
  background-color: #F0CB01;
  color: #552D7A;
  box-shadow: 0 5px 20px 0 rgba(213, 181, 3, 0.5);
}

.nosotros-franquicia {
  height: auto;
  min-height: auto;
  padding: 80px 0;
}
.nosotros-franquicia .contenedor {
  display: flex;
  align-items: center;
  gap: 80px;
}
@media (max-width: 1024px) {
  .nosotros-franquicia .contenedor {
    flex-direction: column;
    gap: 50px;
    width: 100%;
  }
}
.nosotros-franquicia .contenedor .izquierda {
  width: calc(50% - 40px);
  filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.2));
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .nosotros-franquicia .contenedor .izquierda {
    width: 100%;
  }
}
.nosotros-franquicia .contenedor .izquierda .contenido-izquierda {
  max-width: 40rem;
  clip-path: shape(from 7.4% 0%, curve to 0% 12.01% with 1.56% 1.52%/0.03% 8.64%, vline to 87.73%, curve to 9.4% 99.9% with 0.64% 98.86%/6.53% 100.48%, line to 92.8% 94.52%, curve to 100% 83.3% with 98% 94.02%/99.77% 86.83%, vline to 18.34%, curve to 92.4% 6.95% with 98.88% 9.61%/94.47% 7.11%, line to 7.4% 0%, close);
  background-color: #fff;
  padding: 60px 40px;
}
@media (max-width: 1024px) {
  .nosotros-franquicia .contenedor .izquierda .contenido-izquierda {
    padding: 40px 20px;
  }
}
.nosotros-franquicia .contenedor .izquierda .contenido-izquierda p {
  color: #552D7A;
  font-size: 18px;
  line-height: 23px;
  font-weight: 400;
}
.nosotros-franquicia .contenedor .izquierda .contenido-izquierda p strong {
  font-weight: 700;
  color: #552D7A;
}
@media (max-width: 1024px) {
  .nosotros-franquicia .contenedor .izquierda .contenido-izquierda p {
    font-size: 15px;
    line-height: 20px;
  }
}
.nosotros-franquicia .contenedor .derecha {
  width: calc(50% - 40px);
}
@media (max-width: 1024px) {
  .nosotros-franquicia .contenedor .derecha {
    width: 100%;
  }
}
.nosotros-franquicia .animacion-nosotros {
  min-height: 0;
  width: 100%;
  max-width: 35rem;
  height: 27rem;
  max-height: 27rem;
  overflow: hidden;
}
.nosotros-franquicia .animacion-nosotros .grid-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  min-width: 0;
}
.nosotros-franquicia .animacion-nosotros .grid-layout .franquicia-grid__item {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
  min-height: 0;
  min-width: 0;
}
.nosotros-franquicia .animacion-nosotros .grid-layout .franquicia-grid__item .franquicia-grid__media {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.nosotros-franquicia .animacion-nosotros .grid-layout .franquicia-grid__item .franquicia-grid__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 0;
}
.nosotros-franquicia .animacion-nosotros .grid-layout .franquicia-grid__item .franquicia-grid__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #fff;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
}
.nosotros-franquicia .animacion-nosotros .grid-layout[data-grid="1"] .franquicia-grid__item:nth-child(1) {
  grid-column: 1;
  grid-row: 1/3;
}
.nosotros-franquicia .animacion-nosotros .grid-layout[data-grid="1"] .franquicia-grid__item:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}
.nosotros-franquicia .animacion-nosotros .grid-layout[data-grid="1"] .franquicia-grid__item:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
}
.nosotros-franquicia .animacion-nosotros .grid-layout[data-grid="2"] .franquicia-grid__item:nth-child(3) {
  grid-column: 1;
  grid-row: 1/3;
}
.nosotros-franquicia .animacion-nosotros .grid-layout[data-grid="2"] .franquicia-grid__item:nth-child(1) {
  grid-column: 2;
  grid-row: 1;
}
.nosotros-franquicia .animacion-nosotros .grid-layout[data-grid="2"] .franquicia-grid__item:nth-child(2) {
  grid-column: 2;
  grid-row: 2;
}
.nosotros-franquicia .animacion-nosotros .grid-layout[data-grid="3"] .franquicia-grid__item:nth-child(2) {
  grid-column: 1;
  grid-row: 1/3;
}
.nosotros-franquicia .animacion-nosotros .grid-layout[data-grid="3"] .franquicia-grid__item:nth-child(3) {
  grid-column: 2;
  grid-row: 1;
}
.nosotros-franquicia .animacion-nosotros .grid-layout[data-grid="3"] .franquicia-grid__item:nth-child(1) {
  grid-column: 2;
  grid-row: 2;
}
.nosotros-franquicia {
  /* Mismas dimensiones que .animacion-nosotros (35rem × 27rem), una sola imagen */
}
.nosotros-franquicia .animacion-nosotros--single .franquicia-sola-imagen {
  width: 100%;
  height: 100%;
  min-height: 0;
  border-radius: 1.25rem;
  overflow: hidden;
}
.nosotros-franquicia .animacion-nosotros--single .franquicia-sola-imagen img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  min-height: 0;
}

.contadores-franquicia {
  min-height: auto;
  height: auto;
  padding: 40px 0;
}
.contadores-franquicia .contenedor .contenido-titulo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contadores-franquicia .contenedor .contenido-titulo .titulo-1, .contadores-franquicia .contenedor .contenido-titulo .titulo-2 {
  font-family: "Poppins", sans-serif;
  display: flex;
  padding: 30px;
  font-size: 40px;
  font-weight: 900;
  line-height: 45px;
  color: #fff;
}
@media (max-width: 1024px) {
  .contadores-franquicia .contenedor .contenido-titulo .titulo-1, .contadores-franquicia .contenedor .contenido-titulo .titulo-2 {
    font-size: 30px;
    line-height: 35px;
    padding: 25px 20px;
  }
}
.contadores-franquicia .contenedor .contenido-titulo .titulo-1 {
  clip-path: shape(from 0% 8.04%, curve to 1.82% 0% with 0% 3.51%/0.82% -0.13%, line to 98.28% 12.64%, curve to 100% 20.68% with 99.24% 12.77%/100% 16.33%, vline to 80.38%, curve to 98.28% 88.41% with 100% 84.73%/99.24% 88.3%, line to 1.81% 100%, curve to 0% 91.96% with 0.82% 100.12%/0% 96.49%, vline to 8.04%, close);
  background-color: #E22A82;
  margin-right: 90px;
}
@media (max-width: 1024px) {
  .contadores-franquicia .contenedor .contenido-titulo .titulo-1 {
    margin-right: 32px;
  }
}
.contadores-franquicia .contenedor .contenido-titulo .titulo-2 {
  clip-path: shape(from 100% 8.04%, curve to 98.02% 0% with 100% 3.5%/99.1% -0.14%, line to 1.86% 12.61%, curve to 0% 20.64% with 0.82% 12.74%/0% 16.3%, vline to 80.41%, curve to 1.86% 88.44% with 0% 84.76%/0.83% 88.32%, line to 98.03% 100%, curve to 100% 91.96% with 99.11% 100.13%/100% 96.49%, vline to 8.04%, close);
  background-color: #00A58D;
  margin-top: -18px;
  margin-left: 90px;
}
@media (max-width: 1024px) {
  .contadores-franquicia .contenedor .contenido-titulo .titulo-2 {
    margin-left: 20px;
  }
}
.contadores-franquicia .contenedor .contadores-numeros {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .contadores-franquicia .contenedor .contadores-numeros {
    flex-direction: column;
    gap: 24px;
  }
}
.contadores-franquicia .contenedor .contadores-numeros .contador-numero-container {
  position: relative;
}
.contadores-franquicia .contenedor .contadores-numeros .contador-numero-container .contador-numero {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 70px 40px 70px;
  position: relative;
  background-color: #552D7A;
  border-radius: 40px;
  overflow: hidden;
}
.contadores-franquicia .contenedor .contadores-numeros .contador-numero-container .contador-numero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../../img/default/fondo-contador.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.1;
}
.contadores-franquicia .contenedor .contadores-numeros .contador-numero-container .contador-numero .contenido-contador {
  position: relative;
  z-index: 2;
}
.contadores-franquicia .contenedor .contadores-numeros .contador-numero-container .contador-numero .contenido-contador .simbolo, .contadores-franquicia .contenedor .contadores-numeros .contador-numero-container .contador-numero .contenido-contador .numero-de-contador, .contadores-franquicia .contenedor .contadores-numeros .contador-numero-container .contador-numero .contenido-contador .letra {
  color: #F0CB01;
  font-size: 80px;
  line-height: 80px;
  font-family: "Poppins", sans-serif;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .contadores-franquicia .contenedor .contadores-numeros .contador-numero-container .contador-numero .contenido-contador .simbolo, .contadores-franquicia .contenedor .contadores-numeros .contador-numero-container .contador-numero .contenido-contador .numero-de-contador, .contadores-franquicia .contenedor .contadores-numeros .contador-numero-container .contador-numero .contenido-contador .letra {
    font-size: 60px;
    line-height: 65px;
  }
}
.contadores-franquicia .contenedor .contadores-numeros .contador-numero-container .contador-numero .contenido-texto {
  clip-path: shape(from 100% 8.04%, curve to 98.02% 0% with 100% 3.5%/99.1% -0.14%, line to 1.86% 12.61%, curve to 0% 20.64% with 0.82% 12.74%/0% 16.3%, vline to 80.41%, curve to 1.86% 88.44% with 0% 84.76%/0.83% 88.32%, line to 98.03% 100%, curve to 100% 91.96% with 99.11% 100.13%/100% 96.49%, vline to 8.04%, close);
  background-color: #00ABE9;
  padding: 20px;
  position: absolute;
  top: calc(100% - 30px);
  left: 50%;
  transform: translateX(-50%);
}
.contadores-franquicia .contenedor .contadores-numeros .contador-numero-container .contador-numero .contenido-texto p {
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
}
.contadores-franquicia .contenedor .contadores-numeros .contador-numero-container .contador-numero .circulo-1 {
  background-color: #E22A82;
  width: 329px;
  height: 329px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  position: absolute;
  bottom: 27px;
  right: calc(100% - 140px);
  opacity: 0.8;
  filter: blur(125px);
}
.contadores-franquicia .contenedor .contadores-numeros .contador-numero-container .contador-numero .circulo-2 {
  width: 260px;
  height: 260px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  position: absolute;
}
.contadores-franquicia .contenedor .contadores-numeros .contador-numero-container .contenido-texto {
  display: flex;
  width: 100%;
  justify-content: center;
}
.contadores-franquicia .contenedor .contadores-numeros .contador-numero-container .contenido-texto p {
  clip-path: shape(from 100% 8.04%, curve to 98.02% 0% with 100% 3.5%/99.1% -0.14%, line to 1.86% 12.61%, curve to 0% 20.64% with 0.82% 12.74%/0% 16.3%, vline to 80.41%, curve to 1.86% 88.44% with 0% 84.76%/0.83% 88.32%, line to 98.03% 100%, curve to 100% 91.96% with 99.11% 100.13%/100% 96.49%, vline to 8.04%, close);
  background-color: #00ABE9;
  padding: 20px;
  color: #fff;
  font-size: 21px;
  line-height: 25px;
  font-weight: bold;
  margin-top: -30px;
}

.cuadros-franquicia {
  min-height: auto;
  height: auto;
  padding: 100px 0 70px 0;
}
@media (max-width: 1024px) {
  .cuadros-franquicia {
    padding: 30px 0 70px 0;
  }
}
.cuadros-franquicia .contenedor {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #552D7A;
  position: relative;
  border-radius: 50px;
  padding: 50px;
  width: 1450px;
}
@media (max-width: 1024px) {
  .cuadros-franquicia .contenedor {
    padding: 50px 15px;
  }
}
.cuadros-franquicia .contenedor .triangulo-svg, .cuadros-franquicia .contenedor .circulo-svg {
  position: absolute;
}
.cuadros-franquicia .contenedor .triangulo-svg {
  top: -35px;
  left: -15px;
  animation: encoger-rotar 5s ease-in-out infinite;
}
@media (max-width: 1024px) {
  .cuadros-franquicia .contenedor .triangulo-svg svg {
    width: 7rem;
    height: 7rem;
  }
}
.cuadros-franquicia .contenedor .circulo-svg {
  bottom: 46px;
  right: -107px;
  animation: encoger 5s ease-in-out infinite;
}
.cuadros-franquicia .contenedor::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../../img/default/fondo-franquicia-cuadro.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.1;
}
.cuadros-franquicia .contenedor .titulos-franquicia {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}
.cuadros-franquicia .contenedor .titulos-franquicia .titulo-1, .cuadros-franquicia .contenedor .titulos-franquicia .titulo-2 {
  font-size: 40px;
  font-weight: 900;
  line-height: 45px;
  display: flex;
  padding: 20px;
  font-family: "Poppins", sans-serif;
}
@media (max-width: 1024px) {
  .cuadros-franquicia .contenedor .titulos-franquicia .titulo-1, .cuadros-franquicia .contenedor .titulos-franquicia .titulo-2 {
    font-size: 30px;
    line-height: 35px;
    padding: 20px;
  }
}
.cuadros-franquicia .contenedor .titulos-franquicia .titulo-1 {
  color: #fff;
  background-color: #E22A82;
  clip-path: shape(from 0% 8.04%, curve to 1.82% 0% with 0% 3.51%/0.82% -0.13%, line to 98.28% 12.64%, curve to 100% 20.68% with 99.24% 12.77%/100% 16.33%, vline to 80.38%, curve to 98.28% 88.41% with 100% 84.73%/99.24% 88.3%, line to 1.81% 100%, curve to 0% 91.96% with 0.82% 100.12%/0% 96.49%, vline to 8.04%, close);
}
.cuadros-franquicia .contenedor .titulos-franquicia .titulo-2 {
  margin-top: -18px;
  color: #552D7A;
  background-color: #F0CB01;
  clip-path: shape(from 100% 8.04%, curve to 98.02% 0% with 100% 3.5%/99.1% -0.14%, line to 1.86% 12.61%, curve to 0% 20.64% with 0.82% 12.74%/0% 16.3%, vline to 80.41%, curve to 1.86% 88.44% with 0% 84.76%/0.83% 88.32%, line to 98.03% 100%, curve to 100% 91.96% with 99.11% 100.13%/100% 96.49%, vline to 8.04%, close);
}
.cuadros-franquicia .contenedor .cuadros-intercalados {
  display: flex;
  gap: 30px;
  align-items: center;
  width: 100%;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 30px;
}
@media (max-width: 1024px) {
  .cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado {
    flex-direction: column;
    gap: 30px;
  }
}
.cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .izquierda {
  width: calc(48% - 15px);
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .izquierda {
    width: 100%;
    justify-content: center;
  }
}
.cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .izquierda .imagen-intercalada {
  width: 540px;
  height: 225px;
  border-radius: 23px;
  overflow: hidden;
}
.cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .izquierda .imagen-intercalada img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 0.5s ease;
}
.cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .izquierda .imagen-intercalada img:hover {
  transform: scale(1.05);
}
.cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha {
  width: calc(52% - 15px);
  display: flex;
  justify-content: flex-start;
  border-radius: 30px 0 0 30px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha {
    width: 100%;
    justify-content: center;
    border-radius: 20px 0 0 20px;
  }
}
.cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha {
  padding: 40px;
  background-color: #fff;
  clip-path: shape(from 3.02% 0%, curve to 0% 6.83% with 0.94% 0%/0.14% 4.55%, vline to 92.6%, curve to 3.19% 100% with 0.2% 98.52%/2.21% 100%, line to 97.15% 93.93%, curve to 100% 86.91% with 99.43% 92.87%/100% 88.8%, vline to 14.8%, curve to 96.98% 7.59% with 99.87% 9.49%/97.93% 7.78%, line to 3.02% 0%, close);
  max-width: 596px;
}
@media (max-width: 1024px) {
  .cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha {
    padding: 40px 30px;
  }
}
.cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha h2, .cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha h3, .cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha h4, .cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha h5, .cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha h6 {
  font-family: "Poppins", sans-serif;
  font-size: 35px;
  line-height: 40px;
  font-weight: 900;
}
@media (max-width: 1024px) {
  .cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha h2, .cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha h3, .cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha h4, .cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha h5, .cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha h6 {
    font-size: 23px;
    line-height: 28px;
  }
}
.cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha strong {
  font-weight: 700;
  color: #552D7A;
}
.cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha p {
  color: #552D7A;
  line-height: 20px;
  font-size: 15px;
}
.cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha ul {
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha ul {
    max-height: 280px;
    overflow: scroll;
  }
}
.cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado .derecha .contenido-derecha ul li {
  list-style-type: disc;
  margin-left: 10px;
  font-size: 15px;
  line-height: 20px;
  color: #552D7A;
}
.cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado:nth-child(even) {
  flex-direction: row-reverse;
}
@media (max-width: 1024px) {
  .cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado:nth-child(even) {
    flex-direction: column;
  }
}
.cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado:nth-child(even) .izquierda {
  justify-content: flex-start;
}
.cuadros-franquicia .contenedor .cuadros-intercalados .item-intercalado:nth-child(even) .derecha {
  justify-content: flex-end;
}

.pasos-franquicia {
  min-height: auto;
  height: auto;
  padding: 50px 0;
  position: relative;
}
.pasos-franquicia::before {
  content: "";
  position: absolute;
  inset: 0;
  clip-path: shape(from 40.96% 2.88%, curve to 0% 1.4% with 24.62% -1.49%/6.84% 0.07%, vline to 99.95%, curve to 13.95% 99.05% with 2.64% 100.2%/10.4% 99.45%, curve to 32.72% 94.9% with 24.17% 97.69%/30.72% 95.72%, curve to 63.91% 87.62% with 47.77% 89.8%/59.79% 87.92%, curve to 100% 95.22% with 78.46% 86.86%/94.03% 92.37%, vline to 7.19%, curve to 74.01% 10.91% with 89.66% 11.21%/78.37% 11.34%, curve to 40.96% 2.88% with 63.87% 11.38%/61.38% 8.36%, close);
  background: url("../../img/recursos/fondo-seccion-encuentranos.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #E22A82;
}
.pasos-franquicia .contenedor {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pasos-franquicia .contenedor .contenido-titulo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
}
.pasos-franquicia .contenedor .contenido-titulo .titulo-1, .pasos-franquicia .contenedor .contenido-titulo .titulo-2 {
  font-size: 60px;
  line-height: 65px;
  font-weight: 900;
  font-family: "Poppins", sans-serif;
  display: flex;
  padding: 30px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .pasos-franquicia .contenedor .contenido-titulo .titulo-1, .pasos-franquicia .contenedor .contenido-titulo .titulo-2 {
    font-size: 30px;
    line-height: 35px;
    padding: 20px;
  }
}
.pasos-franquicia .contenedor .contenido-titulo .titulo-1 {
  color: #fff;
  clip-path: shape(from 0% 8.04%, curve to 1.82% 0% with 0% 3.51%/0.82% -0.13%, line to 98.28% 12.64%, curve to 100% 20.68% with 99.24% 12.77%/100% 16.33%, vline to 80.38%, curve to 98.28% 88.41% with 100% 84.73%/99.24% 88.3%, line to 1.81% 100%, curve to 0% 91.96% with 0.82% 100.12%/0% 96.49%, vline to 8.04%, close);
  background-color: #552D7A;
}
.pasos-franquicia .contenedor .contenido-titulo .titulo-2 {
  margin-top: -18px;
  color: #552D7A;
  background-color: #F0CB01;
  clip-path: shape(from 100% 8.04%, curve to 98.02% 0% with 100% 3.5%/99.1% -0.14%, line to 1.86% 12.61%, curve to 0% 20.64% with 0.82% 12.74%/0% 16.3%, vline to 80.41%, curve to 1.86% 88.44% with 0% 84.76%/0.83% 88.32%, line to 98.03% 100%, curve to 100% 91.96% with 99.11% 100.13%/100% 96.49%, vline to 8.04%, close);
}
.pasos-franquicia .contenedor .pasos-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  gap: 30px;
  filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.2));
}
@media (max-width: 1024px) {
  .pasos-franquicia .contenedor .pasos-container {
    flex-direction: column;
    gap: 30px;
    padding: 0 15px;
  }
}
.pasos-franquicia .contenedor .pasos-container .paso-item {
  position: relative;
  z-index: 1;
  flex: 0 1 calc((100% - 60px) / 3);
  max-width: calc((100% - 60px) / 3);
  padding: 30px 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .pasos-franquicia .contenedor .pasos-container .paso-item {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.pasos-franquicia .contenedor .pasos-container .paso-item::before {
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  clip-path: shape(from 7.75% 0.26%, curve to 0% 12.13% with 1.66% -1.64%/0.05% 7.38%, vline to 88.72%, curve to 4.7% 100% with 0.22% 96.79%/3.23% 99.6%, line to 94.61% 94.36%, curve to 100% 83.67% with 98.7% 94.36%/99.91% 87.24%, vline to 19.26%, curve to 94.88% 7.38% with 99.56% 9.76%/96.4% 7.38%, line to 7.75% 0.26%, close);
  background-color: #fff;
}
.pasos-franquicia .contenedor .pasos-container .paso-item:nth-child(even)::before {
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
  clip-path: shape(from 92.25% 99.74%, curve to 100% 87.87% with 98.34% 101.64%/99.95% 92.62%, vline to 11.28%, curve to 95.3% 0% with 99.78% 3.21%/96.77% 0.4%, line to 5.39% 5.64%, curve to 0% 16.33% with 1.3% 5.64%/0.09% 12.76%, vline to 80.74%, curve to 5.12% 92.62% with 0.44% 90.24%/3.6% 92.62%, line to 92.25% 99.74%, close);
}
.pasos-franquicia .contenedor .pasos-container .paso-item .paso-item__numero {
  font-size: 25px;
  line-height: 30px;
  font-weight: 900;
  font-family: "Poppins", sans-serif;
  color: #552D7A;
  background-color: #F0CB01;
  padding: 7.5px 17.5px;
  border-radius: 100%;
  position: absolute;
  top: -20px;
}
.pasos-franquicia .contenedor .pasos-container .paso-item .paso-item__contenido .titulo-paso {
  color: #00ABE9;
  font-family: "Poppins", sans-serif;
  line-height: 35px;
  font-size: 29px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 10px;
}
.pasos-franquicia .contenedor .pasos-container .paso-item .paso-item__contenido .contenido-paso {
  color: #552D7A;
  font-size: 21px;
  line-height: 25px;
  font-weight: 400;
  text-align: center;
}

.videos-franquicia {
  min-height: auto;
  height: auto;
  padding: 80px 0;
}
@media (max-width: 1024px) {
  .videos-franquicia {
    padding: 50px 0;
  }
}
.videos-franquicia .contenedor {
  display: flex;
  align-items: center;
  justify-content: center;
}
.videos-franquicia .contenedor .video-franquicia {
  border: 5px solid #fff;
  border-radius: 40px;
  max-width: 745px;
  max-height: 420px;
  aspect-ratio: 16/9;
  box-shadow: 10px 50px 80px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.videos-franquicia .contenedor .video-franquicia video {
  border-radius: 40px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.videos-franquicia .contenedor .video-franquicia .circulo-svg, .videos-franquicia .contenedor .video-franquicia .triangulo-svg {
  position: absolute;
  z-index: -1;
}
.videos-franquicia .contenedor .video-franquicia .circulo-svg {
  top: -44px;
  left: -65px;
  animation: encoger 5s ease-in-out infinite;
}
.videos-franquicia .contenedor .video-franquicia .triangulo-svg {
  bottom: -65px;
  right: -105px;
  animation: encoger-rotar 5s ease-in-out infinite;
}
.videos-franquicia .contenedor .video-franquicia .reproduccion-video-franquicia {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  border-radius: 100%;
}
.videos-franquicia .video-modal-franquicia[hidden] {
  display: none !important;
}
.videos-franquicia .video-modal-franquicia {
  position: fixed;
  inset: 0;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  top: var(--header-h, 0px);
}
.videos-franquicia .video-modal-franquicia__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.75);
}
.videos-franquicia .video-modal-franquicia__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 960px);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35);
}
.videos-franquicia .video-modal-franquicia__dialog video {
  display: block;
  width: 100%;
  height: auto;
  max-height: calc(100vh - 96px);
  background-color: #000;
}
.videos-franquicia .video-modal-franquicia__close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

body.video-modal-open {
  overflow: hidden;
}

.contacto-franquicia {
  min-height: auto;
  height: auto;
  padding: 80px 0;
}
@media (max-width: 1024px) {
  .contacto-franquicia {
    padding: 50px 0;
  }
}
.contacto-franquicia .contenedor {
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .contacto-franquicia .contenedor {
    flex-direction: column;
    gap: 50px;
  }
}
.contacto-franquicia .contenedor .izquierda {
  flex-direction: column;
}
.contacto-franquicia .contenedor .izquierda .titulos-contacto-franquicia {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.contacto-franquicia .contenedor .izquierda .titulos-contacto-franquicia .titulo-contacto-franquicia-1 {
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
  color: #fff;
  padding: 15px;
  background-color: #00A58D;
  clip-path: shape(from 0% 8.04%, curve to 1.82% 0% with 0% 3.51%/0.82% -0.13%, line to 98.28% 12.64%, curve to 100% 20.68% with 99.24% 12.77%/100% 16.33%, vline to 80.38%, curve to 98.28% 88.41% with 100% 84.73%/99.24% 88.3%, line to 1.81% 100%, curve to 0% 91.96% with 0.82% 100.12%/0% 96.49%, vline to 8.04%, close);
  text-align: center;
}
@media (max-width: 1024px) {
  .contacto-franquicia .contenedor .izquierda .titulos-contacto-franquicia .titulo-contacto-franquicia-1 {
    font-size: 20px;
    line-height: 25px;
  }
}
.contacto-franquicia .contenedor .izquierda .titulos-contacto-franquicia .titulo-contacto-franquicia-2 {
  font-size: 35px;
  font-weight: 900;
  line-height: 40px;
  font-family: "Poppins", sans-serif;
  color: #fff;
  padding: 20px;
  margin-top: -18px;
  background-color: #E22A82;
  clip-path: shape(from 100% 8.04%, curve to 98.02% 0% with 100% 3.5%/99.1% -0.14%, line to 1.86% 12.61%, curve to 0% 20.64% with 0.82% 12.74%/0% 16.3%, vline to 80.41%, curve to 1.86% 88.44% with 0% 84.76%/0.83% 88.32%, line to 98.03% 100%, curve to 100% 91.96% with 99.11% 100.13%/100% 96.49%, vline to 8.04%, close);
  text-align: center;
}
@media (max-width: 1024px) {
  .contacto-franquicia .contenedor .izquierda .titulos-contacto-franquicia .titulo-contacto-franquicia-2 {
    font-size: 23px;
    line-height: 28px;
  }
}
.contacto-franquicia .contenedor .izquierda .contenido-contacto-franquicia {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}
@media (max-width: 1024px) {
  .contacto-franquicia .contenedor .izquierda .contenido-contacto-franquicia {
    font-size: 11px;
    line-height: 16px;
  }
}
.contacto-franquicia .contenedor .derecha .formulario-contacto-franquicia .wpcf7 .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media (max-width: 1024px) {
  .contacto-franquicia .contenedor .derecha .formulario-contacto-franquicia .wpcf7 .wpcf7-form .campos-dobles {
    flex-direction: column;
  }
}
.contacto-franquicia .contenedor .derecha .formulario-contacto-franquicia .wpcf7 .wpcf7-form p {
  width: 100%;
  display: flex;
  gap: 18px;
}
.contacto-franquicia .contenedor .derecha .formulario-contacto-franquicia .wpcf7 .wpcf7-form p span {
  display: flex;
  gap: 18px;
  width: 100%;
}
.contacto-franquicia .contenedor .derecha .formulario-contacto-franquicia .wpcf7 .wpcf7-form p span input, .contacto-franquicia .contenedor .derecha .formulario-contacto-franquicia .wpcf7 .wpcf7-form p span textarea {
  border-radius: 28px;
  background: linear-gradient(0deg, rgba(85, 45, 122, 0.1) 0%, rgba(85, 45, 122, 0.1) 100%), #FFF;
  padding: 15px 20px;
  border: none;
  width: 100%;
  color: #552D7A;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}
.contacto-franquicia .contenedor .derecha .formulario-contacto-franquicia .wpcf7 .wpcf7-form p span input::-moz-placeholder, .contacto-franquicia .contenedor .derecha .formulario-contacto-franquicia .wpcf7 .wpcf7-form p span textarea::-moz-placeholder {
  color: #552D7A;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}
.contacto-franquicia .contenedor .derecha .formulario-contacto-franquicia .wpcf7 .wpcf7-form p span input::placeholder, .contacto-franquicia .contenedor .derecha .formulario-contacto-franquicia .wpcf7 .wpcf7-form p span textarea::placeholder {
  color: #552D7A;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}
.contacto-franquicia .contenedor .derecha .formulario-contacto-franquicia .wpcf7 .wpcf7-form p span input:focus, .contacto-franquicia .contenedor .derecha .formulario-contacto-franquicia .wpcf7 .wpcf7-form p span textarea:focus {
  outline: none;
}
.contacto-franquicia .contenedor .derecha .formulario-contacto-franquicia .wpcf7 .wpcf7-form p span textarea {
  height: 136px;
}

.nosotros-franquicia,
.contadores-franquicia,
.cuadros-franquicia,
.pasos-franquicia,
.videos-franquicia,
.contacto-franquicia {
  scroll-margin-top: 100px;
}/*# sourceMappingURL=index.css.map */