/** @format */

:root {
  --totalwscreenXXl: calc((100vw - (1320px + 1rem)) / 2);
  --totalwscreenX: calc((100vw - (1140px + 1rem)) / 2);
  --totalwscreenXl: calc((100vw - (960px + 1rem)) / 2);
  --swiper-theme-color: rgb(63, 63, 63);
  --swiper-navigation-color: #fec107;
  scroll-behavior: smooth;
}

body {
  scroll-behavior: smooth;
  padding-top: 0;
}

.t4-header {
  background-color: rgb(255 255 255 / 80%);
  z-index: 1;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

.t4-slideshow {
  /* min-width: 100%; */
  min-height: calc(100vh - 80px);
  /* width: 100%; */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -90px;
  overflow: hidden;
}

.t4-section .bg-overlay {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #0000004d;
}

.t4-slideshow video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.section-block {
  /* min-height: calc(100vh - 80px); */
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
}

@media (max-width: 767px) {
  .t4-nosotros {
    display: flex;
  }
}
.t4-nosotros,
.t4-mil,
.t4-rep-200,
.t4-pvc,
.t4-contacto,
.t4-jr,
.t4-rep-200,
.t4-rep {
  display: flex;
  min-height: calc( 100vh - 80px);
  align-items: center;
  justify-content: center;
}

.t4-pvc,
.t4-jr,
.t4-rep,
.t4-contacto {
  background: var(--t4-gray-200);
  background-image: linear-gradient(0deg, var(--t4-gray-200), white, var(--t4-gray-200));
}
@media(min-width:768px){
.t4-nosotros::after, .t4-mil::after, .t4-rep-200::after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 50'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_2-2' data-name='Layer 2'%3E%3Cpath d='M0,0C180,30.31,471.27,50,800,50s620-19.69,800-50Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    z-index: 1;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z' fill='%23FFFFFF' class='shape-fill'%3E%3C/path%3E%3C/svg%3E");
    transform: rotate(180deg);
}
}
 .shape-fill {
    fill: #FFFFFF;
}
/****  AFTER ****/
@media(min-width:768px)
{.t4-pvc::after, .t4-jr::after, .t4-rep::after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    height: 100px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 50'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_2-2' data-name='Layer 2'%3E%3Cpath d='M0,0C180,30.31,471.27,50,800,50s620-19.69,800-50Z' fill='%23e9ecef'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z' fill='%23e9ecef' class='shape-fill'%3E%3C/path%3E%3C/svg%3E");
    z-index: 1;
    background-position: top center;
    /* background-size: cover; */
    transform: rotate(180deg);
}
}
.t4-nosotros {
  align-items: center;
  justify-content: center;
  padding: 0 0 1rem 0;
  position: relative;
}

.pretitle {
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 2rem;
  margin-top: 0.5rem;
  letter-spacing: 2px;
  border-radius: 999rem;
  color: var(--color-white);
  padding: 0.2rem 0.6rem;
  display: inline-block;
  background: var(--t4-blue);
}

.text-title {
  display: block;
  font-weight: 800;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  font-size: 46px;
}

.nosotros-block .module-inner {
  padding: 1rem 0;
}

.t4-nosotros .text-title,
.doble-play-box .text-title,
.wifi-box .text-title,
.contacto-block .text-title {
  /* color: var(--color-dark); */
  margin: 0;
  /* background: linear-gradient(0deg, #67378d 0%, #2b78a0 100%); */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.t4-nosotros .pretitle,
.doble-play-box .pretitle,
.wifi-box .pretitle,
.contacto-block .pretitle {
  /* background: var(--color-secondary); */
  /* color: #fff; */
}

.nosotros-block {
  display: flex;
  flex-direction: column-reverse;
}

@media (max-width: 768px) and (orientation: portrait) {
  .t4-slideshow {
    min-height: 0;
    /* aspect-ratio: 3/4; */
    /* background: red; */
    display: block;
    position: static;
  }

  .t4-slideshow video {
    width: 100%;
    height: auto;
    /* object-fit: cover; */
    aspect-ratio: 16/9;
    object-fit: unset;
  }

  .text-title {
    font-size: 32px;
  }

  .pretitle {
    font-size: 0.6rem;
  }

  .lead {
    font-size: 1rem;
  }
}


.text-title, .text-title {
  color: var(--body-text-color);
  background: linear-gradient(0deg, var(--t4-blue) 0%, var(--t4-cyan) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* background-image: linear-gradient(358deg, black, transparent); */
}

@media (min-width: 1024px) {
  /*  .grid-items {
        --grid-layout-gap: 1rem;
        --grid-column-count: 1;
        --grid-item--min-width: 230px;
        --gap-count:
        calc(var(--grid-column-count) - 1);
        --total-gap-width:
        calc(var(--gap-count) * var(--grid-layout-gap));
        --grid-item--max-width:
        calc((100% - var(--total-gap-width)) / var(--grid-column-count));
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
        grid-gap: var(--grid-layout-gap);
    } */

  .grid-block-2 {
    display: grid;
    grid-template-columns: 1fr 400px;
    grid-gap: 1rem;
  }
  .grid-block-2.grid-block-reverse {
    grid-template-columns: 400px 1fr;
  }
}

.plan-item {
  text-align: center;
  padding: 1rem;
  background: #fff;
  border-radius: 1rem;
  margin-bottom: 2rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  max-width: 300px;
}

.plan-item h3 {
  font-weight: 600;
  margin: -1rem -1rem 1rem;
  padding: 0.5rem;
  background: var(--t4-light);
  border-radius: 1rem 1rem 0 0;
  color: var(--t4-blue);
}

.plan-item h3 span {
  color: var(--t4-yellow);
  font-weight: 800;
}

.plan-item .item-price {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-secondary);
  margin: 0;
}

.plan-item .btn {
  margin: 1rem 0;
}
/*
.grid-block-2 {
    --grid-layout-gap: 1rem;
    --grid-column-count: 2;
    --grid-item--min-width: 200px;
    --gap-count:
    calc(var(--grid-column-count) - 1);
    --total-gap-width:
    calc(var(--gap-count) * var(--grid-layout-gap));
    --grid-item--max-width:
    calc((100% - var(--total-gap-width)) / var(--grid-column-count));
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
    grid-gap: var(--grid-layout-gap);
  
    justify-content: center;
  
}
*/
@media(min-width:1024px){
.grid-block-2-expand {
  --grid-layout-gap: 1rem;
  --grid-column-count: 2;
  --grid-item--min-width: 400px;
  --gap-count:
  calc(var(--grid-column-count) - 1);
  --total-gap-width:
  calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item--max-width:
  calc(
    (100% - var(--total-gap-width)) / var(--grid-column-count)
  );
  display: grid;
  grid-template-columns: repeat(
    auto-fill,
    minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr)
  );
  grid-gap: var(--grid-layout-gap);
}
  .servicios-block {
  display: grid;
  grid-template-columns: 40% 1fr;
}

}
.t4-servicios {
  background: #ebebec;
}

.t4-servicios::after {
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  height: 100px;
  background-image: url("data:image/svg+xml,%0A%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none' %3E%3Cpath d='M1200 120L0 16.48 0 0 1200 0 1200 120z' class='shape-fill' fill='%23FFFFFF' fill-opacity='1'%3E%3C/path%3E%3C/svg%3E");
  z-index: 1;
}

.plan-item p:last-child {
  font-size: 0.6rem;
  line-height: 0.8rem;
  font-style: italic;
}

.pre-cond {
  font-size: 0.7rem;
}

.btn-rounded {
  border-radius: 999rem;
}

.fibra-box .module-title,
.doble-play-box .module-title {
  width: max(300px, 90%);
}

.btn-clientes {
  margin-left: 0.5rem;
  border-radius: 999rem;
}

@media (min-width: 1024px) {
  .grid-block-reverse > :nth-child(2) {
    grid-column: 1;
    grid-row: 1;
  }
}

.social-block {
  display: flex;
  margin-bottom: 30px;
}

.social-block.social-color a {
  color: #fff !important;
}

.social-block a {
  border: none;
  color: #fff;
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  margin: 5px;
  padding: 8px;
  border-radius: 50%;
  transition: all 0.4s linear;
}

.social-block a svg {
  width: 32px;
  height: 32px;
}

.social-block a:hover,
.social-block a:focus {
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
}

.social-block a:first-child {
  margin-left: 0;
}

.social-block.social-color svg {
  fill: #fff;
}

.social-block.social-color .btn-facebook {
  background: #2374e1;
}

.social-block.social-color .btn-facebook svg {
  height: 32px;
}

.social-block.social-color .btn-instagram {
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
}

.social-block.social-color .btn-youtube {
  background: #ff0000;
}

.social-block.social-color a:hover {
  background: #0000008f;
}

.social-block.social-color a:hover svg {
  color: var(--footer-text-color) !important;
  fill: var(--footer-text-color) !important;
}

.social-block.left {
  justify-content: flex-start;
}

.address-block svg {
  width: 18px;
  display: inline-block;
  height: 18px;
  margin-right: 5px;
  fill: var(--body-link-hover-color);
}

.address-block p {
  display: flex;
  align-items: center;
}

.copyright {
  text-align: left;
}

.t4-hogar,
.t4-contacto {
  background: #ffffff;
}

.contacto-block.grid-block-reverse .module-title {
  text-align: left;
}

div#cf_1 {
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.t4-copyright {
  border-top: 1px solid rgb(255 255 255 / 64%);
  box-shadow: 0 0 0 1px #0000001a;
  width: 100%;
  /* position: relative; */
}

body[data-aos-duration="50"] [data-aos],
[data-aos][data-aos][data-aos-duration="50"] {
  transition-duration: 50ms;
}

body[data-aos-delay="50"] [data-aos],
[data-aos][data-aos][data-aos-delay="50"] {
  transition-delay: 0;
}

body[data-aos-delay="50"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="50"].aos-animate {
  transition-delay: 50ms;
}

body[data-aos-duration="100"] [data-aos],
[data-aos][data-aos][data-aos-duration="100"] {
  transition-duration: 100ms;
}

body[data-aos-delay="100"] [data-aos],
[data-aos][data-aos][data-aos-delay="100"] {
  transition-delay: 0;
}

body[data-aos-delay="100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="100"].aos-animate {
  transition-delay: 100ms;
}

body[data-aos-duration="150"] [data-aos],
[data-aos][data-aos][data-aos-duration="150"] {
  transition-duration: 150ms;
}

body[data-aos-delay="150"] [data-aos],
[data-aos][data-aos][data-aos-delay="150"] {
  transition-delay: 0;
}

body[data-aos-delay="150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="150"].aos-animate {
  transition-delay: 150ms;
}

body[data-aos-duration="200"] [data-aos],
[data-aos][data-aos][data-aos-duration="200"] {
  transition-duration: 200ms;
}

body[data-aos-delay="200"] [data-aos],
[data-aos][data-aos][data-aos-delay="200"] {
  transition-delay: 0;
}

body[data-aos-delay="200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="200"].aos-animate {
  transition-delay: 200ms;
}

body[data-aos-duration="250"] [data-aos],
[data-aos][data-aos][data-aos-duration="250"] {
  transition-duration: 250ms;
}

body[data-aos-delay="250"] [data-aos],
[data-aos][data-aos][data-aos-delay="250"] {
  transition-delay: 0;
}

body[data-aos-delay="250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="250"].aos-animate {
  transition-delay: 250ms;
}

body[data-aos-duration="300"] [data-aos],
[data-aos][data-aos][data-aos-duration="300"] {
  transition-duration: 300ms;
}

body[data-aos-delay="300"] [data-aos],
[data-aos][data-aos][data-aos-delay="300"] {
  transition-delay: 0;
}

body[data-aos-delay="300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="300"].aos-animate {
  transition-delay: 300ms;
}

body[data-aos-duration="350"] [data-aos],
[data-aos][data-aos][data-aos-duration="350"] {
  transition-duration: 350ms;
}

body[data-aos-delay="350"] [data-aos],
[data-aos][data-aos][data-aos-delay="350"] {
  transition-delay: 0;
}

body[data-aos-delay="350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="350"].aos-animate {
  transition-delay: 350ms;
}

body[data-aos-duration="400"] [data-aos],
[data-aos][data-aos][data-aos-duration="400"] {
  transition-duration: 400ms;
}

body[data-aos-delay="400"] [data-aos],
[data-aos][data-aos][data-aos-delay="400"] {
  transition-delay: 0;
}

body[data-aos-delay="400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="400"].aos-animate {
  transition-delay: 400ms;
}

body[data-aos-duration="450"] [data-aos],
[data-aos][data-aos][data-aos-duration="450"] {
  transition-duration: 450ms;
}

body[data-aos-delay="450"] [data-aos],
[data-aos][data-aos][data-aos-delay="450"] {
  transition-delay: 0;
}

body[data-aos-delay="450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="450"].aos-animate {
  transition-delay: 450ms;
}

body[data-aos-duration="500"] [data-aos],
[data-aos][data-aos][data-aos-duration="500"] {
  transition-duration: 500ms;
}

body[data-aos-delay="500"] [data-aos],
[data-aos][data-aos][data-aos-delay="500"] {
  transition-delay: 0;
}

body[data-aos-delay="500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="500"].aos-animate {
  transition-delay: 500ms;
}

body[data-aos-duration="550"] [data-aos],
[data-aos][data-aos][data-aos-duration="550"] {
  transition-duration: 550ms;
}

body[data-aos-delay="550"] [data-aos],
[data-aos][data-aos][data-aos-delay="550"] {
  transition-delay: 0;
}

body[data-aos-delay="550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="550"].aos-animate {
  transition-delay: 550ms;
}

body[data-aos-duration="600"] [data-aos],
[data-aos][data-aos][data-aos-duration="600"] {
  transition-duration: 600ms;
}

body[data-aos-delay="600"] [data-aos],
[data-aos][data-aos][data-aos-delay="600"] {
  transition-delay: 0;
}

body[data-aos-delay="600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="600"].aos-animate {
  transition-delay: 600ms;
}

body[data-aos-duration="650"] [data-aos],
[data-aos][data-aos][data-aos-duration="650"] {
  transition-duration: 650ms;
}

body[data-aos-delay="650"] [data-aos],
[data-aos][data-aos][data-aos-delay="650"] {
  transition-delay: 0;
}

body[data-aos-delay="650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="650"].aos-animate {
  transition-delay: 650ms;
}

body[data-aos-duration="700"] [data-aos],
[data-aos][data-aos][data-aos-duration="700"] {
  transition-duration: 700ms;
}

body[data-aos-delay="700"] [data-aos],
[data-aos][data-aos][data-aos-delay="700"] {
  transition-delay: 0;
}

body[data-aos-delay="700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="700"].aos-animate {
  transition-delay: 700ms;
}

body[data-aos-duration="750"] [data-aos],
[data-aos][data-aos][data-aos-duration="750"] {
  transition-duration: 750ms;
}

body[data-aos-delay="750"] [data-aos],
[data-aos][data-aos][data-aos-delay="750"] {
  transition-delay: 0;
}

body[data-aos-delay="750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="750"].aos-animate {
  transition-delay: 750ms;
}

body[data-aos-duration="800"] [data-aos],
[data-aos][data-aos][data-aos-duration="800"] {
  transition-duration: 800ms;
}

body[data-aos-delay="800"] [data-aos],
[data-aos][data-aos][data-aos-delay="800"] {
  transition-delay: 0;
}

body[data-aos-delay="800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="800"].aos-animate {
  transition-delay: 800ms;
}

body[data-aos-duration="850"] [data-aos],
[data-aos][data-aos][data-aos-duration="850"] {
  transition-duration: 850ms;
}

body[data-aos-delay="850"] [data-aos],
[data-aos][data-aos][data-aos-delay="850"] {
  transition-delay: 0;
}

body[data-aos-delay="850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="850"].aos-animate {
  transition-delay: 850ms;
}

body[data-aos-duration="900"] [data-aos],
[data-aos][data-aos][data-aos-duration="900"] {
  transition-duration: 900ms;
}

body[data-aos-delay="900"] [data-aos],
[data-aos][data-aos][data-aos-delay="900"] {
  transition-delay: 0;
}

body[data-aos-delay="900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="900"].aos-animate {
  transition-delay: 900ms;
}

body[data-aos-duration="950"] [data-aos],
[data-aos][data-aos][data-aos-duration="950"] {
  transition-duration: 950ms;
}

body[data-aos-delay="950"] [data-aos],
[data-aos][data-aos][data-aos-delay="950"] {
  transition-delay: 0;
}

body[data-aos-delay="950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="950"].aos-animate {
  transition-delay: 950ms;
}

body[data-aos-duration="1000"] [data-aos],
[data-aos][data-aos][data-aos-duration="1000"] {
  transition-duration: 1000ms;
}

body[data-aos-delay="1000"] [data-aos],
[data-aos][data-aos][data-aos-delay="1000"] {
  transition-delay: 0;
}

body[data-aos-delay="1000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1000"].aos-animate {
  transition-delay: 1000ms;
}

body[data-aos-easing="linear"] [data-aos],
[data-aos][data-aos][data-aos-easing="linear"] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

body[data-aos-easing="smooth"] [data-aos],
[data-aos][data-aos][data-aos-easing="smooth"] {
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}

[data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos="fade-up"] {
  transform: translate3d(0, 100px, 0);
}

.t4-servicios::before,
.t4-planes::before,
.t4-hogar::before,
.t4-wifi::before,
.t4-contacto::before {
  display: block;
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  content: "";
  height: 70px;
  transform: rotateX(180deg);
  background-size: cover;
  background-position: center center;
  /* filter: drop-shadow(2px 4px 6px black); */
}

.t4-modulos-internos {
  min-height: 70vh;
}

.t4-masthead .t4-masthead-title {
  color: #fff;
  position: relative;
  font-weight: 500;
}

.t4-masthead .t4-masthead-inner {
  background-image: url(../../../../images/masthead.png);
}

.t4-masthead .t4-masthead-title span {
  padding: 0.5rem;
  display: block;
  border: 3px solid #fff;
  filter: drop-shadow(2px 3px 1px rgba(0, 0, 0, 0.2));
}

iframe#blockrandom-129 {
  /* width: 100%; */
  height: 100%;
  aspect-ratio: 16/9;
}

.grid-items {
  text-align: center;
  margin: 0 auto;
  align-items: center;
  display: flex;
  justify-content: center;
}

.plan-item .sizes-list:not(:last-child) {
  border-bottom: 1px solid var(--t4-light);
}
@media(min-width: 1024px){
.grid-block-2 .custom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: center;
}
}

.prod-wrap {
  /* align-self: flex-start; */
}

.img-content {
  justify-self: center;
}
 .swiper {
        width: 400px;
        height: 400px;
        margin: 1rem auto;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
@media(max-width:768px){
   .swiper {
        width: auto;
        height: auto;
        margin: 1rem auto;
      }
}
.hero {
  /* aspect-ratio: 5/4; */
  /* overflow: hidden; */
  height: calc(100vh - 80px);
  /* position: relative; */
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}


.hero-content {
  position: relative;
  /* min-height: 50vh; */
  /* display: flex; */
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgb(255 255 255 / 60%);
  /* border-radius: 50%; */
  /* aspect-ratio: 1/1; */
  /* text-align: center; */
  /* border: 4px solid #37b1af47; */
  box-shadow: none;
  /* max-width: 410px; */
  flex-direction: column;
  /* text-align: left; */
  /* margin-left: 15%; */
  backdrop-filter: blur(3px);
  margin-top: 1rem;
}

.hero-content h1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: clamp(1.5rem, 4vw, 33px);
}
.hero-content h1 span {
  /* display: block; */
  color: #000000;
}
.hero-content h1 span:last-child {
  color: var(--body-link-hover-color);
}
.hero-content p {
  font-size: 1.1rem;
  font-weight: 500;
  text-align: left;
  /* display: block; */
}

@media(min-width:768px){

  .hero{
    align-items: center;
}
  .hero img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  object-fit: cover;
}
  
.hero-content {
  /* position: relative; */
  min-height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgb(255 255 255 / 60%);
  /* border-radius: 50%; */
  aspect-ratio: 1/1;
  text-align: center;
  /* border: 4px solid #37b1af47; */
  box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px;
  max-width: 410px;
  flex-direction: column;
  /* text-align: left; */
  margin: 0 auto;
  backdrop-filter: none;
}

}

@media(max-width:768px){
.hero img {
  position: absolute;
  bottom: 0;
  right: 0;
  /* width: auto; */
  /* height: 100vh; */
  /* object-fit: cover; */
}
  
.hero-content {
  position: relative;
  /* min-height: 50vh; */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgb(255 255 255 / 60%);
  /* border-radius: 50%; */
  /* aspect-ratio: 1/1; */
  text-align: center;
  /* border: 4px solid #37b1af47; */
  box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px;
  /* max-width: 410px; */
  flex-direction: column;
  text-align: left;
  /* backdrop-filter: blur(3px); */
}

}

@media(max-width:768px) and (orientation: portrait) and (min-width:640px){
.hero{
    height: auto;
    display: flex;
    width: 100%;
    flex-direction: column;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}
  .hero img{
    bottom: 50%;
    position: static;
}
  
.hero-content {
  position: static;
  /* min-height: 50vh; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 1rem; */
  /* background: rgb(255 255 255 / 60%); */
  /* border-radius: 50%; */
  /* aspect-ratio: 1/1; */
  text-align: center;
  /* border: 4px solid #37b1af47; */
  box-shadow: none;
  width: auto;
  text-align: center;
  /* backdrop-filter: blur(3px); */
  margin: 0;
  display: inline;
  min-height: unset;
  box-shadow: none;
}
  .hero-content p{
    text-align: center;
}

}
.one-img {
    padding: 1rem;
}

::after {
    /* color: red; */
}

.btn-whatsapp.wspsize-1 {
    width: 60px;
    height: 60px;
    display: block;
    position: fixed;
    z-index: 2;
    bottom: 20px;
    right: 20px;
}
.btn-whatsapp.wspsize-1 svg{
    width: 60px;
    height: 60px;
}

.servicios-block {
    margin: 2rem 0;
}
.servicios-block img{/* min-width: max-content; */}

#pvc-alimenticio {
    padding-top: 2rem;
}

.servicios-block ul {
    /* font-size: 0.7rem; */
}

.servicios-block ul {}

.t4-rep-200 {
    padding-top: 1rem;
}