#elementor-panel-category-custom_ATM_widgets .elementor-element-wrapper .icon{ position: relative}
#elementor-panel-category-custom_ATM_widgets .elementor-element-wrapper .icon:after{
    content: "";
            display: inline-block;
            background-image: url("https://www.atmagenciadigital.com/wp-content/uploads/2023/10/cropped-favicon-32x32.png");
            background-size: contain;
            background-repeat: no-repeat;
            width: 18px;
            height: 18px;
}


/* Estilo Grid */
#carousel_blog{ padding: 55px 0;}
#carousel_blog .item_blog{margin: 0 10px; text-align: left!important;background: rgba(71, 60, 44, 0.21);padding: 10px; border-radius: 15px}
#carousel_blog .summary_blog h2{ color: #fff; margin: 15px 0; font-size: 18px; letter-spacing: 2px; } 
#carousel_blog .summary_blog .btn_sblo{font-size: 15px;font-weight: 500;text-transform: uppercase;letter-spacing: 4px;color: #8C857B;border:2px solid #8C857B;border-radius:15px;padding: 10px 25px }

.carousel_blog .swiper-button-prev{left: -65px}
.carousel_blog .swiper-button-next{ right: -65px}

h3.module-title,h3.widget-title{ margin-bottom: 25px; margin-bottom: 20px}

.banner_img_atm img{ width: 100%}
.banner_img_atm figure{ position: relative; overflow: hidden}
.banner_img_atm figure .cont_banner,.banner_img_atm figure .custom-image-overlay{ position: absolute; width: 100%;height: 100%; top: 0; left: 0px}
.banner_img_atm figure .custom-image-overlay{z-index: 1}
.banner_img_atm figure .cont_banner{z-index: 91; padding: 15px;display: flex;flex-wrap: wrap;}
.banner_img_atm figure .cont_banner .custom-button{ display: table}

/**CARUSEL**/

#slider_porta .item_c{position: relative; border: 1px solid #5ba6de2b !important; padding:  25px 15px; border-radius: 10px; margin: 0 10px; box-shadow:  0px 0px 5px #5ba6de2b }
.owl-carousel .owl-stage-outer{ padding-top: 30px; padding-bottom: 30px}
#slider_porta .item_c header i{ }
#slider_porta .item_c header h2{ }
#slider_porta .item_c header img{ width: 100%; max-width: 100%; display: table; }
#slider_porta .item_c .text{display: flex;flex-direction: column;flex-wrap: wrap;align-items: center; }
#slider_porta .item_c .btn_slider {  display: flex; align-items: center; justify-content: center}

/****FLIP CARD****/
.flip-card {
  background-color: transparent;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front .title_front{text-shadow: 1px 2px 3px rgba(0,0,0,55%)}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
    display: flex; overflow: hidden
}

.flip-card-back {
  transform: rotateY(180deg);
}


#list_portfolio{ display: flex; flex-wrap: wrap;justify-content: center; align-items:flex-start}
#list_portfolio.diapositivas article{ width: calc(50% - 20px); margin: 0px 10px 20px 10px; position: relative}
#list_portfolio.columns_2 article{ width: calc(50% - 20px); margin: 0px 10px 20px 10px; position: relative}
#list_portfolio.columns_3 article{ width: calc(33.333% - 20px); margin: 0px 10px 20px 10px; position: relative}
#list_portfolio article .text_card{position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; padding: 50px}

#list_portfolio article .link_card{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; opacity: 0;padding: 50px}
#list_portfolio article .link_card:hover{opacity: 1}
#list_portfolio article .link_card h4,#list_portfolio article .link_card h3{position: relative; z-index: 90; color: #fff; text-transform: uppercase}
#list_portfolio article .link_card h4{ margin-bottom: 15px; font-size:14px }
#list_portfolio article .link_card h3{font-size: 30px; font-weight: 600}
#list_portfolio article .link_card .ico_link{ fill:#fff; position: absolute; right: 40px; bottom: 40px;}


@media only screen and (max-width: 1440px){
    
}

@media only screen and (max-width: 1350px){
    
}


@media only screen and (max-width: 1280px){


 
}
@media only screen and (max-width: 1170px){

}
@media only screen and (max-width: 1024px){ 



}

@media only screen and (max-width: 980px){

   
}
@media only screen and (max-width: 800px){
  
}

@media only screen and (max-width: 767px){
    #list_portfolio.columns_3 article{width: calc(100%);margin: 0px 0 20px 0;} 
    #list_portfolio article .link_card{ padding: 30px 20px;opacity: 0.20} 
}