.elementor-787 .elementor-element.elementor-element-52257b7{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.46;--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-787 .elementor-element.elementor-element-52257b7:not(.elementor-motion-effects-element-type-background), .elementor-787 .elementor-element.elementor-element-52257b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://acoustic-solution.com/wp-content/uploads/2025/09/blog.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-787 .elementor-element.elementor-element-52257b7::before, .elementor-787 .elementor-element.elementor-element-52257b7 > .elementor-background-video-container::before, .elementor-787 .elementor-element.elementor-element-52257b7 > .e-con-inner > .elementor-background-video-container::before, .elementor-787 .elementor-element.elementor-element-52257b7 > .elementor-background-slideshow::before, .elementor-787 .elementor-element.elementor-element-52257b7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-787 .elementor-element.elementor-element-52257b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-787 .elementor-element.elementor-element-81a6a5b{--display:flex;--justify-content:space-between;}.elementor-787 .elementor-element.elementor-element-81a6a5b.e-con{--align-self:stretch;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-787 .elementor-element.elementor-element-187ed99{padding:0px 0px 10px 0px;font-family:"Poppins", Sans-serif;font-size:25px;font-weight:500;color:#FFFFFF;}.elementor-787 .elementor-element.elementor-element-4161561{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--overlay-opacity:0.43;--padding-top:35px;--padding-bottom:35px;--padding-left:6px;--padding-right:6px;--z-index:100;}.elementor-787 .elementor-element.elementor-element-4161561::before, .elementor-787 .elementor-element.elementor-element-4161561 > .elementor-background-video-container::before, .elementor-787 .elementor-element.elementor-element-4161561 > .e-con-inner > .elementor-background-video-container::before, .elementor-787 .elementor-element.elementor-element-4161561 > .elementor-background-slideshow::before, .elementor-787 .elementor-element.elementor-element-4161561 > .e-con-inner > .elementor-background-slideshow::before, .elementor-787 .elementor-element.elementor-element-4161561 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-787 .elementor-element.elementor-element-538c76a{--display:flex;--min-height:242px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:35px;--padding-left:12px;--padding-right:12px;}.elementor-widget-hfe-basic-posts .hfe-post-title a{color:var( --e-global-color-primary );}.elementor-widget-hfe-basic-posts .hfe-post-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-hfe-basic-posts .hfe-post-meta{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-hfe-basic-posts .hfe-post-excerpt{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-hfe-basic-posts .hfe-read-more{color:var( --e-global-color-accent );}.elementor-787 .elementor-element.elementor-element-dc9e467 .hfe-post-card{background-color:#F6F6F6;border-radius:4px 4px 4px 4px;}.elementor-787 .elementor-element.elementor-element-dc9e467 .hfe-posts-grid{grid-template-columns:repeat(3, 1fr);column-gap:38px;row-gap:23px;}.elementor-787 .elementor-element.elementor-element-dc9e467 .hfe-post-image img{border-radius:4px 4px 0px 0px;}.elementor-787 .elementor-element.elementor-element-dc9e467 .hfe-post-content{padding:15px 15px 15px 15px;}.elementor-787 .elementor-element.elementor-element-dc9e467 .hfe-post-title a{color:#4A4A4A;}.elementor-787 .elementor-element.elementor-element-dc9e467 .hfe-post-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;margin-bottom:9px;}.elementor-787 .elementor-element.elementor-element-dc9e467 .hfe-post-meta{color:#280D43;font-family:"Poppins", Sans-serif;font-weight:400;margin-bottom:15px;}.elementor-787 .elementor-element.elementor-element-dc9e467 .hfe-post-excerpt{color:#8E8E8E;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;margin-bottom:15px;}.elementor-787 .elementor-element.elementor-element-dc9e467 .hfe-read-more{color:#482494;font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-787 .elementor-element.elementor-element-433d06f5{--display:flex;--min-height:63vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0;--padding-top:0px;--padding-bottom:35px;--padding-left:6px;--padding-right:6px;--z-index:100;}.elementor-787 .elementor-element.elementor-element-433d06f5:not(.elementor-motion-effects-element-type-background), .elementor-787 .elementor-element.elementor-element-433d06f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-787 .elementor-element.elementor-element-433d06f5::before, .elementor-787 .elementor-element.elementor-element-433d06f5 > .elementor-background-video-container::before, .elementor-787 .elementor-element.elementor-element-433d06f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-787 .elementor-element.elementor-element-433d06f5 > .elementor-background-slideshow::before, .elementor-787 .elementor-element.elementor-element-433d06f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-787 .elementor-element.elementor-element-433d06f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-787 .elementor-element.elementor-element-33d5e71c{--display:flex;--min-height:66px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-787 .elementor-element.elementor-element-332a4b47{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#000000;}.elementor-787 .elementor-element.elementor-element-41e7ff7{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Poppins", Sans-serif;font-size:33px;font-weight:400;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-787 .elementor-element.elementor-element-37c09513{--divider-border-style:solid;--divider-color:#00000000;--divider-border-width:5.2px;}.elementor-787 .elementor-element.elementor-element-37c09513.elementor-element{--align-self:center;}.elementor-787 .elementor-element.elementor-element-37c09513 .elementor-divider-separator{width:27%;}.elementor-787 .elementor-element.elementor-element-37c09513 .elementor-divider{padding-block-start:4px;padding-block-end:4px;}.elementor-787 .elementor-element.elementor-element-51077981{--display:flex;--min-height:103px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:13px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:21px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-787 .elementor-element.elementor-element-36546986{--display:flex;--justify-content:center;}.elementor-787 .elementor-element.elementor-element-18df00c7{--display:flex;}.elementor-787 .elementor-element.elementor-element-c67ad1d{--display:flex;--justify-content:center;}.elementor-787 .elementor-element.elementor-element-322499aa{--display:flex;}.elementor-787 .elementor-element.elementor-element-a1a2ff2{--display:flex;--justify-content:center;}.elementor-787 .elementor-element.elementor-element-29e707ef{--display:flex;--justify-content:center;}.elementor-787 .elementor-element.elementor-element-1b88778a{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:12px;--e-n-carousel-dots-normal-color:#414141;--e-n-carousel-swiper-pagination-spacing:12px;}.elementor-787 .elementor-element.elementor-element-1b88778a .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:5px;--swiper-pagination-bullet-vertical-gap:5px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-787 .elementor-element.elementor-element-52257b7{--content-width:90%;}.elementor-787 .elementor-element.elementor-element-4161561{--content-width:90%;}.elementor-787 .elementor-element.elementor-element-433d06f5{--content-width:90%;}}@media(max-width:1024px){.elementor-787 .elementor-element.elementor-element-52257b7{--margin-top:-106px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-787 .elementor-element.elementor-element-4161561{--padding-top:30px;--padding-bottom:19px;--padding-left:0px;--padding-right:0px;}.elementor-787 .elementor-element.elementor-element-dc9e467 .hfe-posts-grid{grid-template-columns:repeat(2, 1fr);}.elementor-787 .elementor-element.elementor-element-433d06f5{--min-height:0vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:33px;--padding-left:0px;--padding-right:0px;}.elementor-787 .elementor-element.elementor-element-332a4b47{font-size:14px;}.elementor-787 .elementor-element.elementor-element-41e7ff7{font-size:28px;}.elementor-787 .elementor-element.elementor-element-51077981{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-787 .elementor-element.elementor-element-1b88778a{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-787 .elementor-element.elementor-element-52257b7{--margin-top:-208px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-787 .elementor-element.elementor-element-187ed99{text-align:center;font-size:17px;}.elementor-787 .elementor-element.elementor-element-4161561{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:23px;--padding-bottom:23px;--padding-left:23px;--padding-right:23px;}.elementor-787 .elementor-element.elementor-element-538c76a{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-787 .elementor-element.elementor-element-dc9e467 .hfe-posts-grid{grid-template-columns:repeat(1, 1fr);}.elementor-787 .elementor-element.elementor-element-433d06f5{--min-height:10vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:21px;--padding-bottom:55px;--padding-left:10px;--padding-right:10px;}.elementor-787 .elementor-element.elementor-element-332a4b47{text-align:center;font-size:13px;}.elementor-787 .elementor-element.elementor-element-41e7ff7{margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 0px 0px 0px;text-align:center;font-size:25px;}.elementor-787 .elementor-element.elementor-element-37c09513{width:100%;max-width:100%;}.elementor-787 .elementor-element.elementor-element-37c09513.elementor-element{--align-self:center;}.elementor-787 .elementor-element.elementor-element-37c09513 .elementor-divider-separator{width:31%;margin:0 auto;margin-left:0;}.elementor-787 .elementor-element.elementor-element-37c09513 .elementor-divider{text-align:left;}.elementor-787 .elementor-element.elementor-element-51077981{--margin-top:12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-787 .elementor-element.elementor-element-1b88778a{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-pagination-spacing:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-187ed99 *//* Oculta el salto por defecto */
.br-mobile { display: none; }

/* Solo en celulares: fuerza el salto de línea */
@media (max-width: 767px) {
  .br-mobile { display: block; }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-37c09513 */#raya5 {
  border: none;  
  height: 6px;  
  width: 9%;   /* Valor por defecto para desktop, laptop y tablets */
  margin: 0 auto; /* Centra la línea */
  background: linear-gradient(to right, #80399f, #0061e7);
  border-radius: 3px;
}

/* Solo celulares */
@media (max-width: 767px) {
  #raya5 {
    width: 20%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-719fb30c *//* Si no tienes Poppins global, descomenta: */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

/* Card base */
#servicio1 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio1 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

/* Imagen fill */
#servicio1 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay para hover (10% negro) */
#servicio1 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);     /* sin hover */
  transition: background .25s ease;
}
#servicio1 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);  /* 10% en hover */
}

/* Texto dentro de la imagen, abajo-izquierda */
#servicio1 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título más pequeño y blanco */
#servicio1 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;           /* Medium */
  font-size: 12px;            /* más chico */
  line-height: 1.35;
  color: #fff;                /* blanco */
  margin: 0;
}

/* See more blanco dentro de la imagen */
#servicio1 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;           /* Bold */
  font-size: 12px;
  color: #fff;                /* blanco */
  text-decoration: none;
  display: inline-block;
}
#servicio1 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1cd0d588 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio2 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio2 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio2 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hacer hover */
#servicio2 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio2 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen, abajo-izquierda */
#servicio2 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco */
#servicio2 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;   /* Medium */
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco */
#servicio2 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;   /* Bold */
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio2 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35d885d7 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio3 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio3 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio3 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% en hover */
#servicio3 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio3 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio3 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco (Poppins Medium 12px) */
#servicio3 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco (Poppins Bold 12px) */
#servicio3 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio3 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f917a6c *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio4 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio4 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio4 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hover */
#servicio4 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio4 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio4 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco (Poppins Medium 12px) */
#servicio4 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco (Poppins Bold 12px) */
#servicio4 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio4 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-480b2e8d *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio5 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio5 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio5 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% en hover */
#servicio5 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
  border-radius: inherit;
  pointer-events: none; /* no bloquea el link */
}
#servicio5 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio5 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título (Poppins Medium 12px, blanco) */
#servicio5 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more (Poppins Bold 12px, blanco) */
#servicio5 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio5 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26814385 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio6 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio6 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}
#servicio6 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hover */
#servicio6 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
  border-radius: inherit;
  pointer-events: none;
}
#servicio6 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio6 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título: Poppins Medium 12px, blanco */
#servicio6 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more: Poppins Bold 12px, blanco */
#servicio6 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio6 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-719fb30c *//* Si no tienes Poppins global, descomenta: */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

/* Card base */
#servicio1 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio1 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

/* Imagen fill */
#servicio1 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay para hover (10% negro) */
#servicio1 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);     /* sin hover */
  transition: background .25s ease;
}
#servicio1 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);  /* 10% en hover */
}

/* Texto dentro de la imagen, abajo-izquierda */
#servicio1 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título más pequeño y blanco */
#servicio1 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;           /* Medium */
  font-size: 12px;            /* más chico */
  line-height: 1.35;
  color: #fff;                /* blanco */
  margin: 0;
}

/* See more blanco dentro de la imagen */
#servicio1 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;           /* Bold */
  font-size: 12px;
  color: #fff;                /* blanco */
  text-decoration: none;
  display: inline-block;
}
#servicio1 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1cd0d588 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio2 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio2 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio2 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hacer hover */
#servicio2 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio2 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen, abajo-izquierda */
#servicio2 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco */
#servicio2 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;   /* Medium */
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco */
#servicio2 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;   /* Bold */
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio2 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35d885d7 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio3 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio3 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio3 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% en hover */
#servicio3 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio3 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio3 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco (Poppins Medium 12px) */
#servicio3 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco (Poppins Bold 12px) */
#servicio3 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio3 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f917a6c *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio4 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio4 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio4 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hover */
#servicio4 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio4 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio4 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco (Poppins Medium 12px) */
#servicio4 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco (Poppins Bold 12px) */
#servicio4 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio4 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-480b2e8d *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio5 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio5 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio5 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% en hover */
#servicio5 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
  border-radius: inherit;
  pointer-events: none; /* no bloquea el link */
}
#servicio5 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio5 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título (Poppins Medium 12px, blanco) */
#servicio5 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more (Poppins Bold 12px, blanco) */
#servicio5 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio5 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26814385 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio6 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio6 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}
#servicio6 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hover */
#servicio6 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
  border-radius: inherit;
  pointer-events: none;
}
#servicio6 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio6 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título: Poppins Medium 12px, blanco */
#servicio6 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more: Poppins Bold 12px, blanco */
#servicio6 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio6 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-719fb30c *//* Si no tienes Poppins global, descomenta: */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

/* Card base */
#servicio1 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio1 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

/* Imagen fill */
#servicio1 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay para hover (10% negro) */
#servicio1 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);     /* sin hover */
  transition: background .25s ease;
}
#servicio1 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);  /* 10% en hover */
}

/* Texto dentro de la imagen, abajo-izquierda */
#servicio1 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título más pequeño y blanco */
#servicio1 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;           /* Medium */
  font-size: 12px;            /* más chico */
  line-height: 1.35;
  color: #fff;                /* blanco */
  margin: 0;
}

/* See more blanco dentro de la imagen */
#servicio1 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;           /* Bold */
  font-size: 12px;
  color: #fff;                /* blanco */
  text-decoration: none;
  display: inline-block;
}
#servicio1 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1cd0d588 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio2 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio2 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio2 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hacer hover */
#servicio2 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio2 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen, abajo-izquierda */
#servicio2 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco */
#servicio2 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;   /* Medium */
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco */
#servicio2 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;   /* Bold */
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio2 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35d885d7 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio3 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio3 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio3 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% en hover */
#servicio3 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio3 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio3 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco (Poppins Medium 12px) */
#servicio3 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco (Poppins Bold 12px) */
#servicio3 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio3 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f917a6c *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio4 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio4 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio4 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hover */
#servicio4 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio4 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio4 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco (Poppins Medium 12px) */
#servicio4 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco (Poppins Bold 12px) */
#servicio4 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio4 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-480b2e8d *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio5 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio5 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio5 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% en hover */
#servicio5 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
  border-radius: inherit;
  pointer-events: none; /* no bloquea el link */
}
#servicio5 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio5 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título (Poppins Medium 12px, blanco) */
#servicio5 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more (Poppins Bold 12px, blanco) */
#servicio5 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio5 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26814385 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio6 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio6 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}
#servicio6 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hover */
#servicio6 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
  border-radius: inherit;
  pointer-events: none;
}
#servicio6 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio6 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título: Poppins Medium 12px, blanco */
#servicio6 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more: Poppins Bold 12px, blanco */
#servicio6 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio6 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-719fb30c *//* Si no tienes Poppins global, descomenta: */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

/* Card base */
#servicio1 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio1 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

/* Imagen fill */
#servicio1 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay para hover (10% negro) */
#servicio1 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);     /* sin hover */
  transition: background .25s ease;
}
#servicio1 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);  /* 10% en hover */
}

/* Texto dentro de la imagen, abajo-izquierda */
#servicio1 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título más pequeño y blanco */
#servicio1 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;           /* Medium */
  font-size: 12px;            /* más chico */
  line-height: 1.35;
  color: #fff;                /* blanco */
  margin: 0;
}

/* See more blanco dentro de la imagen */
#servicio1 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;           /* Bold */
  font-size: 12px;
  color: #fff;                /* blanco */
  text-decoration: none;
  display: inline-block;
}
#servicio1 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1cd0d588 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio2 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio2 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio2 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hacer hover */
#servicio2 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio2 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen, abajo-izquierda */
#servicio2 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco */
#servicio2 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;   /* Medium */
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco */
#servicio2 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;   /* Bold */
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio2 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35d885d7 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio3 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio3 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio3 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% en hover */
#servicio3 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio3 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio3 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco (Poppins Medium 12px) */
#servicio3 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco (Poppins Bold 12px) */
#servicio3 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio3 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f917a6c *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio4 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio4 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio4 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hover */
#servicio4 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio4 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio4 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco (Poppins Medium 12px) */
#servicio4 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco (Poppins Bold 12px) */
#servicio4 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio4 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-480b2e8d *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio5 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio5 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio5 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% en hover */
#servicio5 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
  border-radius: inherit;
  pointer-events: none; /* no bloquea el link */
}
#servicio5 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio5 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título (Poppins Medium 12px, blanco) */
#servicio5 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more (Poppins Bold 12px, blanco) */
#servicio5 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio5 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26814385 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio6 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio6 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}
#servicio6 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hover */
#servicio6 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
  border-radius: inherit;
  pointer-events: none;
}
#servicio6 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio6 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título: Poppins Medium 12px, blanco */
#servicio6 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more: Poppins Bold 12px, blanco */
#servicio6 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio6 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-719fb30c *//* Si no tienes Poppins global, descomenta: */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

/* Card base */
#servicio1 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio1 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

/* Imagen fill */
#servicio1 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay para hover (10% negro) */
#servicio1 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);     /* sin hover */
  transition: background .25s ease;
}
#servicio1 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);  /* 10% en hover */
}

/* Texto dentro de la imagen, abajo-izquierda */
#servicio1 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título más pequeño y blanco */
#servicio1 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;           /* Medium */
  font-size: 12px;            /* más chico */
  line-height: 1.35;
  color: #fff;                /* blanco */
  margin: 0;
}

/* See more blanco dentro de la imagen */
#servicio1 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;           /* Bold */
  font-size: 12px;
  color: #fff;                /* blanco */
  text-decoration: none;
  display: inline-block;
}
#servicio1 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1cd0d588 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio2 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio2 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio2 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hacer hover */
#servicio2 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio2 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen, abajo-izquierda */
#servicio2 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco */
#servicio2 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;   /* Medium */
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco */
#servicio2 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;   /* Bold */
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio2 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35d885d7 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio3 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio3 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio3 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% en hover */
#servicio3 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio3 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio3 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco (Poppins Medium 12px) */
#servicio3 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco (Poppins Bold 12px) */
#servicio3 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio3 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f917a6c *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio4 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio4 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio4 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hover */
#servicio4 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio4 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio4 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco (Poppins Medium 12px) */
#servicio4 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco (Poppins Bold 12px) */
#servicio4 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio4 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-480b2e8d *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio5 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio5 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio5 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% en hover */
#servicio5 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
  border-radius: inherit;
  pointer-events: none; /* no bloquea el link */
}
#servicio5 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio5 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título (Poppins Medium 12px, blanco) */
#servicio5 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more (Poppins Bold 12px, blanco) */
#servicio5 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio5 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26814385 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio6 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio6 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}
#servicio6 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hover */
#servicio6 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
  border-radius: inherit;
  pointer-events: none;
}
#servicio6 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio6 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título: Poppins Medium 12px, blanco */
#servicio6 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more: Poppins Bold 12px, blanco */
#servicio6 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio6 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-719fb30c *//* Si no tienes Poppins global, descomenta: */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

/* Card base */
#servicio1 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio1 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

/* Imagen fill */
#servicio1 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay para hover (10% negro) */
#servicio1 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);     /* sin hover */
  transition: background .25s ease;
}
#servicio1 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);  /* 10% en hover */
}

/* Texto dentro de la imagen, abajo-izquierda */
#servicio1 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título más pequeño y blanco */
#servicio1 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;           /* Medium */
  font-size: 12px;            /* más chico */
  line-height: 1.35;
  color: #fff;                /* blanco */
  margin: 0;
}

/* See more blanco dentro de la imagen */
#servicio1 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;           /* Bold */
  font-size: 12px;
  color: #fff;                /* blanco */
  text-decoration: none;
  display: inline-block;
}
#servicio1 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1cd0d588 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio2 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio2 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio2 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hacer hover */
#servicio2 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio2 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen, abajo-izquierda */
#servicio2 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco */
#servicio2 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;   /* Medium */
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco */
#servicio2 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;   /* Bold */
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio2 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35d885d7 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio3 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio3 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio3 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% en hover */
#servicio3 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio3 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio3 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco (Poppins Medium 12px) */
#servicio3 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco (Poppins Bold 12px) */
#servicio3 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio3 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f917a6c *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio4 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio4 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio4 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hover */
#servicio4 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio4 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio4 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco (Poppins Medium 12px) */
#servicio4 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco (Poppins Bold 12px) */
#servicio4 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio4 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-480b2e8d *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio5 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio5 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio5 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% en hover */
#servicio5 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
  border-radius: inherit;
  pointer-events: none; /* no bloquea el link */
}
#servicio5 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio5 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título (Poppins Medium 12px, blanco) */
#servicio5 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more (Poppins Bold 12px, blanco) */
#servicio5 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio5 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26814385 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio6 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio6 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}
#servicio6 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hover */
#servicio6 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
  border-radius: inherit;
  pointer-events: none;
}
#servicio6 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio6 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título: Poppins Medium 12px, blanco */
#servicio6 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more: Poppins Bold 12px, blanco */
#servicio6 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio6 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-719fb30c *//* Si no tienes Poppins global, descomenta: */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

/* Card base */
#servicio1 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio1 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

/* Imagen fill */
#servicio1 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay para hover (10% negro) */
#servicio1 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);     /* sin hover */
  transition: background .25s ease;
}
#servicio1 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);  /* 10% en hover */
}

/* Texto dentro de la imagen, abajo-izquierda */
#servicio1 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título más pequeño y blanco */
#servicio1 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;           /* Medium */
  font-size: 12px;            /* más chico */
  line-height: 1.35;
  color: #fff;                /* blanco */
  margin: 0;
}

/* See more blanco dentro de la imagen */
#servicio1 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;           /* Bold */
  font-size: 12px;
  color: #fff;                /* blanco */
  text-decoration: none;
  display: inline-block;
}
#servicio1 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1cd0d588 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio2 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio2 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio2 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hacer hover */
#servicio2 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio2 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen, abajo-izquierda */
#servicio2 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco */
#servicio2 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;   /* Medium */
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco */
#servicio2 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;   /* Bold */
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio2 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35d885d7 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio3 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio3 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio3 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% en hover */
#servicio3 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio3 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio3 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco (Poppins Medium 12px) */
#servicio3 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco (Poppins Bold 12px) */
#servicio3 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio3 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f917a6c *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio4 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

#servicio4 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio4 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hover */
#servicio4 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
}
#servicio4 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio4 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título pequeño y blanco (Poppins Medium 12px) */
#servicio4 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more blanco (Poppins Bold 12px) */
#servicio4 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio4 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-480b2e8d *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio5 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio5 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}

#servicio5 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% en hover */
#servicio5 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
  border-radius: inherit;
  pointer-events: none; /* no bloquea el link */
}
#servicio5 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio5 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título (Poppins Medium 12px, blanco) */
#servicio5 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more (Poppins Bold 12px, blanco) */
#servicio5 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio5 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26814385 *//* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap'); */

#servicio6 .about-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
}

/* Imagen */
#servicio6 .about-card__media{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin: 0;
  overflow: hidden;
  border-radius: 4px; /* opcional */
}
#servicio6 .about-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Overlay negro 10% al hover */
#servicio6 .about-card__media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
  border-radius: inherit;
  pointer-events: none;
}
#servicio6 .about-card:hover .about-card__media::after{
  background: rgba(0,0,0,0.10);
}

/* Texto dentro de la imagen (abajo-izquierda) */
#servicio6 .about-card__body{
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Título: Poppins Medium 12px, blanco */
#servicio6 .about-card__title{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

/* See more: Poppins Bold 12px, blanco */
#servicio6 .about-card__more{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#servicio6 .about-card__more:hover{
  text-decoration: underline;
}/* End custom CSS */