/*
Theme Name: Dots
Theme URI: https://bootscore.me/
Template: bootscore-main
Author: bootScore
Author URI: https://bootscore.me
Description: A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. Documentation. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
Tags: featured-images,threaded-comments,translation-ready
Version: 5.3.4.1729176281
Updated: 2024-10-17 16:44:41

*/

/* ==== Generales ====*/

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("assets/fonts/PlusJakartaSans-Regular.woff2") format("woff2"), url("assets/fonts/PlusJakartaSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("assets/fonts/PlusJakartaSans-Bold.woff2") format("woff2"), url("assets/fonts/PlusJakartaSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("assets/fonts/PlusJakartaSans-ExtraBold.woff2") format("woff2"), url("assets/fonts/PlusJakartaSans-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --dts-black: #000000;
  --dts-white: #ffffff;
  --dts-primary-blue: #3b648f;
  --dts-secondary-blue: #54608c;
  --dts-primary-purple: #46225a;
  --dts-cta: #aa52d9;
  --dts-grey: #666666;

  --dts-gradient-2: linear-gradient(270deg, #a5a9ff 0%, #3b648f 30.5%, #46225a 65%, #412135 100%);
  --dts-gradient-circle-2: linear-gradient(270deg, #a5a9ff 0%, #3b648f 30.5%, #46225a 65%, #412135 100%);
  --dts-gradient-circle-white: linear-gradient(180deg, #ffffffb8 0%, #ffffff63 30.5%, #fefcff21 65%, #ffffff0d 100%);
  --dts-gradient-circle-white-2: linear-gradient(180deg, #ffffffb8 0%, #ffffff7f 30.5%, #fefcff3e 65%, #ffffff26 100%);
  --dts-gradient-cta: linear-gradient(270deg, #46225a 0%, #5e1e81 30.5%, #8330b0 50%, #aa52d9 100%);
}

body {
  font-family: "Plus Jakarta Sans", Arial, sans-serif;
  font-weight: 400;
}

::selection {
  background-color: var(--dts-primary-blue);
  color: white;
}

html {
  scroll-behavior: smooth;
}

.lead {
  font-weight: normal;
  font-size: clamp(1.2rem, 3vw, 1.5rem);
  line-height: clamp(1.8rem, 4vw, 2.3rem);
  font-weight: 400;
  color: var(--dts-grey);
  margin-bottom: 3rem;
}

.h1 {
  font-size: clamp(2.9rem, 10vw, 3.9rem);
  line-height: clamp(3rem, 13vw, 4.8rem);
  margin-bottom: 2rem;
  font-weight: 800;
  color: var(--dts-gradient-circle-2);
  background: linear-gradient(270deg, #a5a9ff 0%, #3b648f 30.5%, #46225a 65%, #412135 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.h1 span {
  font-weight: 400;
}

h2,
h3,
h4,
h5,
h6,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 600;
}

.h2 {
  font-size: clamp(3rem, 14vw, 3.4rem);
  line-height: clamp(3.6rem, 15vw, 4rem);
  margin-bottom: 2rem;
  font-weight: 700;
  color: var(--dts-secondary-blue);
}

.h3 {
  font-size: 1.7rem;
  line-height: 2.2rem;
  margin-bottom: 1rem;
  font-weight: 800;
  color: var(--dts-primary-purple);
}

.btn {
  width: fit-content;
}

.btn.btn-primary {
  background: var(--dts-gradient-circle-2);
  padding: 0.4rem 1.6rem;
  color: var(--dts-white);
  border: 1px solid var(--dts-white);
  border-radius: 2rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  background-size: 150% auto;
  transition: 0.3s;
}

.btn.btn-primary:hover {
  background-position: 100% 0;
}

.btn.btn-outline {
  background: var(--dts-gradient-circle-white);
  box-shadow: -5px -5px 250px 0px #ffffff05 inset;
  backdrop-filter: blur(42px);
  border: 1px var(--dts-white) solid;
  padding: 0.4rem 0.8rem;
  color: var(--dts-white);
  border-radius: 2rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

.btn.btn-outline:hover {
  background: var(--dts-gradient-circle-white-2);
}

.btn.btn-cta {
  background: var(--dts-gradient-cta);
  padding: 0.4rem 1.6rem;
  color: var(--dts-white);
  border-radius: 2rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  background-size: 300% auto;
  transition: 0.3s;
}

.btn.btn-cta:hover {
  background-position: 99% 0;
}

section {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

section.fondo-gradiente {
  background-image: var(--dts-gradient-2);
  color: var(--dts-white);
}

section.fondo-gradiente .h2 {
  color: white;
}

.circulo {
  position: absolute;
  height: fit-content;
  aspect-ratio: 1;
  z-index: -1;
  display: none;
}

/* Quitar padding general en row que viene de bootscore a las listas */
.row>ul{
  padding-left: 4rem;
}

/* ==== Inicio ==== */
/* --- Hero --- */
.main-home .hero {
  background: linear-gradient(253.55deg, #3c6590 0%, #54608c 26%, #424475 53.5%, #46225a 83%, #412135 100%);
  height: 100vh;
  position: relative;
  overflow-x: clip;
}

.tarjetas-overlay.card {
  border: unset;
  border-radius: 1rem;
  background: radial-gradient(100% 100% at 0% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(42px);
  box-shadow: -5px -5px 250px 0px #ffffff05 inset;
  border: 2px solid rgba(255, 255, 255, 0.12);
  border-radius: 1.5rem;
}

.tarjetas-overlay.card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #4c3a6d80;
  z-index: 1;
  border-radius: 1rem;
}

.tarjetas-overlay.card img {
  border-radius: 1rem;
  aspect-ratio: 1;
  object-fit: cover;
}

.tarjetas-overlay .texto-tarjeta {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(100% 100% at 0% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(42px);
  box-shadow: -5px -5px 250px 0px #ffffff05 inset;
  text-align: center;
  padding: 1rem;
  border-top: 1px var(--dts-white) solid;
  border-radius: 1rem;
  z-index: 2;
  height: fit-content;
  min-height: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tarjetas-overlay .texto-tarjeta .h3 {
  font-size: 1.5rem;
  color: white;
}

.main-home .hero img {
  position: relative;
  z-index: 2;
}

.main-home .hero .circulo {
  height: 50vw;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  z-index: 1;
}

.main-home .hero .circulo.centro {
  min-width: 30rem;
  min-height: 30rem;
  animation: rotar 30s ease infinite;
  /* animation: gradientAnimation 10s ease infinite; */
}

@keyframes rotar {
  0% {
    transform: translateY(-50%) translateX(-50%) rotate(0deg);
  }

  100% {
    transform: translateY(-50%) translateX(-50%) rotate(360deg);
  }
}

@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}

.main-home .hero .circulo.centro svg {
  height: 100%;
  width: 100%;
}

.main-home .hero .circulo.dcha {
  position: absolute;
  height: fit-content;
  aspect-ratio: 1;
  top: unset;
  bottom: -20%;
  left: unset;
  transform: unset;
  right: 0;
  z-index: 0;
  animation: bounce 5s ease-in-out infinite;
}

.main-home .hero .circulo.izda {
  position: absolute;
  height: fit-content;
  aspect-ratio: 1;
  top: -30%;
  bottom: 0;
  left: -50%;
  transform: unset;
  z-index: 0;
  animation: bounce 7s ease-in-out infinite;
}

/*--Servicios---*/
.servicios-destacados {
  position: relative;
  overflow-x: clip;
}

.servicios-destacados .tarjetas-overlay {
  z-index: 2;
  overflow: hidden;
  border-radius: 1.5rem;
}

.servicios-destacados .texto-tarjeta {
  background: unset;
}

.servicios-destacados .circulo {
  height: max-content;
  width: fit-content;
  display: none;
}

/* --- Últimas noticias --- */
.ultimas-noticias {
  padding-bottom: 10rem;
}

.ultimas-noticias .card {
  position: relative;
}

.ultimas-noticias .card-img-overlay {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  top: unset;
  width: 100%;
  z-index: 2;
}

.ultimas-noticias .card-img-overlay .textos {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: 3rem 2rem;
  background: radial-gradient(100% 100% at 0% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(42px);
  box-shadow: -5px -5px 250px 0px #ffffff05 inset;
  border-radius: 2rem;

  border: 2px solid rgba(255, 255, 255, 0.12);
}

.ultimas-noticias .card-img-overlay .textos .card-text {
  overflow-y: auto;
}

.ultimas-noticias .card-img-overlay .textos .btn.btn-outline {
  margin-bottom: 0;
}

.ultimas-noticias .card-img-overlay p,
.ultimas-noticias .card-img-overlay .h3 {
  color: var(--dts-white);
}

.ultimas-noticias .card-img-overlay .btn {
  width: max-content;
}

.ultimas-noticias .carousel-inner {
  border-radius: 2rem;
}

.ultimas-noticias .carousel-indicators {
  bottom: -6rem;
}

.ultimas-noticias .carousel-indicators [data-bs-target] {
  border-radius: 50%;
  margin: 1rem 0.4rem;
  background-color: #4c3a6d66;
  height: 1.5rem;
  width: 1.5rem;
}

.ultimas-noticias .carousel-item {
  aspect-ratio: 3/4;
}

.ultimas-noticias .carousel-item img {
  object-fit: cover;
  aspect-ratio: 3/4;
}

.ultimas-noticias .carousel-item .card::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--dts-black);
  opacity: 0.3;
  z-index: 1;
}

.ultimas-noticias .carousel-indicators .active {
  background-color: var(--dts-primary-purple);
}

/*--cta--*/
.cta {
  position: relative;
  overflow: clip;
}

.cta .circulo {
  height: fit-content;
  bottom: -10%;
  right: 0;
  display: block;
}

.cta .text-center {
  position: relative;
  z-index: 2;
}

/* ==== Páginas ==== */

/* === Quiénes somos === */
.quienes-somos .hero {
  padding-top: 10rem;
  padding-bottom: 0;
}

.foto-ancha,
.blog-single .hero img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 3/2;
}

.items-icono {
  text-align: center;
}

.items-icono img {
  width: 7rem;
  height: 7rem;
  margin-bottom: 3rem;
}

.quienes-somos .text-center {
  position: relative;
  z-index: 2;
}

.quienes-somos .valores {
  position: relative;
  overflow-x: clip;
}

.quienes-somos .valores .text-center {
  position: relative;
  z-index: 2;
}

.quienes-somos .valores .circulo {
  height: fit-content;
  display: none;
}

.quienes-somos .valores .circulo.grande {
  left: 0;
  top: 0;
  animation: bounce 5s ease-in-out infinite;
}

.quienes-somos .valores .circulo.peq {
  left: 6%;
  top: -12%;
  animation: bounce 6s ease-in-out infinite;
}

/*--experiencia --*/
.experiencia {
  position: relative;
  overflow-x: clip;
}

.experiencia .row {
  position: relative;
  z-index: 2;
}

.experiencia img {
  aspect-ratio: 8/9;
  object-fit: cover;
  border-radius: 2rem;
}

.experiencia figure {
  padding-left: 3rem;
  padding-right: 3rem;
}

.experiencia .imagen-burbujas {
  margin-bottom: 6rem;
}

.experiencia .burbujas {
  display: flex;
  width: 100%;
  gap: 1rem;
  padding-bottom: 2rem;
  left: 0;
  justify-content: space-around;
  flex-wrap: wrap;
}

.experiencia .burbujas .burbuja {
  border-radius: 50%;
  backdrop-filter: blur(42px);
  box-shadow: -5px -5px 250px 0px #ffffff00 inset;
  height: 12rem;
  width: 12rem;
  text-align: center;
  align-content: center;
  padding: 1rem;
  font-size: 1.2rem;
  background: radial-gradient(100% 100% at 0% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);

  border: 2px solid rgba(255, 255, 255, 0.12);
}

.experiencia .circulo.dcha-grande {
  right: 0;
  bottom: -20%;
  animation: bounce 7s ease-in-out infinite;
}

.experiencia .circulo.dcha-peq {
  right: 0;
  bottom: 20%;
  animation: bounce 6s ease-in-out infinite;
}

.experiencia .circulo.iz-grande {
  left: 0;
  top: -10%;
  animation: bounce 5s ease-in-out infinite;
}

/*--metodologia--*/
.metodologia .paso {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.metodologia .paso .lead {
  margin-bottom: 0.5rem;
}

.metodologia .paso img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  height: fit-content;
  margin-bottom: 1rem;
}

/* === DOTS === */

.dots .hero {
  padding-top: 10rem;
  padding-bottom: 0;
}

.dots .hero .row {
  position: relative;
  z-index: 2;
}

.dots .hero img,
.aplicaciones .hero img,
.sectores .hero img {
  width: 100%;
  object-fit: cover;
  position: relative;
  z-index: 2;
}

.dots .beneficios,
.aplicaciones .beneficios,
.sectores .beneficios {
  position: relative;
  overflow-x: clip;
}

.dots .beneficios .row,
.aplicaciones .beneficios .row,
.sectores .beneficios .row {
  position: relative;
  z-index: 2;
}

.dots .beneficios .circulo.iz,
.aplicaciones .beneficios .circulo.iz,
.sectores .beneficios .circulo.iz {
  top: -15%;
  left: 0;
  animation: bounce 7s ease-in-out infinite;
}

.dots .beneficios .circulo.dcha-grande,
.aplicaciones .beneficios .circulo.dcha-grande,
.sectores .beneficios .circulo.dcha-grande {
  top: -15%;
  right: 0;
  animation: bounce 5s ease-in-out infinite;
}

.dots .beneficios .circulo.dcha-peq,
.aplicaciones .beneficios .circulo.dcha-peq,
.sectores .beneficios .circulo.dcha-peq {
  top: 40%;
  right: 0;
  animation: bounce 6s ease-in-out infinite;
}

/*--tipos--*/
.tipos-dots .tipos img {
  border-radius: 1rem;
  aspect-ratio: 3/2;
  object-fit: cover;
  margin-bottom: 1rem;
  width: 100%;
}

/*--usos--*/
.dots .tarjetas-overlay {
  position: relative;
  z-index: 2;
}

.dots .usos-dots {
  padding-top: 0;
}

.dots .usos-dots .texto-tarjeta {
  flex-direction: column;
  gap: 0;
  text-align: start;
  align-items: start;
  justify-content: flex-end;
}

.dots .usos-dots .texto-tarjeta p {
  color: white;
  font-weight: 800;
  font-size: 1.2rem;
  margin-bottom: 0;
}

.dots .usos-dots .texto-tarjeta a {
  align-self: end;
  margin-bottom: 0;
}

/*--packs--*/
.packs {
  position: relative;
  overflow-x: clip;
  margin-bottom: 9rem;
}

.packs .card {
  padding: 3rem;
  background: radial-gradient(100% 100% at 0% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(42px);
  box-shadow: -5px -5px 250px 0px #ffffff05 inset;
  border: unset;
  color: var(--dts-white);
  border: 2px solid rgba(255, 255, 255, 0.12);
  border-radius: 2rem;
  align-items: center;
  gap: 2rem;
  height: 100%;
  text-align: center;
}

.packs .card .h3 {
  color: white;
  text-transform: uppercase;
}

.packs .card .desde {
  font-size: 1.3rem;
  font-weight: 800;
}

.packs .card .desde span {
  font-size: 1.5rem;
}

.packs .card .letra-peq {
  font-size: 0.75rem;
}

.packs .circulo {
  display: block;
}

.packs .row {
  position: relative;
  z-index: 2;
}

.packs .iz-grande {
  top: -10%;
  left: 0;
  animation: bounce 5s ease-in-out infinite;
}

.packs .dcha-grande {
  bottom: -5%;
  right: 0;
  animation: bounce 4s ease-in-out infinite;
}

.packs .dcha-peq {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  animation: bounce 6s ease-in-out infinite;
}

/*--galeria--*/

.galeria .gallery {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-rows: unset;
  grid-gap: 1rem 0;
}

.galeria .gallery-item {
  margin: 0;
  grid-column-end: span 1;
  grid-row-end: span 1;
}

.galeria .gallery-img {
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  aspect-ratio: 1;
}

/*--casos de exito--*/
.casos-de-exito {
  padding-top: 0;
}

.casos-de-exito .gallery {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-rows: unset;
  grid-gap: 1rem 0;
}

.casos-de-exito .gallery-item {
  margin: 0;
  grid-column-end: span 1;
  grid-row-end: span 1;
  position: relative;
  border-radius: 1rem;
  overflow: clip;
}

.casos-de-exito .gallery-img {
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  aspect-ratio: 3/4;
}

.casos-de-exito .caso-desc .h3 {
  color: var(--dts-white);
  position: relative;
  z-index: 4;
  text-align: center;
}

.casos-de-exito .caso-desc p {
  position: relative;
  z-index: 4;
  text-align: center;
}

.casos-de-exito .caso-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 40rem;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3rem;
  padding-bottom: 0;
  color: var(--dts-white);
  text-align: start;
  z-index: 0;
}

/* .casos-de-exito .gallery-item .caso-desc {
  background-image: url(assets/img/casos1x1.svg);
} */
.casos-de-exito .gallery-item .caso-desc::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  background-image: url(assets/img/bola.svg);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
}

/*--Opiniones --*/
.opiniones {
  position: relative;
  overflow-x: clip;
}

.opiniones .row {
  position: relative;
  z-index: 2;
}

.opiniones .circulo {
  display: block;
}

.opiniones .circulo.iz-peq {
  top: -10%;
  left: 10%;
  animation: bounce 5s ease-in-out infinite;
}

.opiniones .circulo.iz-grande {
  left: 0;
  top: 10%;
  animation: bounce 6s ease-in-out infinite;
}

.opiniones .circulo.dcha {
  top: 10%;
  right: 0;
  animation: bounce 7s ease-in-out infinite;
}

.custom-slider {
  position: relative;
  width: 100%;
  height: 75vh;
  overflow: hidden;
  perspective: 1500px;
  z-index: 2;
}

.custom-slider-container {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.5s ease;
}

.custom-slide {
  position: absolute;
  width: 80%;
  height: 100%;
  left: 8%;
  opacity: 0;
  transform: translateZ(-500px) translateX(0) rotateY(0);
  transition: all 0.5s ease;
}

.custom-slide.far-prev,
.custom-slide.far-next {
  opacity: 0.1;
  z-index: 1;
}

.custom-slide.prev,
.custom-slide.next {
  opacity: 0.1;
  z-index: 2;
}

.custom-slide.far-prev {
  transform: translateZ(-400px) translateX(-100%) rotateY(60deg);
}

.custom-slide.prev {
  transform: translateZ(-200px) translateX(-50%) rotateY(45deg);
}

.custom-slide.next {
  transform: translateZ(-200px) translateX(50%) rotateY(-45deg);
}

.custom-slide.far-next {
  transform: translateZ(-400px) translateX(100%) rotateY(-60deg);
}

.custom-slide.active {
  opacity: 1;
  transform: translateZ(0) translateX(0) rotateY(0);
  z-index: 3;
}

.custom-slide .card {
  align-items: center;
  padding: 2rem;
  border-radius: 2rem;
  background: radial-gradient(100% 100% at 0% 0%, rgba(255, 255, 255, 0.656) 0%, rgba(255, 255, 255, 0.268) 100%);
  box-shadow: -5px -5px 250px 0px #ffffff05 inset;
  border: 2px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(42px);
}

.custom-slide .card .h3 {
  margin-bottom: 1.5rem;
  color: var(--dts-white);
}

.custom-slide .card p {
  max-width: 30ch;
  text-align: center;
  color: var(--dts-white);
}

.custom-slide .profile-img {
  width: 10rem;
  height: 10rem;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 1.5rem;
}

.custom-prev,
.custom-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  color: white;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  z-index: 4;
}

.custom-prev {
  left: 10px;
}

.custom-next {
  right: 10px;
}

/*--faq--*/
.faq #acordeon_faq .accordion-item {
  border: 1px solid var(--dts-secondary-blue);
}

.faq #acordeon_faq .accordion-item:first-of-type,
.faq #acordeon_faq .accordion-item:first-of-type button {
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}

.faq #acordeon_faq .accordion-item:last-of-type,
.faq #acordeon_faq .accordion-item:last-of-type button.collapsed {
  border-end-start-radius: 2rem;
  border-end-end-radius: 2rem;
}

.faq #acordeon_faq .accordion-item .accordion-header button {
  background-color: var(--dts-primary-blue);
  color: var(--dts-white);
}

.faq #acordeon_faq .accordion-item .accordion-header button.collapsed {
  background-color: var(--dts-secondary-blue);
}

.faq #acordeon_faq .accordion-item .accordion-body {
  padding: 1rem 2rem;
  color: var(--dts-grey);
  text-align: center;
  font-size: 0.9rem;
}

.faq #acordeon_faq .accordion-button:focus {
  border-color: var(--dts-primary-blue) !important;
}

.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

/* === Aplicaciones === */
.aplicaciones .hero,
.sectores .hero {
  padding-top: 10rem;
  padding-bottom: 0;
}

.aplicaciones .beneficios .lead,
.sectores .beneficios .lead {
  color: var(--dts-white);
}

.aplicaciones .burbuja-icono,
.sectores .burbuja-icono {
  /* background: var(--dts-gradient-circle-2); */
  position: relative;
  border-radius: 50%;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  backdrop-filter: blur(42px);
  box-shadow: -5px -5px 250px 0px #ffffff05 inset;
  background: linear-gradient(270deg, #a5a9ff 0%, #3b648f 30.5%, #46225a 65%, #412135 100%);
}

.aplicaciones .burbuja-icono::after,
.sectores .burbuja-icono::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: radial-gradient(100% 100% at 0% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  border: 2px solid;

  border-image-source: linear-gradient(169.15deg, rgba(255, 255, 255, 0.4) 0%, rgba(238, 237, 237, 0.2) 96.79%);
}

.aplicaciones .burbuja-icono .h3,
.sectores .burbuja-icono .h3 {
  color: var(--dts-white);
}

.aplicaciones .burbuja-icono img,
.sectores .burbuja-icono img {
  height: 4rem;
}

.aplicaciones .item-recomendacion {
  display: flex;
  gap: 1rem;
  justify-content: center;
}

.aplicaciones .item-recomendacion .pelota {
  display: block;
  border-radius: 50%;
  min-width: 3rem;
  height: 3rem;
  background: var(--dts-gradient-circle-2);
  animation: rotar 5s ease infinite;
}

.aplicaciones .beneficios {
  position: relative;
  overflow-x: clip;
}

/*--resultados--*/
.resultados {
  position: relative;
  overflow-x: clip;
}

.resultados .row {
  position: relative;
  z-index: 2;
}

.resultados .circulo {
  display: block;
}

.resultados .circulo.iz-grande {
  bottom: 0;
  left: 0;
  animation: bounce 6s ease-in-out infinite;
}

.resultados .circulo.iz-peq {
  top: 30%;
  left: 20%;
  animation: bounce 5s ease-in-out infinite;
}

.resultados .circulo.dcha-grande {
  top: -5%;
  right: 0;
  animation: bounce 7s ease-in-out infinite;
}

.resultados .lead {
  color: var(--dts-white);
}

.resultados .card {
  padding: 3rem;
  background: radial-gradient(100% 100% at 0% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(42px);
  box-shadow: -5px -5px 250px 0px #ffffff05 inset;
  border: unset;
  color: var(--dts-white);
  border: 2px solid rgba(255, 255, 255, 0.12);
  border-radius: 2rem;
  align-items: center;
  gap: 2rem;
  height: 100%;
  text-align: center;
}

.resultados .card .h3 {
  color: white;
  margin-bottom: unset;
}

.resultados .card img {
  height: 6rem;
}

/*--Sectores--*/
.aplicaciones-especificas .carousel-indicators {
  bottom: -5rem;
  left: unset;
  margin-right: unset;
}

.aplicaciones-especificas .carousel-indicators [data-bs-target] {
  border-radius: 50%;
  margin: 1rem 0.4rem;
  background-color: #4c3a6d66;
  height: 1rem;
  width: 1rem;
}

.aplicaciones-especificas .carousel-indicators .active {
  background-color: var(--dts-primary-purple);
}

/* === Contacto === */
.contacto section {
  padding-top: 10rem;
}

.contacto .row {
  position: relative;
  z-index: 2;
}

.formulario {
  background: radial-gradient(100% 100% at 0% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  border: unset;
  backdrop-filter: blur(42px);
  box-shadow: -5px -5px 250px 0px #ffffff05 inset;
  color: var(--dts-white);
  padding: 2rem;
  border-radius: 2rem;
  border: 2px solid rgba(255, 255, 255, 0.12);
}

.contacto .h1 {
  background: unset;
  color: var(--dts-white);
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: unset;
}

.nf-error-msg,
.ninja-forms-req-symbol {
  color: var(--dts-white) !important;
}

.nf-form-content .list-select-wrap .nf-field-element > div,
.nf-form-content input:not([type="button"]),
.nf-form-content textarea {
  border-radius: 2rem !important;
}

.nf-form-fields-required {
  margin-bottom: 2rem;
}

.nf-field-label .nf-label-span,
.nf-field-label label {
  font-weight: 400 !important;
}

.checkbox-wrap .nf-field-label label:after {
  border-radius: 50%;
}

/* .nf-form-content input[type="submit"] {
  box-shadow: -5px -5px 250px 0px #ffffff05 inset !important;
  backdrop-filter: blur(42px) !important;
  background: var(--dts-gradient-circle-white) !important;
  border: 2px var(--dts-white) solid !important;
  padding: 0.4rem 0.8rem !important;
  color: var(--dts-white) !important;
  border-radius: 2rem !important;
  margin-top: 1rem !important;
  margin-bottom: 1.5rem !important;
}

.nf-form-content input[type="submit"]:hover {
  background: var(--dts-gradient-circle-white-2) !important;
} */

.nf-form-content input[type="submit"] {
  background: var(--dts-gradient-cta) !important;
  padding: 0.4rem 1.6rem !important;
  color: var(--dts-white) !important;
  border-radius: 2rem !important;
  margin-top: 1rem !important;
  margin-bottom: 1.5rem !important;
  background-size: 300% auto !important;
  transition: 0.3s !important;
}

.nf-form-content input[type="submit"]:hover {
  background-position: 99% 0 !important;
}

.checkbox-wrap a {
  color: var(--dts-white);
  position: relative;
  z-index: 3;
}

.nf-error.field-wrap .nf-field-element:after {
  background-color: var(--dts-cta) !important;
  border-top-right-radius: 50%;
  border-end-end-radius: 50%;
}

.nf-error .ninja-forms-field {
  border-color: var(--dts-cta) !important;
}

.contacto .formulario .h2 {
  font-size: clamp(2.5rem, 14vw, 2.9rem);
}

.contacto .formulario .lead,
.contacto .formulario .h3 {
  color: var(--dts-white);
}

.contacto .formulario .columna-info {
  padding: 0;
}

.contacto .formulario .columna-info .link-social {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.contacto .formulario .columna-info a {
  text-decoration: none;
  color: var(--dts-white);
  font-size: 1.5rem;
}

.contacto .formulario .columna-info a:hover {
  text-decoration: underline;
}

.contacto {
  position: relative;
  overflow-x: clip;
}

.contacto .circulo {
  display: block;
}

.contacto .circulo.dcha {
  top: 0;
  right: 0;
  animation: bounce 5s ease-in-out infinite;
}

.contacto .circulo.iz {
  bottom: 0;
  left: 0;
  animation: bounce 7s ease-in-out infinite;
}

/* === Header === */
#masthead .navbar-brand img {
  width: 8rem;
}

#bootscore-navbar {
  gap: 0;
  align-items: center;
}

#bootscore-navbar li a {
  color: var(--dts-black);
  padding: 1rem;
}

#masthead #nav-main {
  background-color: var(--dts-white) !important;
}

.site #nav-main .offcanvas-body .menu-item .nav-link {
  position: relative;
  font-size: 1.5rem;
  padding: 1rem 0.25rem;
  overflow: hidden;
}

/* .site #nav-main .offcanvas-body .menu-item .nav-link:hover {
  font-weight: bold;
  transform: scale(1.25);
  color: var(--dts-primary-purple);


} */
.site #nav-main .offcanvas-body .menu-item .nav-link.active {
  color: var(--dts-primary-purple);
  font-weight: bold;
}

.single-caso-de-exito #nav-main .offcanvas-body .menu-item .nav-link.active,
.post-type-archive-caso-de-exito #menu-item-22 .nav-link.active{
  font-weight: unset !important;
}

.site #nav-main .offcanvas-body .menu-item .nav-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: var(--dts-gradient-2);
  background-size: 200% auto;
  transition: all 0.5s;
  transform: translateX(-101%);
}

.site #nav-main .offcanvas-body .menu-item .nav-link:hover {
  color: var(--dts-primary-purple);
}

.site #nav-main .offcanvas-body .menu-item .nav-link:hover::before {
  transform: translateX(0%);
  animation: gradient-89 3s linear infinite;
}

@keyframes gradient-89 {
  0% {
    background-position: 100% 0%;
  }

  50% {
    background-position: 0% 0%;
  }

  100% {
    background-position: 100% 0%;
  }
}

.dropdown-menu {
  --bs-dropdown-border-color: unset;
}

.dropdown-item.active,
.dropdown-item:active {
  color: var(--dts-primary-purple) !important;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
}

.dropdown-item {
  position: relative;
  transition: all 0.2s;
  overflow: hidden;
  font-size: 1.3rem;
}

.dropdown-item:hover {
  color: var(--dts-primary-purple) !important;
}

.dropdown-item:hover::before {
  transform: translateX(0%) !important;
  animation: gradient-89 3s linear infinite !important;
}

.dropdown-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: var(--dts-gradient-2);
  background-size: 200% auto;
  transition: all 0.5s;
  transform: translateX(-101%);
}

.offcanvas-title img {
  width: 6rem;
}

/* === Footer === */
footer.footer {
  padding-top: 4rem;
}

footer.footer a {
  color: var(--dts-black);
  text-decoration: none;
}

footer.footer a:hover {
  color: var(--dts-cta);
  text-decoration: underline;
}

footer.footer .links-sociales {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-direction: column;
}

footer.footer .links-sociales .enlace {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}

footer.footer img {
  width: 20rem;
}
footer.footer img.logo-cyl {
  width: 15rem;
  margin-bottom: 4rem;
}
footer.footer .contactos,
footer.footer .legal {
  display: block;
  margin-bottom: 1rem;
}

footer.footer svg {
  margin-right: 0.5rem;
}

footer #colophon {
  font-size: 0.7rem;
  background-color: var(--dts-primary-purple);
  color: var(--dts-white);
  text-align: center;
  padding: 0.3rem;
}

footer #colophon a {
  text-decoration: none;
  color: var(--dts-white);
}

footer #colophon svg {
  width: 7rem;
}

footer #colophon svg path {
  fill: var(--dts-white);
}

/* === 404 === */
.pag-404 .hero {
  position: relative;
  overflow-x: clip;
  min-height: 100vh;
  padding-top: 10rem;
}

.pag-404 .circulo {
  display: block;
}

.pag-404 .circulo.iz-peq {
  top: 20%;
  left: 0;
  animation: bounce 5s ease-in-out infinite;
}

.pag-404 .circulo.dcha-peq {
  top: 10%;
  right: 10%;
  animation: bounce 6s ease-in-out infinite;
}

.pag-404 .circulo.dcha-grande {
  bottom: 20%;
  right: 0;
  animation: bounce 4s ease-in-out infinite;
}

.pag-404 img {
  width: 100%;
}

/* === Single === */
.blog-single .hero {
  padding-top: 10rem;
  padding-bottom: 0;
}

.blog-single a {
  color: var(--dts-primary-purple);
 
}

.blog-single .fondo-gradiente a {
  color: var(--dts-white);
  text-decoration: underline;
}

.blog-single input.btn {
  box-shadow: -5px -5px 250px 0px #ffffff05 inset;
  backdrop-filter: blur(42px);
  background-color: transparent;
  border: 1px var(--dts-white) solid;
  padding: 0.4rem 0.8rem;
  color: var(--dts-white);
  border-radius: 2rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

.blog-single .comment-content a {
  color: var(--dts-cta);
  text-decoration: none;
}

/* === Archive === */
.blog-page section {
  position: relative;
  overflow-x: clip;
  padding-top: 10rem;
}

.blog-page section .row {
  position: relative;

}



.blog-page .circulo {
  display: block;
}

.blog-page .circulo.iz-grande {
  bottom: 0;
  left: 0;
  animation: bounce 6s ease-in-out infinite;
}

.blog-page .circulo.dcha-grande {
  top: 0;
  right: 0;
  animation: bounce 5s ease-in-out infinite;
}

.blog-page .circulo.dcha-peq {
  top: 60%;
  right: 5%;
  animation: bounce 4s ease-in-out infinite;
}

.blog-page.archive h1 {
  text-align: center;
  font-size: clamp(3.5rem, 14vw, 4rem);
  line-height: clamp(4rem, 15vw, 4.8rem);
  margin-bottom: 2rem;
  font-weight: 800;
  color: var(--dts-gradient-circle-2);
  background: linear-gradient(270deg, #a5a9ff 0%, #3b648f 30.5%, #46225a 65%, #412135 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.blog-page .tarjetas-overlay .texto-tarjeta {
  height: 9.5rem;
  max-height: 100%;
  text-align: start;
  gap: 1rem;
  align-items: flex-end;
  justify-content: space-between;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  transition: height 0.3s ease-in-out;
  overflow: hidden;
  transition-behavior: allow-discrete;
}

.blog-page .tarjetas-overlay:hover .texto-tarjeta {
  height: 100%;
  overflow-y: auto;
}

.blog-page .tarjetas-overlay .texto-tarjeta .extracto,
.blog-page .tarjetas-overlay .texto-tarjeta .btn {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.blog-page .tarjetas-overlay:hover .texto-tarjeta .extracto,
.blog-page .tarjetas-overlay:hover .texto-tarjeta .btn {
  display: block;
  opacity: 1;
  visibility: visible;
}

.blog-page .tarjetas-overlay:hover .texto-tarjeta .fecha-publicacion {
  display: none;
}

.blog-page .tarjetas-overlay .texto-tarjeta svg {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  transition: 0.3s ease-in-out;
}

.blog-page .tarjetas-overlay:hover .texto-tarjeta svg {
  transform: rotate(225deg);
  opacity: 0;
}

.blog-page .tarjetas-overlay .texto-tarjeta .h3 {
  margin-bottom: 0.75rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-page .tarjetas-overlay .texto-tarjeta a,
.blog-page .tarjetas-overlay .texto-tarjeta p {
  color: var(--dts-white);
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-page .tarjetas-overlay.card img {
  aspect-ratio: 4/6;
}

.blog-page .pagination {
  justify-content: flex-end;
}

.blog-page .pagination * {
  border-left: 1px var(--dts-primary-purple) solid;
  padding: 0.25rem 0.75rem;
  border-top: 1px var(--dts-primary-purple) solid;
  border-bottom: 1px var(--dts-primary-purple) solid;
}

.blog-page .pagination *:first-child {
  border-top-left-radius: 50%;
  border-end-start-radius: 50%;
}

.blog-page .pagination *:last-child {
  border-right: 1px var(--dts-primary-purple) solid;
  border-top-right-radius: 50%;
  border-end-end-radius: 50%;
}

.blog-page .pagination a {
  color: var(--dts-primary-purple);
  text-decoration: none;
}

.blog-page .pagination span {
  background-color: var(--dts-primary-purple);
  color: var(--dts-white);
}

.breadcrumb-scroller {
  background-color: transparent !important;
}

.breadcrumb-item a {
  color: var(--dts-black) !important;
  text-decoration: none !important;
}

/* === Casos de éxito CPT === */
.casos-de-exito-cpt .gallery-grid {
  columns: 1;
  column-gap: 1.5rem;
  margin-top: 2rem;
}

.casos-de-exito-cpt .gallery-item {
  break-inside: avoid;
  margin-bottom: 1.5rem;
  display: block;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  cursor: pointer;
  background: white;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.casos-de-exito-cpt .gallery-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.casos-de-exito-cpt .gallery-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.casos-de-exito-cpt .gallery-item:hover img {
  transform: scale(1.05);
}

@media (min-width: 768px) {
  .casos-de-exito-cpt .gallery-grid {
    columns: 2;
  }
}
@media (min-width: 991px) {
  .casos-de-exito-cpt .gallery-grid {
    columns: 3;
  }
}

/* Lightbox Styles */
.casos-de-exito-cpt .lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.casos-de-exito-cpt .lightbox.active {
  display: flex;
  opacity: 1;
}

.casos-de-exito-cpt .lightbox-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: end;
  justify-content: center;
}

.casos-de-exito-cpt .lightbox-content {
  max-width: 90%;
  max-height: 90%;
}

.casos-de-exito-cpt .lightbox-content img {
  max-width: 100%;
  max-height: 90vh;
  object-fit: contain;
}

.casos-de-exito-cpt .lightbox-caption {
  color: white;
  text-align: center;
  padding: 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.casos-de-exito-cpt .lightbox-close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: white;
  font-size: 2rem;
  cursor: pointer;
  z-index: 10;
}

.casos-de-exito-cpt .lightbox-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  z-index: 999;
}

.casos-de-exito-cpt .lightbox-nav button {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 1.5rem;
  cursor: pointer;
  margin: 0 20px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.casos-de-exito-cpt .lightbox-nav button:hover {
  background: rgba(0, 0, 0, 0.8);
}

/* === Legales === */
.pagina-legal .hero {
  padding-top: 10rem;
  padding-bottom: 0;
}

.pagina-legal h2 {
  font-size: clamp(3rem, 14vw, 3.4rem);
  line-height: clamp(4rem, 15vw, 4.8rem);
  margin-bottom: 2rem;
  margin-top: 1rem;
  font-weight: 700;
  color: var(--dts-secondary-blue);
}

.pagina-legal h3 {
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  font-weight: 800;
  color: var(--dts-primary-purple);
}

.pagina-legal h4 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.pagina-legal a {
  color: var(--dts-primary-purple);
  text-decoration: none;
}

/* Lightbox */
.lightbox {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.lightbox-content {
  position: relative;
  margin: auto;
  width: 80%;
  max-width: 800px;
  text-align: center;
}

.lightbox-content img {
  width: 100%;
  height: auto;
}

.lightbox .close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  color: var(--dts-white);
  cursor: pointer;
}

.lightbox .close svg {
  width: 2rem;
  height: 2rem;
}

.lightbox-content svg {
  width: 2rem;
  height: 2rem;
  color: var(--dts-white);
}

.lightbox .prev,
.lightbox .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  font-size: 40px;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  width: 8%;
  min-width: 4rem;
}

.lightbox .prev {
  left: -3rem;
}

.lightbox .next {
  right: -3rem;
}

.lightbox .prev svg {
  rotate: 180deg;
}

/* ==== Cookies ==== */
div[data-cky-tag="detail-powered-by"] {
  display: none !important;
}

.cky-banner-element {
  cursor: pointer;
}

/* ==== MQ ==== */

/*sm*/

@media (min-width: 576px) {
  /* ==== Inicio ==== */
  /* --- Hero --- */

  /* ==== Páginas ==== */

  /* === DOTS === */

  /* === Header === */

  /* === Footer === */

  /* === 404 === */

  /* === Single === */
  .blog-page .tarjetas-overlay.card img {
    aspect-ratio: 5/6;
  }

  /* === Archive === */
}

/*md*/
@media (min-width: 768px) {
  /* ==== Inicio ==== */
  /* --- Hero --- */
  .ultimas-noticias .carousel-item {
    aspect-ratio: 4/3;
  }

  .ultimas-noticias .carousel-item img {
    aspect-ratio: 4/3;
  }

  /* .ultimas-noticias .carousel-indicators {
    bottom: -6rem;
  } */

  .metodologia .paso {
    flex-direction: row;
  }

  .metodologia .paso img {
    height: 10rem;
  }

  .casos-de-exito {
    padding-top: 6rem;
  }

  /* ==== Páginas ==== */
  .main-home .hero {
    height: 130vh;
  }

  .dots .beneficios .circulo,
  .aplicaciones .beneficios .circulo,
  .sectores .beneficios .circulo {
    display: block;
  }

  .galeria .gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(20rem, 30vw);
    grid-gap: 1.5rem;
    aspect-ratio: unset;
  }

  .casos-de-exito .gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(20rem, 30vw);
    grid-gap: 1.5rem;
    aspect-ratio: unset;
  }

  .tarjetas-overlay.card img {
    aspect-ratio: 3/4;
  }

  /* === Header === */
  .site #nav-main .offcanvas-body .menu-item .nav-link {
    font-size: 1rem;
  }


  /* === Footer === */

  /* === 404 === */

  /* === Single === */

  /* === Archive === */

  /* === Casos de éxito CPT === */
  .casos-de-exito-cpt .gallery-grid {
    columns: 2;
  }
}

/*lg*/
@media (min-width: 992px) {
  /* === Header === */
  #bootscore-navbar {
    gap: 2rem;
  }
  #bootscore-navbar li a {
  }

  .dropdown-item {
    font-size: 1rem;
  }

  /* ==== Inicio ==== */
  .foto-ancha,
  .blog-single .hero img {
    aspect-ratio: 1;
  }

  /* --- Hero --- */
  .dots .usos-dots,
  .dots .hero,
  .quienes-somos .hero,
  .aplicaciones .hero,
  .sectores .hero {
    padding-top: 6rem;
  }

  .ultimas-noticias {
    padding-bottom: 8rem;
  }

  .ultimas-noticias .card-img-overlay {
    width: 60%;
    bottom: 2rem;
    left: 2rem;
  }

  .ultimas-noticias .carousel-indicators {
    rotate: 90deg;
    height: 100%;
    right: -35rem;
    bottom: unset;
  }

  .ultimas-noticias .carousel-item {
    aspect-ratio: 5/3;
  }

  .ultimas-noticias .carousel-item img {
    aspect-ratio: 5/3;
  }

  .custom-slide {
    width: 40%;
    left: 30%;
  }

  .servicios-destacados .circulo.iz-grande {
    display: block;
    top: 50%;
    transform: translateY(-50%);
    left: -8%;
    animation: bounce 8s ease-in-out infinite;
  }

  .servicios-destacados .circulo.iz-peq {
    display: block;
    left: 20%;
    top: -10%;
    animation: bounce 5s ease-in-out infinite;
  }

  .servicios-destacados .circulo.dcha-grande {
    display: block;
    bottom: -8%;
    right: -10%;
    animation: bounce 6s ease-in-out infinite;
  }

  /* ==== Páginas ==== */

  .experiencia .burbujas {
    position: absolute;
    bottom: -3rem;
  }

  .quienes-somos .valores .circulo {
    display: block;
  }

  .quienes-somos .valores .circulo.grande {
    left: 0;
    top: 0;
    animation: bounce 5s ease-in-out infinite;
  }

  .quienes-somos .valores .circulo.peq {
    left: 8%;
    top: -15%;
    animation: bounce 4s ease-in-out infinite;
  }

  .packs .card .incluye {
    width: 75%;
    align-self: center;
  }

  /* === DOTS === */
  .casos-de-exito .caso-desc {
    padding: 5rem;
  }

  /* === Header === */
  /* .site #nav-main .offcanvas-body .menu-item .nav-link:hover {
    background: var(--dts-gradient-circle-2);
    border-radius: 50%;
    color: var(--dts-white);
  }
  .site #nav-main .offcanvas-body .menu-item .nav-link.active {
    color: var(--dts-primary-purple);
    font-weight: bold;
  } */
  /* === Footer === */
  footer.footer .links-sociales {
    flex-direction: row;
    justify-content: start;
  }

  /* === 404 === */

  /* === Single === */
  .blog-single .hero {
    padding-top: 6rem;
  }

  /* === Archive === */
  .blog-page .tarjetas-overlay.card img {
    aspect-ratio: 7/6;
  }

    /* === Casos de éxito CPT === */
  .casos-de-exito-cpt .gallery-grid {
    columns: 3;
  }
}

/*xl*/
@media (min-width: 1200px) {
  /* ==== Inicio ==== */
  /* --- Hero --- */

  /* ==== Páginas ==== */
  .experiencia .circulo {
    display: block;
  }

  .dots .hero img,
  .aplicaciones .hero img,
  .sectores .hero img {
    aspect-ratio: 4/3;
  }

  /*--galeria--*/
  .galeria .gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(20rem, 18vw);
    grid-gap: 1.5rem;
  }

  .galeria .gallery-item:nth-child(4n) {
    grid-column-end: span 2;
    grid-row-end: span 1;
  }

  .galeria .gallery-item:nth-child(8n + 3),
  .galeria .gallery-item:nth-child(8n + 5) {
    grid-column-end: span 1;
    grid-row-end: span 2;
  }

  /*--casos de exito--*/
  .casos-de-exito .gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(20rem, 18vw);
    grid-gap: 1.5rem;
  }

  .casos-de-exito .gallery-item {
    grid-column-end: span 1;
    grid-row-end: span 1;
  }

  .casos-de-exito .gallery-item:nth-child(4n + 1) {
    grid-column-end: span 2;
    grid-row-end: span 2;
  }

  .casos-de-exito .gallery-item:nth-child(2n) {
    grid-column-end: span 1;
    grid-row-end: span 2;
  }

  .casos-de-exito .gallery-item:nth-child(4n) {
    grid-column-end: span 2;
    grid-row-end: span 1;
  }

  /* === Contacto === */
  .contacto .formulario .columna-info {
    padding: 0rem 2rem;
  }

  /* === Header === */

  /* === Footer === */

  /* === 404 === */

  /* === Single === */

  /* === Archive === */
}

/*xxl*/
@media (min-width: 1400px) {
  /* ==== Inicio ==== */
  /* --- Hero --- */

  /* .casos-de-exito .caso-desc {
    padding-right: 6rem;
  } */
  .casos-de-exito .gallery-item:nth-child(4n) .caso-desc,
  .casos-de-exito .gallery-item:nth-child(4n + 1) .caso-desc {
    padding-left: 4rem;
  }

  .ultimas-noticias .carousel-indicators {
    right: -45rem;
  }

  /* ==== Páginas ==== */

  /* === Header === */

  /* === Footer === */

  /* === 404 === */

  /* === Single === */

  /* === Archive === */
}