* { margin:0; padding:0; }

html{ margin:0 !important}
body { background: #fff;font-family: "Josefin Sans", sans-serif !important; ;margin:0; padding:0 !important; color: #040700; position:relative; font-size:20px!important; line-height: 25pxpx; width:100%;font-weight: 300}
h1, h2, h3, h4, h5, h6 {font-family: "Roboto Condensed", sans-serif !important;color:#040700; margin: 0; letter-spacing: 3px }
h1 { font-size:35px;}
h2 { font-size:25px;}
h3 { font-size:20px; }
h4 { font-size:16px;  }
input:focus, select:focus, textarea:focus,.btn_cerra:focus,button:focus { outline:none }
input, input[type="text"], input[type="file"] { background: none; border: none;color:#fff }
nav ul,ol,ul{ margin:0 !important; padding:0 !important; line-height: normal}
ul, li{ list-style: none}
a {text-decoration:none!important; color:#040700; /*-webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;*/ }
a:hover { text-decoration:none;}
a img { border:none; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -moz-transition: all 800ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}
a:hover img{-webkit-transition: all 300ms ease-out; -o-transition: all 00ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}
.clear { clear:both; }

.no_padding{ padding:0}
.no_gutter > [class*='col-'] {  padding-right:0; padding-left:0;} 

p{letter-spacing: 1.5px}
.h_100{ height: 100%;}

.material-symbols-outlined {  font-variation-settings:  'FILL' 0,  'wght' 500,  'GRAD' 0,  'opsz' 48}

b, strong{ font-weight: 600}

.cont_at{ width: 95%;  margin: 0 auto; max-width: 1420px }
.row_at{display: flex; align-items: center; justify-content: center; flex-wrap: wrap}
.img_fluid.size-full,.img_fluid,.size-full{ max-width: 100%; display: block; height: auto}
.aligncenter,.alignleft,.alignright {display: block;padding: 0; height: auto}
.aligncenter {float: none;margin: .5em auto 1em; width: 100%}
.alignright {float: right;margin: .5em 0 1em 1.5em;}
.alignleft {float: left;margin: .5em 1.5em 1em 0;}
.btn_at{ text-transform: uppercase; font-size: 14px; line-height: 20px; display: inline-flex; align-items: center; justify-content: center;letter-spacing: 4px; font-weight: 500; border-radius: 0; border: 1px solid #040700; padding: 5px 25px;position: relative; overflow: hidden;transition: all 100ms ease-out}
.btn_at:hover{ background: #040700; color: #fff}
.btn_at span,.btn_at i{position: relative; z-index: 10}
.btn_at i{ margin-left: 10px;transition: all 300ms ease-out;}
.btn_at i,.btn_at i svg{width: 20px; height: auto}

.header_ATM{ height: 450px;background:#040700; margin-bottom: 55px }
.header_ATM .row_at,.header_ATM .cont_at{ display: flex;align-items: flex-end; height: 100%}
.header_ATM .col_left,.header_ATM .col_right{  width: 50%}
.header_ATM .col_left .summary{transform:  translate(18% , 74%)}
.header_ATM  h4,.header_ATM  h5{ color: #fff!important; font-size: 30px; margin-bottom: 10px; text-transform: uppercase; font-weight: 400}
.header_ATM  .title_archive{ font-size: 60px; text-align: center;font-weight: 500;font-style: oblique;line-height: 0.95em;color: #FFFFFF;}
.header_ATM  .title_archive .title_2 span {    display: inline-block;    position: relative;}
.header_ATM  .title_archive .title_2 span:before {content: '';display: inline-block;width: 70px;height: 5px;background: #f5921e;margin: 0 25px;}
.header_ATM #migas_pan{ text-align: center; color: #fff; margin-top: 15px}
.header_ATM #migas_pan a ,#banner_blog #migas_pan span{ color: #fff; left: 15px; letter-spacing: 2px}
#migas_pan i {line-height: 10px;font-size: 17px;height: 17px;text-align: center; margin: 0; display: inline-block}

#pagination{ margin-top: 70px; padding-bottom: 120px}
#pagination ul{ display: flex; align-items: center; justify-content: center}
#pagination ul li{ margin: 0 5px}
#pagination ul li a,#pagination ul li span{ display: block; background:#040700; color: #fff;  font-weight: 500; text-align: center;width: 30px; height: 30px; border-radius: 40px; line-height: 30px }
.rocket_left a,.rocket_right a{ background: none!important; display: flex!important;align-content: center;justify-content: center;}
.rocket_left a i,.rocket_right a i{ font-size: 20px;line-height: 30px}
.rocket_left i{transform: rotate(-140deg) translate(-6px , 2px)}
.rocket_right i{transform: rotate(40deg)}
#pagination ul li span.current,#pagination ul li a:hover{background: #f5921e; transform: scale(1.07)}
#pagination ul li.page_text a{ background: #f5921e;  text-transform: uppercase; width: auto; padding: 0 10px}

.elementor-widget-text-editor a{}
.elementor-widget-text-editor a:hover{ text-decoration: underline}


#pagina_error{  padding-top: 110px; display: flex;flex-direction: column;justify-content: center;}
#pagina_error h1{color: #fff;font-weight: 700;font-size: 75px;bottom: 11px;left: 5%;z-index: 999991;font-family: 'Poppins', sans-serif !important; font-weight: 700; background-image: url('https://www.atmagenciadigital.com/wp-content/uploads/2023/09/galaxia-at.webp');background-size: cover !important;    background-position: center center;  background-clip: text;  -webkit-background-clip: text;  color: transparent; }
#pagina_error h6{ font-family: "Lobster Two", sans-serif !important; font-size: 95px; line-height: 70px;color: #f5921e}
#pagina_error h5{ color: #fff; display: flex; align-items: center}
#pagina_error h5 span{font-size: 150px; font-family: 'Poppins', sans-serif !important; font-weight: 700; color: #f5921e}
#pagina_error h3{text-transform: uppercase}

#pagina_error h5  i{ width: 150px;}
#pagina_error h5  i img{ width: 100%; height: auto}
#pagina_error #slider_home .entry_slider{display: flex;flex-direction: column;justify-content: center; align-items: center}
#pagina_error #slider_home .entry_slider a.btn_at{ padding: 15px 35px; font-size: 18px; line-height: 18px; margin-top: 25px; background: #fff; border-radius: 10px}
#pagina_error .astro_slider img{ width:70% }
.linea_silider{ display: flex; justify-content: center; align-items: center}
.linea_silider a{ margin-right: 15px}
/******************************* HEADER *****************************/

#cont_header{ background: transparent; width: 100%; position: fixed; top: 0; left: 0; z-index: 991; padding: 10px 0}
#cont_header.header_fix{ background: #040700}
#cont_header .row_at{ justify-content: space-between}
#h_left{ width: 160px}
#h_center{ width: calc(100% - 330px)}
#h_right{ width: calc(170px); display: flex; justify-content: flex-end}
#h_right .tel_top{color: #fff; text-align: right; font-size: 16px}
 
/******************************* Menu *****************************/

#access{}
#access .menu_ppal{ display: flex; align-items: center; justify-content: center;}
#access .menu_ppal li { margin: 0 5px}
#access .menu_ppal li a{ color: #fff; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; font-size: 14px; line-height: 14px; position: relative; padding: 5px 10px; display: block}
#access .menu_ppal li a:after{content: ''; display: block; width: 0%; height: 2px; background: #F5921E; position: absolute; left: 0; bottom: -2px;transition: all 400ms ease-out;}
#access .menu_ppal li:hover a:after{ width: 100%;transition: all 400ms ease-out;}
#access .menu_ppal a:hover,.btn_menu:hover,#access li.active a,#access  [aria-current]:not([aria-current="false"]){ color: #F5921E;}
#access  [aria-current]:not([aria-current="false"]):after{ width: 100%}

/******************************* BLOG *****************************/

#blog_ATM{}
#blog_ATM .header_ATM{ height: 230px; padding-bottom: 30px}
#blog_ATM .header_ATM .row_at, #blog_ATM  .header_ATM .cont_at{ justify-content: center}
#blog_ATM .encabezado_section{ text-align: center; margin-bottom: 55px}
#blog_ATM .encabezado_section h4{ text-transform: uppercase; font-size: 25px; line-height: 30px; margin-bottom: 10px}

#blog_ATM .encabezado_section h5{ font-size: 30px; font-weight: 400; margin-bottom: 15px}



#list_blog{ align-items: flex-start}

#intro_blog{ position: relative; overflow: hidden; border-radius:0; width: 50% }
#intro_blog .summary{background: #040700; width: 100%; height: 100%; display: flex; align-items: center; position: absolute; top: 0; left: 0; justify-content: space-between;padding: 20px 20px 20px 0px}
#intro_blog .summary img{ width: 40%}
#intro_blog .summary .text_summary{ width: calc(100% - 40%)}
#intro_blog .summary h5{color: #fff;  font-weight: 600; font-size: 30px}
#intro_blog .summary h4{color: #fff;  font-weight: 600; font-size: 30px}
#intro_blog .summary h3{color: #fff;  font-weight: 700; font-size: 30px; ;margin: 15px auto 30px auto}
#intro_blog .summary p{ font-size: 20px; line-height: 25px;color: #fff;  margin-bottom: 30px; font-weight: 300; padding-right: 30px}
#intro_blog .summary #migas_pan,#blog_ATM #intro_blog .summary #migas_pan a{color:#040700!important }


.item_blog{ width: calc( 50% - 40px); margin: 0 10px 45px 10px; display: flex; flex-direction: column; justify-content: center;  align-items: flex-start;padding: 10px}
.item_blog.last_blog{ width: calc( 100% - 40%);}
.item_blog h2{font-size: 14px; text-transform: uppercase; line-height: 17px; min-height: 40px}
.header_list ul{margin: 15px 0!important; display: flex; flex-wrap: wrap; justify-content:flex-start; align-items: center; width: 100%} 
.header_list ul li { display: flex; align-items: center; margin-right: 15px; font-size: 15px}
.summary_blog{ min-height:70px; margin-bottom: 10px }
.summary_blog p{  font-size: 17px; line-height: 28px; font-weight: 400}
.item_blog:hover .btn_at:before{content: ''; background: #040700; }
.item_blog .btn_at:hover{background: #040700; color: #fff}
.item_blog .btn_at:hover svg{ fill:#fff}



/******************************* BLOG INTERNA *****************************/

.header_blog{background: #040700; height: 320px; padding-bottom: 35px; margin-bottom: 45px }
.header_blog .cont_at{ height: 100%; display: flex;flex-direction: column;flex-wrap: wrap;align-items: center;justify-content: flex-end;}
.header_blog h1,.header_blog li,.header_blog a,.header_blog p{color: #fff}
.header_blog h1{ font-weight: 500px; letter-spacing: 3px; margin-bottom: 15px}
.header_blog .summary_blog{ height: auto;min-height: inherit; width: 650px; text-align: center}
.header_blog #migas_pan{ margin-bottom: 20px}
.header_blog #migas_pan span{ display: flex; align-items: center; justify-content: center; color: #fff}
.header_blog #migas_pan i{ line-height: 17px; margin: 0 5px}

#cont_wp.cont_at{ max-width: 1170px; width: 100% }
.single_blog{ }
.single_blog .entry_blog {}
.entry_blog h2,.entry_blog h3,.entry_blog h4,.entry_blog h5,.entry_blog h6{ margin-bottom: 15px}
.entry_blog h2{ font-size: 30px; line-height: 30px; }
.entry_blog h3{font-size: 23px; line-height: 23px}
.entry_blog h4{font-size: 20px; line-height: 20px; margin: 10px 0 20px 0!important}
.entry_blog h5{font-size: 20px; line-height: 20px}
.entry_blog table{ margin: 15px 0}
.entry_blog table tr{ }
.entry_blog table td{border-bottom: 1px solid #040700; padding: 5px}

.entry_blog p{ font-size: 22px; line-height: 28px; margin-bottom: 10px; font-weight: 350}
.entry_blog a[href*="atmagenciadigital.com"]{ color: #f5921e; text-decoration: underline!important}
.entry_blog b,.entry_blog strong{  font-weight: 500}
#cont_wp ul,#cont_wp ol{ margin-bottom: 1em!important}

#cont_wp ul li, #cont_wp ol li{ color: #040700!important; margin-bottom: 10px!important;font-size: 21px; line-height: 25px;}
#cont_wp ol li::marker{ color:#f5921e; font-size: 20px; font-weight: 800;font-family: "Sulphur Point", sans-serif!important;}
#cont_wp ol li,#cont_wp ol{ list-style: decimal}
#cont_wp ol{margin-left: 20px!important}
#cont_wp ul li{position: relative}
#cont_wp ul li:before{content: ''; display: inline-block; vertical-align: top; transform: translateY(2px);background: url('https://www.atmagenciadigital.com/wp-content/uploads/2024/05/ico-admin.png') #040700; margin-right: 10px; padding: 3px; background-size: cover!important;width: 12px; height: 12px; border-radius: 50px}

 
.btn_blog{ background: #f5921e; text-transform: uppercase; font-size: 18px; line-height: 18px; letter-spacing: 4px; font-weight: 600; border-radius: 0; border: 1px solid #f5921e; position: relative; overflow: hidden;transition: all 250ms ease-out; padding: 15px 35px; margin: 25px auto 35px auto; display: table}

.btn_blog:hover{background: #040700; border-color: #040700; color: #fff; transform: translateY(-10px);transition: all 250ms ease-out;}

.post-navigation-cards .cont_at {
    max-width: 1170px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 40px;
}
.post-navigation-cards .item_blog{ width: auto}
.nav-card {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 180px;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
}

.nav-card-image {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    filter: brightness(0.6);
    transition: 0.3s ease;
}

.nav-card:hover .nav-card-image {
    transform: scale(1.05);
    filter: brightness(0.5);
}

.nav-card-content {
    position: relative;
    padding: 20px;
    z-index: 2;
}

.meta-nav {
    font-size: 12px;
    opacity: 0.8;
    display: block;
    margin-bottom: 5px;
}

.nav-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}

/* Responsive */
@media (max-width: 768px) {
    .post-navigation-cards {
        grid-template-columns: 1fr;
    }
}
#cont_table { margin-top: 55px}
#cont_table h3{ display: flex; align-items: center}
#cont_table h3 i{width: 30px; height: 30px}
#cont_table h3 i svg{ width: 30px; height: auto}
#cont_table .cont_at{    max-width: 1170px;    width: 100%;}
#cont_table ul{ display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px 20px;}
#cont_table ul li{ margin-bottom: 5px}

/******************************* EMPRENDEDORES *****************************/

#ATM_pkd{ padding-bottom: 120px}
#ATM_pkd .header_ATM .row_at{ justify-content: flex-end}
#ATM_pkd .header_ATM .col_left .summary{transform:  translate(3% , 35%)}
#ATM_pkd .header_ATM  .title_archive{ font-size: 85px; line-height: 0.95em;}
#ATM_pkd .header_ATM  h2{ color: #fff; font-size: 25px; margin-bottom: 20px}
#ATM_pkd .header_ATM  h2 div{ text-transform: uppercase; color:#f5921e } 
#ATM_pkd .header_ATM  h2.title_archive div{ text-transform: inherit; color:#fff }


#list_pkd .row_at{ justify-content: space-between; align-items: flex-start}
.item_pkd{ padding: 35px 0px; margin-bottom: 30px }
.item_pkd:hover,.item_pkd.pkd_desc{background:#040700; color: #fff!important }
.item_pkd:hover .col_at h3,.item_pkd:hover .col_at h4,.item_pkd.pkd_desc h3,.item_pkd.pkd_desc h4{ color: #fff}
.item_pkd .col_at{position: relative}
.item_pkd .col_at h3,.item_pkd .col_at h4{ text-transform: uppercase;}
.item_pkd .col_at h3{ font-size: 30px; margin-bottom: 15px}
.item_pkd .col_at h4{ text-transform: uppercase; font-size: 18px; line-height: 18px; margin-bottom: 15px}
.item_pkd .col_left{ width: 25%}
.item_pkd .col_left p{ width: 80%}
.item_pkd .col_center{ width: calc( 100% - 40%); display: flex; align-items:flex-start; justify-content: space-between}
.item_pkd .col_center .summary_left,.item_pkd .col_center .summary_right{ padding: 0 20px}
.item_pkd .col_center .summary_left{ width: 40%}
.item_pkd .col_center .summary_right{width: 60%}
.item_pkd .col_center ul{ margin-bottom: 10px}
.item_pkd .col_center ul li{margin-bottom: 5px}
.item_pkd .col_right{ width: 15%}
.item_pkd .col_right .figure{ opacity: 0;object-fit: cover; position: absolute;bottom: 0; animation: upDownAnim 2s infinite linear;}
.item_pkd .col_right .figure img{ transform: translateY(30vh)}
#pkd_8319.item_pkd .col_right .figure img{ transform: translateY(35vh)}
.item_pkd:hover .figure,.item_pkd.pkd_desc .figure{ opacity: 1!important}
.item_pkd .col_full{ width: 100%; padding: 10px} 
.item_pkd .btn_pkd{ letter-spacing: 1.5px;color: #040700; font-size: 14px; line-height: 14px; padding: 10px 15px; margin-top: 15px} 
.item_pkd:hover .btn_pkd,.item_pkd.pkd_desc .btn_pkd{ background: #f5921e; }


@keyframes upDownAnim {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(15px);
    }
    0% {
        transform: translateY(0);
    }
}

/******************************* FOOTER *****************************/
#ATM_pkd.single_paquete_emprendedor{ padding-bottom: 0}
.single_pack .row_at{ align-items:center}
.single_pack .pack_left{ width: 60%; display: flex; flex-direction: column; align-items: center}
.pack_left .summary{background: #040700; width: 50%; margin: 0 auto; padding: 35px 25px; color: #fff; text-align: center}
.pack_left .summary .title_pack{ font-size: 40px; line-height: 35px; margin-bottom: 10px; position: relative}
.pack_left .summary .title_pack:before{content: ''; display: inline-block; vertical-align: top; transform: translateY(2px);background: url('https://www.atmagenciadigital.com/wp-content/uploads/2024/05/ico-admin.png') #040700; margin-right: 10px; padding: 5px; background-size: cover!important;width: 25px; height: 25px; border-radius: 50px}

.pack_left h1,.pack_left h3,.pack_left h4,.pack_left h5,.pack_left p, .pack_left li{color: #fff!important} 
 
.pack_left .summary .subtitle_pack{ font-size: 25px; margin-bottom: 10px; font-weight: 500}
.pack_left .summary .text_summary{  width: 100%; margin: 20px 0}
.pack_left .summary .text_summary p{ font-size: 19px; line-height: 25px; font-weight: 400}
.pack_left .summary .btn_pkd{ background: #fff; margin-bottom: 20px}
.pack_left .summary .btn_pkd i{ margin-right: 10px; margin-left: 0}
.precio_summary {text-align: center}
.precio_summary .price_pack{ font-size: 30px; margin-bottom: 15px; font-weight: 700; color: #f5921e!important}
.abordo_list{}
.abordo_list h4{ text-transform: uppercase;  margin-bottom: 10px}
#cont_wp .abordo_list ul li{ margin-bottom: 5px!important; color: #fff!important; text-align: left}
.single_pack .pack_right{ width: 40%}
.single_pack .pack_right img{ width: 55vh; margin: 0 auto}
/******************************* FOOTER *****************************/

#cont_foo{ background: #040700; padding-top: 55px; padding-bottom: 35px}
#cont_foo li, #cont_foo li a, #cont_foo h2,#cont_foo h4,#cont_foo p{ color: #fff}
#cont_foo .row_at{justify-content: space-between; align-items: flex-start}
.foo_left,.foo_right{ width: 25%}
.col_foo h2,#foo_bt h2,.col_foo h4{ font-size: 14px; text-transform: uppercase; font-weight: 400; margin-bottom: 20px; letter-spacing: 2px}
#foo_left{}
#menu_foo{margin-bottom: 20px}
#menu_foo li{ margin-bottom: 5px; text-transform: uppercase}
#menu_foo li a{ font-size: 12px; line-height: 12px}




.foo_center{ width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center}
.foo_center h4{  }
.info_cto_foo li{ margin-bottom: 20px; text-align: center}
.info_cto_foo li.tel{ font-size: 50px}
.info_cto_foo li.mail{ font-size: 45px}


.foo_right{display: flex;flex-direction: column;align-items: flex-end;}
.foo_right #logo_foo{width:160px; display: table; margin-bottom: 20px}
.foo_right p{ font-size: 14px; line-height: 14px}
.foo_right .btn_foo{ margin-top: 20px; font-size: 14px; padding: 5px 15px 5px 25px}

#foo_bt.row_at{align-items: center; padding-top: 40px}
#foo_bt .col_foo{width: 33.33%}
.col_foo .btn_foo{ border-color: #fff; color: #fff }
.col_foo .btn_at:hover{border-color: #f5921e!important}
.col_foo .btn_foo i{  height:auto;; margin-left: 10px}
.col_foo .btn_foo i svg{ fill:#fff}
.col_foo .btn_foo:hover i svg{ fill:#fff}
#foo_bt h2,#foo_bt p{ margin-bottom: 0!important; text-transform: uppercase; font-size: 11px; line-height: 11px; letter-spacing: 4px}
#foo_bt h2{ text-align: right; }

#menu{border: none;}
#menu span{ width: 75%; margin: 0 auto;height: 3px; background: #040700 }
#menu .linea_1{}
#menu .linea_2{ margin: 10px auto}
#menu .linea_3{}
/*********RESPONSIVE********/

#cont_header_mb{ background: #040700; padding:  0; position: fixed; width: 100%; top: 0; left: 0; z-index: 9991}
#cont_header_mb .row_at{ justify-content: space-between}
#cont_header_mb #h_left{ width: 140px; margin-left: 10px}
#cont_header_mb #h_right{ width: calc(100% - 150px); display: flex; align-items: center; justify-content: flex-end}
#cont_header_mb #menu{ display: flex; align-items: center; flex-direction: column; justify-content: center; margin-left: 25px; width: 50px; height: 50px; background: #f5921e }
#access_mb{ display: flex;position: fixed;z-index: 99;width: 100%;height: 100%;left: -110%;top: 0;background: #040700;transition: all 400ms ease-out; }
#access_mb .menu_ppal{ padding: 110px 30px 0 30px!important}
#access_mb .menu_ppal li {margin-bottom: 35px}
#access_mb .menu_ppal li a{ color: #fff; text-transform: uppercase; font-size: 25px; letter-spacing: 3px; font-weight: 400}
#access_mb.on{ display: flex; left: 0%;transition: all 400ms ease-out; }


 #botones_footer{background:#040700!important;position: fixed; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; transition: all 400ms ease-out; z-index: 99991}
    #botones_footer a{ width:50%; display: flex; align-items: center; justify-content: center; padding:  10px}
    #botones_footer a i{width: 25px; height: auto;margin-right: 10px}
#botones_footer a i svg{ width: 25px; height: auto}
    #botones_footer a i path{fill:#ffffff}
    #botones_footer a .text_wp_foo{  font-size: 19px; letter-spacing: 1px; font-weight: 600}
    #btn_wp_mb{background:#25D366!important;color:#040700}
    #btn_wp_mb i path{fill:#040700!important}
    #llamar{background:#040700!important; color: #fff }

@media (min-width: 1920px) and (max-width: 1440px) {
    .serv_left.serv_light .elementor-element-populated{}
    .serv_right.serv_dark .elementor-element-populated{}
}

@media (max-width: 1440px) {
    .serv_left .elementor-element-populated,.serv_right .elementor-element-populated,.text_seo > .elementor-element-populated{padding: 55px 30px!important}
    .sect_opiones {padding: 0 30px!important}
   
}
@media (max-width: 767px) {
    .cont_at {width: 100%;margin: 0 auto;max-width: 1420px;}
    .serv_left .elementor-element-populated,.serv_right .elementor-element-populated,.text_seo > .elementor-element-populated{padding: 35px 10px!important}
    .foo_left, .foo_right, .foo_center{width: calc(100% - 30px);padding: 0 15px;}
   .info_cto_foo li.tel,.info_cto_foo li.mail{ font-size: 30px}
     .h1_home b{ font-size: 25px !important;}
    .aligncenter, .alignleft, .alignright{ height: auto; width: 100%}
    #cont_wp.cont_at{ width: 95%}
    .item_blog{ width: 100%}
    #intro_blog{ width: 100%; margin-bottom: 35px}
    #intro_blog .summary{ position: relative}
    #blog_ATM .header_ATM{ height: 170px}
    .header_ATM .title_archive .title_2 span:before{ width: 35px; height: 5px}
    .header_blog{ height: auto; padding: 90px 10px 35px 10px}
    .header_blog .summary_blog{ width: 100%}
    .header_blog h1{ font-size: 30px}
    .entry_blog h2{ text-align: center}
    .header_ATM .title_archive{ font-size: 35px; text-align: center}
    .entry_blog h2{font-size: 25px;line-height: 30px;}
.entry_blog h3{font-size: 23px; line-height: 23px}
.entry_blog h4{font-size: 20px; line-height: 20px; margin: 10px 0 20px 0!important}
.entry_blog h5{font-size: 20px; line-height: 20px}
    .atm-logos-carousel .logo-item{ padding: 10px!important}
    #cont_foo{padding-bottom: 80px}
    #cont_foo .row_at{ flex-direction: column-reverse}
    .foo_right{ justify-content: center; align-items: center;}
    .foo_center{ margin: 25px auto}
    .foo_left{ display: flex;flex-direction: column; justify-content: center; align-items: center}
    .foo_right p{ text-align: center;}
    #foo_bt .col_foo{ width: calc(100% - 30px); padding: 0 15px}
    #foo_bt .col_foo h2{ margin-bottom: 15px!important}
    #menu_foo li{ margin-bottom: 15px}
    #menu_foo li a{ display: block;  text-align: center; font-size: 16px; line-height: 17px}
    .sect_opiones {padding: 0 10px !important;}
    #cont_table ul{grid-template-columns: 1fr;}
    .header_list ul { justify-content: center}
    .header_list ul li{ margin-bottom: 5px}
    .header_blog #migas_pan span{ font-size: 12px; line-height: 12px}
    .btn_blog{ text-align: center; font-size: 16px; line-height: 20px}
    .entry_blog p {font-size: 18px;line-height: 23px;    margin-bottom: 10px;font-weight: 400;}
    .entry_blog h2, .entry_blog h3, .entry_blog h4, .entry_blog h5, .entry_blog h6{text-align: center}
    .post-navigation-cards .cont_at{grid-template-columns: 1fr;}
    #cont_table h3 {display: flex;align-items: center;justify-content: center;}
    .off_table{ padding: 30px 10px}
    #cont_table ul li a{ font-size: 16px; line-height: 16px; }
}