.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type="file"]{cursor:pointer}.wpcf7 input[type="file"]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type="url"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}.atm-wa-container{position:fixed;bottom:var(--atm-vertical-position);z-index:9991}.atm-wa-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .35);opacity:0;visibility:hidden;transition:.3s}.atm-wa-overlay.active{opacity:1;visibility:visible}.atm-wa-button{width:70px;height:70px;border:none;border-radius:50%;background:#25D366;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgb(0 0 0 / .20);transition:.3s}.atm-wa-button:hover{transform:scale(1.05)}.atm-wa-button svg{width:34px;height:34px}.atm-wa-popup{position:absolute;bottom:90px;right:0;width:360px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 15px 45px rgb(0 0 0 / .15);opacity:0;visibility:hidden;transform:translateY(20px);transition:.3s}.atm-wa-popup.active{opacity:1;visibility:visible;transform:translateY(0)}.atm-wa-header{background:var(--atm-primary);text-align:center;color:var(--atm-secondary);padding:15px 10px}.atm-wa-header h3{margin:0 0 10px;font-size:16px;line-height:1.1;color:var(--atm-text)}.atm-wa-header p{margin:0;font-size:14px;color:var(--atm-text)}.atm-wa-content{padding:15px;background:#f4f4f4}.atm-wa-note{font-size:13px;color:#888;margin-bottom:15px;padding-left:4px}.atm-wa-response{text-align:center;margin-bottom:15px;font-size:13px;line-height:14px}.atm-wa-body{padding:15px 10px}.atm-wa-advisor{display:flex;align-items:center;gap:15px;text-decoration:none;background:#fff;padding:15px;border-radius:8px;margin-bottom:12px;transition:.3s;border-left:3px solid #25D366}.atm-wa-advisor:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgb(0 0 0 / .08)}.atm-wa-avatar{width:55px;min-width:55px;height:55px}.atm-wa-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.atm-wa-avatar-empty{width:55px;height:55px;border-radius:50%;background:#e8e8e8;display:flex;align-items:center;justify-content:center;font-size:24px}.atm-wa-data{flex:1}.atm-wa-data strong{display:block;color:#333;font-size:18px;margin-bottom:3px}.atm-wa-data span{display:block;color:#888;font-size:14px}.atm-wa-chat-icon{color:#25D366;font-size:24px}.atm-wa-right{right:var(--atm-side-spacing)}.atm-wa-left{left:var(--atm-side-spacing)}.atm-wa-left .atm-wa-popup{bottom:var(--atm-button-size);left:calc(var(--atm-button-size)+-15px)}.atm-wa-button{width:var(--atm-button-size);height:var(--atm-button-size);background:var(--atm-button-color);color:var(--atm-button-icon-color);border-radius:50%}.atm-wa-button svg{color:var(--atm-button-icon-color)}.atm-wa-button{display:flex;align-items:center;justify-content:center}.atm-wa-button svg{width:55%;height:55%}.atm-wa-button img{width:55%;height:55%;object-fit:contain}.atm-wa-icon-close{display:none}.atm-wa-button.opened .atm-wa-icon-default{display:none}.atm-wa-button.opened .atm-wa-icon-close{display:flex;align-items:center;justify-content:center;font-size:32px;line-height:1}@media(max-width:480px){.atm-wa-container{right:15px;bottom:32%;z-index:999991}.atm-wa-popup{width:320px;max-width:calc(100vw - 30px)}}* { 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} /******************************* 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 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:#fff} #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: 10px} #menu_foo li a{ display: block; text-align: center} .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; } }.atm-circles-wrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.atm-circle-item{display:flex;align-items:center;justify-content:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.atm-circle-item.shape-circle{border-radius:50%}.atm-circle-item.shape-square{border-radius:16px}.atm-circle-item:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgb(0 0 0 / .12)}.atm-circle-text{padding:25px;font-weight:600;text-transform:uppercase}.atm-logos-carousel .logo-item{display:flex;align-items:center;justify-content:center;padding:20px}.atm-logos-carousel img{max-width:100%;height:auto;transition:all .3s ease}.fake-col-wrapper{display:flex;flex-direction:column}.owl-nav{display:flex;justify-content:space-between;margin-top:20px}.owl-nav button{padding:10px 15px;transition:all .3s ease}.owl-dots{margin-top:15px;display:flex;justify-content:center}.owl-dot{margin:0 5px}.owl-dot span{width:12px;height:12px;display:block;border-radius:50px;transition:all .3s ease}.atm-flip-card{perspective:1400px;width:100%;position:relative;overflow:hidden}.atm-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s ease}.atm-flip-front,.atm-flip-back{position:absolute;inset:0;backface-visibility:hidden;background-size:cover;background-position:center;padding:30px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.atm-flip-back{transform:rotateY(180deg)}.effect-flip:hover .atm-flip-inner{transform:rotateY(180deg)}.effect-push:hover .atm-flip-inner{transform:rotateY(180deg) translateZ(120px)}.effect-zoom-in:hover .atm-flip-inner{transform:rotateY(180deg)}.effect-zoom-out:hover .atm-flip-inner{transform:rotateY(180deg)}.effect-slide .atm-flip-inner{transform-style:flat}.effect-slide .atm-flip-front,.effect-slide .atm-flip-back{backface-visibility:visible;transition:transform .6s ease}.effect-slide .atm-flip-front{transform:translateX(0)}.effect-slide .atm-flip-back{transform:translateX(100%)}.effect-slide:hover .atm-flip-front{transform:translateX(-100%)}.effect-slide:hover .atm-flip-back{transform:translateX(0)}.effect-fade .atm-flip-front,.effect-fade .atm-flip-back{transition:opacity .5s ease}.effect-fade .atm-flip-back{opacity:0;transform:none}.effect-fade:hover .atm-flip-front{opacity:0}.effect-fade:hover .atm-flip-back{opacity:1}.atm-flip-front h3,.atm-flip-back h3{font-size:30px;line-height:35px;font-weight:500}.atm-flip-front p,.atm-flip-back p{font-size:24px;line-height:1.2;color:#706F6F}.atm-flip-front h3{color:#fff}.atm-flip-back .atm-btn{background:#E4E6F3;min-width:270px;color:#5F10D2;text-transform:uppercase;font-size:18px;line-height:18px;font-weight:900;padding:10px 30px;border-radius:90px;margin-bottom:15px}.atm-modelos-wrapper{text-align:center}.atm-modelos-tabs{display:flex;justify-content:center;gap:35px;margin-bottom:40px}.atm-tab{font-size:20px;cursor:pointer;transition:.3s;opacity:.6}.atm-tab:hover{opacity:1;transform:scale(1.08)}.atm-tab.active{opacity:1;font-weight:700;transform:scale(1)}.modelo-slide{position:relative;padding-top:30px}.modelo-texto{padding-left:35px;width:100%;z-index:10;opacity:0;transition:0.3s ease-in-out}.modelo-texto h3{font-weight:500;font-size:18px;text-transform:uppercase}.owl-item.zoom-activo .modelo-texto{opacity:1}.modelo-img{width:100%;transition:.6s ease}.owl-item img{transition:transform .4s ease,opacity .3s ease}.owl-item.zoom-activo img{opacity:1!important;transform:scale(1)!important}.atm-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;transition:all 0.3s ease;position:relative}.atm-btn-icon{display:inline-flex;align-items:center;justify-content:center;margin:0 8px}.atm-btn img,.atm-btn svg{width:22px;height:22px}.icon-absolute{position:relative}.icon-absolute.top-left .atm-btn-icon{position:absolute;top:5px;left:5px}.icon-absolute.top-right .atm-btn-icon{position:absolute;top:5px;right:5px}.icon-absolute.bottom-left .atm-btn-icon{position:absolute;bottom:5px;left:5px}.icon-absolute.bottom-right .atm-btn-icon{position:absolute;bottom:5px;right:5px}.owl-carousel.owl-drag .owl-item{margin:15px 0}.atm-hover-carousel .atm-hover-item{position:relative;overflow:hidden;height:450px;border-radius:0}.atm-hover-carousel .atm-hover-image{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .6s ease}.atm-hover-carousel .atm-hover-content{border-radius:15px;position:absolute;top:0;left:calc(-70% + 30%);bottom:0;margin:auto;width:50%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:15px 50px 15px 15px;background:rgb(255 255 255);opacity:1;transform:translateX(0);transition:all .6s ease}.atm-hover-carousel .atm-hover-content:after{content:'';background:#fff;display:block;width:45px;height:45px;border-radius:5px;position:absolute;top:0;right:-12.5px;bottom:0;margin:auto;transform:rotate(45deg)}.atm-hover-item.cont_activo .atm-hover-content{left:3%!important}.atm-hover-carousel .atm-hover-item:hover .atm-hover-content{left:3%}.atm-hover-content h3{font-size:30px;line-height:30px;margin-bottom:20px;color:#000;font-weight:900;text-transform:uppercase;letter-spacing:4px}.atm-hover-content h4{font-size:22px;letter-spacing:4px;line-height:22px;margin-bottom:15px;color:#000;font-weight:600;text-transform:uppercase}.atm-hover-content p{color:#777;margin-bottom:15px;font-size:19px;line-height:25px}.atm-hover-btn{display:inline-block;background:#000;color:#fff;font-size:14px;line-height:14px;letter-spacing:3px;text-transform:uppercase;padding:10px 25px;border-radius:10px;text-decoration:none;transition:all .3s ease}.atm-hover-btn:hover{background:#000}#blog_list_widget.row_blog{display:flex;flex-wrap:wrap;justify-content:space-between}#blog_list_widget article.col_2{width:calc(100% / 2 - 20px);margin:0 10px}#blog_list_widget article.col_3{width:calc(100% / 3 - 20px);margin:0 10px}#blog_list_widget article.col_4{width:calc(100% / 4 - 20px);margin:0 10px}#blog_list_widget .item_blog h2{font-size:14px;text-transform:uppercase;line-height:17px;min-height:50px}#blog_list_widget .item_blog .date_post{color:#A2A1A1;font-size:12px}#blog_list_widget .item_blog .summary{margin:10px 0}#blog_list_widget .item_blog .summary p{margin:0 0 0 0;font-size:15px;line-height:17px;overflow:hidden}#blog_list_widget .item_blog figure{margin:0!important;overflow:hidden;border-radius:0}#blog_list_widget .item_blog figure a{display:block}#blog_list_widget article{overflow:hidden;border-radius:0;padding:0 0 0 0}.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:0}.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}.atm-accordion-item{border:1px solid #e6e6e6;margin-bottom:14px;border-radius:8px;overflow:hidden;background:#fff}.atm-accordion-header{padding:18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:#f6f6f6}.atm-accordion-header h3{margin:0;font-size:16px}.atm-toggle{font-weight:700;font-size:20px}.atm-accordion-content{max-height:0;overflow:hidden;transition:max-height 0.45s cubic-bezier(.2,.9,.3,1),opacity .35s ease;opacity:0}.atm-accordion-item.active .atm-accordion-content{opacity:1}.atm-accordion-inner{padding:20px;box-sizing:border-box;display:flex;gap:20px;align-items:flex-start}.atm-accordion-left,.atm-accordion-right{flex:1;min-width:0}.atm-accordion-list{list-style:none;padding:0;margin:0 0 12px 0}.atm-accordion-list li{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px}.atm-accordion-list li i,.atm-accordion-list li svg{display:inline-block;vertical-align:middle}.atm-accordion-btn{display:inline-block;padding:10px 18px;border-radius:6px;text-decoration:none;background:#f2c200;color:#000;margin-top:6px}.atm-accordion-item.opening .atm-accordion-inner{animation:atm-bounce 0.45s both}@keyframes atm-bounce{0%{transform:translateY(-8px);opacity:.95}60%{transform:translateY(6px)}100%{transform:translateY(0);opacity:1}}.atm-accordion-list li{display:flex;align-items:flex-start}.atm-woo-tabs-container{width:100%;margin:0 auto;display:flex;flex-wrap:wrap}.atm-woo-tabs-horizontal .atm-woo-tabs-nav{width:100%;display:flex;align-content:center;justify-content:flex-start;list-style:none;padding:0;margin:0 0 20px 0}.atm-woo-tabs-vertical{flex-direction:row}.atm-woo-tabs-vertical .atm-woo-tabs-nav{width:200px;list-style:none;padding:0;margin:0 20px 0 0}.atm-woo-tabs-vertical .atm-woo-tabs-nav li{margin-bottom:5px}.atm-woo-tabs-nav li{margin-left:2px}.atm-woo-tabs-nav li.title_tabs{margin-right:35px}.atm-woo-tabs-nav li.title_tabs span{display:table;font-size:20px;font-weight:600}.atm-woo-tabs-nav a{font-family:"Lexend Deca",sans-serif;display:block;padding:5px 20px;text-decoration:none;font-weight:500;font-size:15px;color:#1A4E46;background:#fff;transition:all 0.3s ease}.atm-woo-tabs-horizontal .atm-woo-tabs-nav a{border-bottom:none}.atm-woo-tabs-vertical .atm-woo-tabs-nav a{border-right:none;border-radius:5px 0 0 5px}.atm-woo-tabs-nav a:hover,.atm-woo-tabs-nav a.active{color:#F2994A}.atm-woo-tabs-content{flex:1;padding:20px}.atm-woo-tabs-horizontal .atm-woo-tabs-content{border-top:none}.atm-woo-tabs-vertical .atm-woo-tabs-content{border-left:none}.atm-woo-tab-pane{display:none}.atm-woo-tab-pane.active{display:block}.atm-woo-tab-pane ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;list-style:none;padding:0;margin:0}.cont_owl_ATM{position:relative}.slider_ATM.owl-carousel .owl-stage{padding:30px 0}.slider_ATM .item_carousel{margin:0;padding-bottom:0;border:1px solid #ededed;overflow:hidden;border-radius:10px}.slider_ATM .item_carousel figure{overflow:hidden;display:flex}.slider_ATM .item_carousel .summary{padding:15px 10px;display:flex;flex-wrap:wrap;justify-content:center}.slider_ATM .item_carousel .summary h3{margin-bottom:0}.slider_ATM .item_carousel .summary .text_summary{margin:10px 0}.slider_ATM .item_carousel .summary p{margin-bottom:10px}.slider_ATM .item_carousel .summary .btn_at_carusel{background:#0d6636;color:#fff;display:table;padding:10px 25px;border-radius:10px;text-transform:uppercase;font-size:14px;line-height:14px}.slider_ATM .item_carousel .summary .btn_at_carusel:hover{background:#F39200;color:#fff}.slider_ATM .item_carousel .summary .btn_at_carusel i{margin-left:10px;color:#AA78F5}.slider_ATM .item_carousel.col_1 .summary{flex-direction:column}.slider_ATM .item_carousel.col_2{display:flex;align-items:flex-end}.slider_ATM .item_carousel.col_2 figure,.slider_ATM .item_carousel.col_2 .summary{width:50%}.slider_ATM .item_carousel.col_2 figure img{width:100%;opacity:1!important;transform:none!important}.slider_ATM .item_carousel.col_2 .summary{display:flex;flex-direction:column;align-items:flex-start;padding:20px 45px}.cont_owl_ATM .mis_navegaciones{display:flex;justify-content:center;align-items:center;margin:35px 0}.cont_owl_ATM .mis_navegaciones button{display:flex;text-align:center;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #000;color:#000;margin:0 10px}.cont_owl_ATM .mis_navegaciones.navs_default,.cont_owl_ATM .mis_navegaciones.navs_center{justify-content:center}.cont_owl_ATM .mis_navegaciones.navs_left{justify-content:flex-start}.cont_owl_ATM .mis_navegaciones.navs_right{justify-content:flex-end}.cont_owl_ATM .mis_navegaciones button:hover{background:#000;color:#fff}.cont_owl_ATM.laterales{margin:0 45px}.cont_owl_ATM .mis_navegaciones.navs_absolutas button{position:absolute;top:0;bottom:0;margin:auto;z-index:90}.cont_owl_ATM .mis_navegaciones.navs_absolutas .custom_prev{left:-45px}.cont_owl_ATM .mis_navegaciones.navs_absolutas .custom_next{right:-45px}@media only screen and (max-width:767px){#widget_prod_ATM .row [class*='col-']{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}#blog_list_widget article.col_2{width:calc(100% / 1 - 30px);margin:0 15px}#blog_list_widget article.col_3{width:calc(100% / 1 - 30px);margin:0 15px}#blog_list_widget article.col_4{width:calc(100% / 1 - 30px);margin:0 15px}#blog_list_widget article{margin-bottom:15px!important}#blog_list_widget article h2{height:auto}.atm-accordion-inner,.agralba_map,#assessors-list{flex-direction:column}#assessors-list .assessor-card{width:calc(100% / 1)!important;;margin:0 0 10px 0!important}.svg_wrapper svg{width:100%}#cont_list_asesores{padding-top:30px}#cont_list_asesores header{text-align:center}#cont_list_asesores header h3{font-size:30px}#cont_list_asesores header h3 span{font-size:20px;line-height:25px}#cont_list_asesores header p{font-size:25px;line-height:25px;width:100%;margin-bottom:15px}#assessors-list p{width:100%;text-align:center}.atm-accordion-left,.atm-accordion-right{max-width:100%!important;flex-basis:100%!important}.atm-woo-tabs-vertical{flex-direction:column}#cont_list_asesores,.svg_wrapper{width:100%!important;transform:translate(0)!important}.atm-woo-tabs-vertical .atm-woo-tabs-nav{width:100%;margin:0 0 20px 0;border-right:none;border-bottom:1px solid #ddd;display:flex;overflow-x:auto}.atm-woo-tabs-vertical .atm-woo-tabs-nav li{margin-bottom:0;margin-right:5px;flex-shrink:0}.atm-timeline-item{height:295px}.atm-timeline-content{max-width:390px;width:390px;left:0}.atm-timeline-item.right .atm-timeline-content{left:-280px}.atm-modelos-tabs,.slider_ATM .item_carousel.col_2{flex-wrap:wrap}.slider_ATM .item_carousel.col_2 .summary{padding:20px 0}.slider_ATM .item_carousel.col_2 figure,.slider_ATM .item_carousel.col_2 .summary{width:100%}}