.elementor-3964 .elementor-element.elementor-element-bd972f0{width:var( --container-widget-width, 99.926% );max-width:99.926%;--container-widget-width:99.926%;--container-widget-flex-grow:0;}.elementor-3964 .elementor-element.elementor-element-bd972f0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3964 .elementor-element.elementor-element-a3e0b92{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3964 .elementor-element.elementor-element-c9401d1{text-align:center;}.elementor-3964 .elementor-element.elementor-element-c9401d1 .elementor-heading-title{color:#0C4058;}.elementor-3964 .elementor-element.elementor-element-0363cce{--display:flex;}.elementor-3964 .elementor-element.elementor-element-cf587a7{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3964 .elementor-element.elementor-element-cf587a7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3964 .elementor-element.elementor-element-04392fa > .elementor-container{max-width:1350px;}.elementor-3964 .elementor-element.elementor-element-16d304e > .elementor-element-populated{padding:0px 12px 0px 12px;}@media(min-width:768px){.elementor-3964 .elementor-element.elementor-element-cf587a7{--width:100%;}}/* Start custom CSS for ele-breadcrumb-id, class: .elementor-element-bd972f0 */.elx-breadcrumb-list li{
    color:white !important;
}
.elx-hd-cta-btn a{
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-177216a */.copyright-logo{
    height: 200px;
    width: 200px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c9401d1 */./* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f3b606 */.titulo:hover{
    color:#d3da1a;
}
.contenedor-servicios {
  max-width: 1200px;
  margin: auto;
  padding: 20px;
}

.botones-servicio {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 25px;
  justify-content: center;
}

.botones-servicio label {
  padding: 12px 24px;
  background: #f0f0f0;
  border-radius: 8px;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.3s ease;
}
.botones-servicio label:hover {
  background: #e0e0e0;
}

.contenido-servicio .item {
  padding: 20px 0;
  border-top: 2px solid #ddd;
  animation: fadeIn 0.4s ease-in-out;
}



.item {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  padding: 2rem 0;
}

.card {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  transition: 0.5s ease;
}
.card:hover{
    transform: scale(1.02);
}
.card img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-bottom: 1px solid #eee;
}
.card-body {
  padding: 15px;
}
.card-body .categoria {
  font-size: 0.85rem;
  color: #888;
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
}
.card-body h3 {
  font-size: 1.2rem;
  margin: 10px 0;
  color: #333;
}
.card-body p {
  font-size: 1rem;
  line-height: 1.5;
  color: #555;
}

@media (max-width: 992px) {
  .item {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .item {
    grid-template-columns: 1fr;
  }
  .botones-servicio {
    flex-direction: column;
    align-items: center;
  }
  .botones-servicio label {
    width: 100%;
    text-align: center;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(55px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf587a7 */.container{

}/* End custom CSS */
/* Start custom CSS for ele-cta-id, class: .elementor-element-f01f99c */.address-widget h3{
    transform:translatex(-65px);
        color: white;

}
.menu-widget h3{
    transform:translatex(-73px);
        color: white;


}
.menu-widget a{
        transform:translatex(-65px);
            color: white;


}
.contact-widget h3{
    transform:translatex(-60px);
        color: white;

}
.textwidget{
    transform:translatex(-0px);
        color: white;

}
@media (max-width:494px){
    .address-widget h3{
    transform:translatex(50px)
}
#nav_menu-1{
    transform:translatey(-40px);
}
.menu-widget h3{
    width:20px;
    transform:translate(180px, 1px)

}
.menu-widget a{
        transform:translatex(130px)

}
.contact-widget h3{
    transform:translate(47px)
}
.textwidget p{
    transform:translatex(140px)
}
.address-widget p{
    transform:translatex(55px)
   
}
.elx-contact-item-area{
    transform:translatex(90px);
}
.address-widget p{
    transform:translatex(140px);
    max-width:250px !important;
    width:;100%;
}
}/* End custom CSS */