/***************************************************************************
 * Home
 ***************************************************************************
 */
/* Bloque 1 */
.block-1 {
  font-weight: 300;
  color: #000000;
}

.block-1 .whome-element-1 p {
  margin: 0px;
  line-height: 1;
}

.block-1 .whome-element-1 img {
  display: inline;
}

.block-16 {
  font-weight: 300;
  color: #000000;
}

.block-16 .whome-element-1 p {
  margin: 0px;
  line-height: 1;
}

.block-16 .whome-element-1 img {
  display: inline;
}

/* Categorías */
.home-category .content {
  font-family: Gothic;
  display: flex;
  align-items: stretch;
}

.home-category .content .image img {
  display: inline;
}

.home-category .content .info h3 {
  /* box-shadow: 10px 10px 5px -7px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 10px 10px 5px -7px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px -7px rgba(0, 0, 0, 0.75); */

  box-shadow: inset 0px -8px 16px rgba(0, 0, 0, 0.2);
  /*added*/
  background: #fff;
  /*added*/

  position: absolute;
  font-weight: 800;
  color: #000000;
  background-color: #ffffff;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  border-top-right-radius: 20px;
}

.home-category .content .info ul {
  list-style-type: none;
  padding-left: 0;
}

.home-category .content .info ul li {
  position: relative;
}

.home-category .content .info ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 60%;
  transform: translateY(-50%);
  width: 6px;
  /* Tamaño del punto */
  height: 6px;
  background: #000000;
  /* Color del punto */
  border-radius: 50%;
  /* Hace el punto circular */
}

.home-category .content .info ul li a {
  font-weight: 300;
  color: #000000;
}

.home-category .content .footer {
  position: absolute;
}

.home-category .content .footer img {
  display: inline;
}

.home-category .content .footer a.wrap-arrow {
  /* border-radius: 50%;
      display: inline-block;
      box-shadow: 10px 10px 13px -6px rgba(0, 0, 0, 0.75);
      -webkit-box-shadow: 10px 10px 13px -6px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 10px 10px 13px -6px rgba(0, 0, 0, 0.75);  */
}

.home-category .content .footer a.wrap-arrow span {
  /* display: inline-block;
        border-radius: 50%;
        color: #ffffff;
        line-height: 1;  */
}

/* Bloque 2 [] */
.block-2 {
  background-color: #6d6d6d;
  background-position: center;
  background-size: cover;
}

.block-2 .whome-element-2 {
  color: #000000;
  font-weight: 300;
}

.block-2 .whome-element-2 ul li {
  line-height: 1.2;
}

.block-2 .whome-element-3 {
  color: #ffffff;
  font-weight: 300;
}

.block-2 .whome-element-3 ul li {
  line-height: 1.2;
}

/* Bloque 3 [] */
/* Bloque 4 */
.block-4 img {
  display: inline;
}

/* Bloque 5 */
.block-5 img {
  display: inline;
}

/* Bloque 6 */
.block-6 img {
  display: inline;
}

/* Bloque 7 */
.block-7 {
  font-weight: 300;
  color: #000000;
}

/* Bloque 8 */
.block-8 .whome-element-11 img {
  display: inline;
}

/* Bloque 9 [globos] */
.block-9 {
  /* Globo 1 */
  /* Globo 2 */
  /* Globo 3 */
  /* Globo 4 */
}

.block-9 .icons img {
  display: inline;
}

.block-9 .title {
  color: #ffffff;
  font-weight: 300;
}

.block-9 .divider {
  background-color: #ffffff;
}

.block-9 .whome-element-12 {
  position: absolute;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  padding: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 630;
  color: #6d6d6d;
}

.block-9 .whome-element-13 {
  position: absolute;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  padding: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 620;
  color: #6d6d6d;
}

.block-9 .whome-element-13 .icons {
  padding: 5px 60px 0px 83px;
}


.block-9 .whome-element-13 .icons .social-media {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  /* ajusta el espacio entre elementos */
}

.block-10{

}
.block-10 .whome-element-17{
  margin-top: 18px;
}
.block-10 .whome-element-18{
  
}
.block-10 .whome-element-19{
  margin-top: 18px;
}



.social-media>div:nth-child(1),
.social-media>div:nth-child(2),
.social-media>div:nth-child(3) {
  flex: 1;
  /* se distribuyen equitativamente en el primer renglón */
}

.social-media>div:nth-child(4) {
  flex: 0 0 100%;
  /* ocupa 100% del ancho */
  width: 100%;
}

.social-media>div:nth-child(1) img {
  height: 52px;
  width: 52px;
}

.social-media>div:nth-child(2) img {
  height: 48px;
  width: 52px;

}

.social-media>div:nth-child(3) img {
  height: 52px;
  width: 52px;
}

.social-media>div:nth-child(4) img {
  width: 69%;
}

.social-media img {
  width: 100%;
  display: block;
}


.block-9 .whome-element-14 {
  position: absolute;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  padding: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 610;
  color: #ffffff;
}

.block-9 .whome-element-15 {
  position: absolute;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  padding: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 600;
  color: #ffffff;
}

/* Template 1 */
.template1 {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 13px;
}

.template1 .image {}

.template1 .image img {
  height: 302px;
}

.template1 .categories {
  background-color: blue;
}

.template1 .categories .title {
  position: relative;
}

.template1 .categories .title h3 {
  /* background-image: url("../../img/home/recuadro_titulos.png"); */
  background-size: 100% 100%;
  position: absolute;
  right: 30px;
  top: 21px;
  /* background-color: red; */
  /* width: 246px;
  height: 65px; */
  width: 257px;
  height: 108px;

  /*
  font-family: "Muli", sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: #000;
  font-weight: lighter;
  padding: 10px 20px;
  */

  font-family: "Muli", sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: #000;
  text-align: left;
  padding: 27px 34px;
}

.template1 .categories .title h3 strong {
  display: block;
  font-weight: 800;
  font-size: 18px;
}

.template1 .categories .title h3 p {
  margin: 0px;
}

.template1 .categories ul {
  margin: 120px 0px 0px 20px;
  padding: 0px;
  list-style-type: none;
  padding-left: 0;
}

.template1 .categories ul li {
  position: relative;
  padding-left: 14px;
  /* Espacio para el icono */
  line-height: 1.1;
  text-align: left !important;
}

.template1 .categories ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 30%;
  transform: translateY(-50%);
  width: 6px;
  /* Tamaño del punto */
  height: 6px;
  background: #000000;
  /* Color del punto */
  border-radius: 50%;
  /* Hace el punto circular */
}

.template1 .categories ul li a {
  color: #000;
  text-decoration: none;
  font-family: "Muli", sans-serif;
  font-weight: 300;
  font-size: 14px;
  vertical-align: top;
  line-height: 1.1;
}

.template1 .w-thumbnails {
  position: relative;
  display: inline-block;
}

.template1 .w-thumbnails .thumbnails {
  position: absolute;
  top: -32px;
  left: 35px;
  display: grid;
  grid-template-columns: 90px 90px 90px 90px 50px;
  gap: 10px;
  margin-left: 30px;
}

.template1 .w-thumbnails .thumbnails .item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #ffffff;
}

.template1 .w-thumbnails .thumbnails .item img {
  border: 4px solid #fff;
}

.template1 .w-thumbnails .thumbnails .item:nth-child(2) {
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

.template1 .w-thumbnails .thumbnails .item:nth-child(5) {
  border: none;
  background-color: transparent;
}

.template1 .w-thumbnails .thumbnails .item:nth-child(5) img {
  border: none;
  background-color: transparent;
}

/* Template 2 */
.template2 {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 13px;
}

.template2 .categories {
  background-color: blue;
}

.template2 .categories .title {
  position: relative;
}

.template2 .categories .title h3 {
  /* background-image: url("../../img/home/recuadro_titulos.png"); */
  background-size: 100% 100%;
  position: absolute;
  left: 23px;
  top: 21px;
  /* background-color: red; */
  /* width: 246px;
  height: 65px; */

  /* width: 257px;
  height: 108px; */

  width: 257px;
  height: 108px;

  /* font-family: "Muli", sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: #000;
  font-weight: lighter;
  padding: 10px 20px;

  text-align: left; */

  font-family: "Muli", sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: #000;
  text-align: left;
  padding: 27px 34px;
}

.template2 .categories .title h3 strong {
  display: block;
  font-weight: 800;
  font-size: 18px;
}

.template2 .categories ul {
  margin: 120px 0px 0px 20px;
  padding: 0px;
  list-style-type: none;
  padding-left: 0;
}

.template2 .categories ul li {
  position: relative;
  padding-left: 14px;
  /* Espacio para el icono */
  line-height: 1.1;
  text-align: left !important;
}

.template2 .categories ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 30%;
  transform: translateY(-50%);
  width: 6px;
  /* Tamaño del punto */
  height: 6px;
  background: #000000;
  /* Color del punto */
  border-radius: 50%;
  /* Hace el punto circular */
}

.template2 .categories ul li a {
  color: #000;
  text-decoration: none;
  font-family: "Muli", sans-serif;
  font-weight: 300;
  font-size: 14px;
  vertical-align: top;
  line-height: 1.1;
}

.template2 .image {}

.template2 .image img {
  height: 302px;
}

.template2 .w-thumbnails {
  position: relative;
  display: inline-block;
}

.template2 .w-thumbnails .thumbnails {
  position: absolute;
  top: -32px;
  left: 35px;
  display: grid;
  grid-template-columns: 90px 90px 90px 90px 50px;
  gap: 10px;
  margin-left: 30px;
}

.template2 .w-thumbnails .thumbnails .item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #ffffff;
}

.template2 .w-thumbnails .thumbnails .item img {
  border: 4px solid #fff;
}

.template2 .w-thumbnails .thumbnails .item:nth-child(2) {
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

.template2 .w-thumbnails .thumbnails .item:nth-child(5) {
  border: none;
  background-color: transparent;
}

.template2 .w-thumbnails .thumbnails .item:nth-child(5) img {
  border: none;
  background-color: transparent;
}

/* Carrusel paginado */
.home-list-category {
  margin-bottom: 50px;
}

.wrapper-swiper {
  position: relative;
  width: 100%;
}

.swiper {
  width: 100%;
  /* height: 90; */
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  padding: 20px;
  box-sizing: border-box;

  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-pagination {
  margin-bottom: -50px;
}

.swiper-pagination-bullet {
  width: 24px;
  height: 24px;
}

.swiper-pagination-bullet-active {
  background: #ff5d22;
}

/* Premium Animation for Home Category Carousel Items */
.template1.home-list-category {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  cursor: pointer !important;
}

.template1.home-list-category:hover {
  transform: translateY(-5px) scale(1.02) !important;
  z-index: 2 !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important;
}