@import url('https://fonts.googleapis.com/css2?family=Sulphur+Point:wght@300;400;700&display=swap'); * { margin:0; padding:0; } html{ margin:0 !important} body { background: #fff; font-family: 'Poppins', sans-serif !important;margin:0; padding:0 !important; color: #040700; position:relative; font-size:14px!important; line-height: 16px; width:100%;font-weight: 300} h1, h2, h3, h4, h5, h6 {font-family: "Sulphur Point", sans-serif!important;color:#040700; margin: 0; } 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:#040700 } nav ul,ol,ul{ margin:0 !important; padding:0 !important} 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!important; color: #040700 } 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 300ms 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;} img{object-fit: cover} .h_100{ height: 100%;} .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 48} .text_space{font-family: "Sulphur Point", sans-serif!important;} .font_poppins{font-family: 'Poppins', sans-serif !important} .row_at{ display: flex; flex-wrap: wrap} .naranja{color: #f5921e !important} b, strong{ font-weight: bold!important} /********************fin Reset******************/ #menu:focus{outline: none!important} #menu{ background: none; background: #fff; width: 30px; height: 30px; overflow: hidden;display: block; border: none;position: relative; z-index: 9999; border-radius: 5px; margin-left : 10px; padding: 0} #lineas_menu{ display: flex; flex-wrap: wrap; align-content:center;justify-content:center;align-items: center;position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: auto} .linea_menu{ background: #040700; display: inline-block; text-align: right;width: 85%; height: 2px; margin: 3px 0;transition: all 400ms ease-out;} #menu:hover .linea_2{ margin: 4px auto} #menu.on{ } #menu.on .linea_2{ width: 0} #menu.on .linea_1{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin:auto; transform:rotate(45deg)} #menu.on .linea_3{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin:auto; transform:rotate(-45deg)} #menu.on .linea_menu{ background: #040700; } #cont_hide.menu_inactive #cont_page{transform: translateX(0%);transition: all 400ms ease-out;overflow: hidden} #cont_hide.menu_active #cont_page{transform: translateX(40%)!important;transition: all 400ms ease-out; opacity: 1} #access{ background: #fff; overflow: hidden;width: 40%; position: fixed; z-index: 9999; height: 100%; top: 0; left: 0%;transform: translateX(-100%);transition: all 200ms ease-out;} #cont_hide.menu_active #access{ left: 0%;transform: translateX(0%)!important;transition: all 200ms ease-out;} #access .contacto_home .cont_at{ width: 90%; padding-bottom: 55px} #access_left{padding-top: 55px;padding-left: 55px} /******************************* HEADER *****************************/ #content_header{ background: rgba(4, 7, 0, 0); padding: 10px 0; width: 100%; position: absolute; top: 0px; right: 0; margin: 0 auto;left: 0;z-index: 800;transition: all 400ms ease-out;} #content_header.navbar-fixed-top{ width: 100%;top: 0;transition: all 300ms ease-out; position: fixed; box-shadow: 0px 5px 10px #0407002e} #content_header .cont_at{ max-width: 1440px} #menu_text{ background: #fff;position: relative; display: flex; align-items: center; justify-content: space-between; border: none; cursor: pointer;border-radius: 5px; padding: 8px 15px} #menu_text span.text_menu{color: #040700!important; letter-spacing: 2px; font-size: 16px; font-weight: 300; position: relative; z-index: 90} #menu_text div{ display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: flex-end;;height: 100%; width: 35px; margin-left: 10px} #menu_text div span{ display: block; width: 100%; height: 2px; background: #040700!important; } #menu_text div span:nth-child(2){width: 70%; margin: 5px 0;} #menu_text div span:nth-child(3){width: 40%;} #btn_paquedes{padding: 0!important; display: block;margin: 10px 0!important; width: 102%!important} .img-fluid,.img_fluid ,.w-100{ max-width: 100%} #h_left{width:calc(30%);} #h_right{width:calc(70%); display: flex; align-items: center; justify-content: flex-end} .ctn_cto_header.btn_at{background: #f5921e!important; color: #fff!important; border: none!important; display: flex!important; align-items: center;font-size: 16px!important; margin: 0 15px 0 0!important; padding: 8px 20px!important; } .ctn_cto_header.btn_at i,.ctn_cto_header.btn_at i svg{ width: 25px; height: 25px; display: block;} .ctn_cto_header.btn_at i{ margin-left: 10px} #h_right{} #logo{ width: 155px; display: block} #logo #logo_at{} #logo #logo_at .st0{fill:#fff;} #logo #logo_at .st1{fill:#fff;} #access_right{ display: flex; height: 100%;} #access,#redes_top{ display: inline-block; vertical-align: middle} #redes_top.redes_sociales a:before{ width: 25px; height: 25px; line-height: 25px; font-size: 16px; border-radius: 90px; border: 1px solid #fff; background: #fff} #cont_menu{ height: 100%;display: flex;align-content: space-around;flex-direction: column;align-items: flex-start;justify-content: space-between;} #close_menu{ background: none; border: none!important; position: absolute; top: 15px; right: 15px; width: 35px; height: 35px} #close_menu i svg{ width: 35px; height: 35px} #close_menu:focus{outline: inherit!importrant} #access ul.menu_at{ display: flex; flex-direction: column;} #access li{ position: relative;margin-left: 0; margin-bottom: 5px} #access a,.btn_menu{ width: 100%; font-weight: 400; letter-spacing: 5px; color:#040700 ;display: block; cursor: pointer;font-size: 30px; line-height: 30px; padding: 5px 10px;border:1px solid transparent; text-transform: uppercase; display: flex; justify-content: space-between; align-items: center;} #access a:hover,.btn_menu:hover, #access ul li.current-menu-item a,#access ul li.current-menu-item .btn_menu{color: #f5921e !important} .btn_menu i {position: relative; cursor: pointer;display: inline-block; vertical-align: middle; margin-left: 10px; width: 20px; height: 20px; background:#040700; top: -1px } .btn_menu:hover i{background:#040700;} #access ul .sub-menu{background: #fff ; display: block; padding: 10px 5px!important; z-index: 300} #access ul .sub-menu li{ display: block; vertical-align: middle;margin: 0px!important; } #access ul .sub-menu li a,#access ul .sub-menu li .btn_menu{display: block; color: #040700 !important; font-size: 14px!important; font-weight: 500; text-align: left; padding: 5px 10px; position: relative} #access li.menu_bg a{background:#fff; color: #040700 !important; font-size: 10px; padding: 5px 15px } #access li.menu_bg a:hover{background:#040700 ; color: #fff!important; font-size: 10px; } #access ul .sub-menu li a:after,#access ul .sub-menu li .btn_menu:after{ display: none!important} #access ul .sub-menu li:hover a,#access ul .sub-menu li:hover .btn_menu{background: #040700 ; color: #fff!important } #access ul .sub-menu li.see_all { background: rgba(142,142,142,100%); ; text-align: center} #access ul .sub-menu li.see_all a{ display: block; text-align: center;color: #040700!important; font-weight: bold!important} .sub-menu .btn_menu .arrow_menu{right: 10px!important; } #access ul .sub-menu .sub-menu{ border-top: none; display: none;position: absolute; top: 60px!important; bottom: inherit!important; left: inherit!important; min-width: 230px!important; border-bottom: 1px solid background: #040700!important; padding: 10px!important } #access ul .sub-menu .sub-menu li{display: block; margin: 0!important} #access ul .sub-menu .sub-menu li a{color: background: rgba(66 107 168 / 100%)!important} .sub-menu li.active .btn_menu .arrow_menu:after{content:"\e682"!important;} #access ul li .sub-menu li .btn_menu .arrow_menu{right: -10px!important;color: #040700!important; } #access ul li .sub-menu li .btn_menu .arrow_menu:after{content:"\e688"!important;} #access ul li .sub-menu li.active .btn_menu .arrow_menu:after{content:"\e682"!important;} #content_header.navbar-fixed-top #access li a,#content_header.navbar-fixed-top #access li .btn_menu{ color:#040700!important } #content_header.navbar-fixed-top #access li a:hover::before,#content_header.navbar-fixed-top #access li .btn_menu:hover::before { border-top-color: #040700!important; border-right-color: #040700!important; } #content_header.navbar-fixed-top #access li a:hover::after,#content_header.navbar-fixed-top #access li .btn_menu:hover::after { border-bottom-color: #040700!important; border-left-color: #040700!important; } #access_right{ background: #fff; display: flex; height: 100%;flex-direction: column;justify-content: flex-end;} #access_right .info_access{padding: 35px} #access_right .info_access h4{ margin-bottom: 10px} #access_right .info_access ul li{ margin-bottom: 10px} #cto_access .title_space{ font-size: 55px; line-height: 55px} .btn_wp_access{background: #040700; color: #fff!important; justify-content: center!important; position: absolute; left: 0; bottom: 0} .btn_wp_access i{ width: 35px; height: 35px; margin-right: 20px} .btn_wp_access i path{fill:#fff!important} /********* SLIDER ************/ .home_page{height: 100%} #slider_home{position: relative; overflow: hidden; height: 80vh; background-repeat: no-repeat!important; background-size: cover!important;background: url(https://www.atmagenciadigital.com/wp-content/uploads/2025/09/bg_section.webp) #040700 !important;} #slider_home .bg_cover{ background-attachment: fixed!important} .video_slider {position: fixed; top: 0; left: 0;width: 100vw!important; height: 100vh!important;} #slider_home .cont_at,#slider_home .row_at{ height: 100%; } #slider_home .row_at{align-items: center; justify-content: space-between; flex-direction: row-reverse} #slider_home .entry_slider{ position: relative;display: flex; flex-direction: column;flex-wrap: wrap; height: 100%; align-content: center;align-items: center; justify-content: center; width: calc(100% - 35%); transition: all 400ms ease-out;} .astro_slider{right: 0%; bottom: 0; position: relative;display: table; width: 35%;z-index: 999} .astro_slider img{width: 100%; height: auto;;filter: drop-shadow(1px -6px 20px rgba(265, 265, 265, 15%));} .astro_slider img { transition: transform 1.5s ease-in-out; will-change: transform; } #slider_home .entry_slider h3{display: block; text-align: center; margin-bottom: 15px; font-size: 30px; line-height: 35px; color: #fff} #slider_home .entry_slider h3 span{ display: block; text-transform: uppercase} #slider_home .entry_slider p{ color: #fff!important; font-size: 20px; line-height: 25px} #slider_home .entry_slider p span{ color: #f5921e!important; font-weight: 500; font-size: 25px; line-height: 25px; display: table; margin: 15px auto 0 auto} #slider_home .entry_slider p a{transition: all 300ms ease-out; display: table; margin: 0 auto} #slider_home .entry_slider p a:hover{ color: :#fff!important; transform: scale(1.05) translateY(-5px);transition: all 300ms ease-out;} #slider_home #btn_slider { width: 100%; margin-top: 20px; justify-content: center; display: flex; align-content: center} #slider_home #btn_slider h2{ width: calc(33.333% - 10px); margin: 0 5px; } #slider_home #btn_slider h2 a{ background: #fff!important; text-transform: uppercase; border-radius: 10px; text-align: center; padding: 5px 10px; display: block;color: #040700!important; font-size: 16px;font-weight: 600; line-height: 17px; position: relative;font-family: 'Poppins', sans-serif !important;} #slider_home #btn_slider h2 a span{display: block;} #slider_home #btn_slider h2 { transition: all 300ms ease-out; } #slider_home #btn_slider:hover > h2:not(:hover){transform: scale(0.9, 0.9) translateY(10px);opacity: 0.35; transition: all 300ms ease-out;} #slider_home #btn_slider h2 a:hover{ box-shadow: 0px 0px 30px rgba(0,0,0,100%);transition: all 300ms ease-out; } .linea_silider{left: 45px; bottom: 29px; width: 100%; position: absolute; display: flex; align-items: center; justify-content: space-between} .linea_silider a.ancla_top{ width: 55px; position: relative; z-index: 99; } .linea_silider a.ancla_top:hover{transition: all 300ms ease-out;transform: scale(1.15)} .linea_silider a.ancla_top img{ filter: drop-shadow(0px 0px 10px #fff) } .linea_silider span{ width: calc(100% - 65px); height: 2px; background: #fff; z-index: 90} .linea_silider h1{color: #fff; text-transform: uppercase; font-size: 30px; position: absolute; right: 10%; bottom: 40px} /*********SECTIONS GRAL************/ #internas #content_header{ background: #040700; top: 0!important} .bg_cover{background-size: cover!important; } #banner_top{ overflow: hidden;background-position: bottom right!important; } #taxonomy_servicios #banner_top{padding-top: 100px; position: relative} #banner_top h1,#banner_top h2,#banner_top h3{ font-size: 40px; line-height: 47px;text-shadow: 1px 2px 3px #040700} #banner_top h1 span,#banner_top h2 span,#banner_top h3 span{ font-size: 40px; color: #fff} #banner_top h1 b,#banner_top h2 b,#banner_top h3 b{ color: #f5921e!important; font-weight: bold} #banner_top img{filter: drop-shadow(1px 2px 4px #fff);} #taxonomy_servicios #banner_top .row_at{ align-items: center} #taxonomy_servicios #banner_top .banner_left,#taxonomy_servicios #banner_top .banner_right{ width: 50%} #taxonomy_servicios #banner_top #banner_left{} #taxonomy_servicios #banner_top #serv_right{} #comentarios_Goo.cont_at{margin-top: 0;margin-bottom: 100px; width: 80%} #banner_top #migas_pan , #banner_top #migas_pan span, #banner_top #migas_pan a{ background: none!important; color: #fff;font-weight: 400; text-shadow: 1px 2px 3px #040700} .cont_at{ position: relative; width: 95%; margin: 0 auto; max-width: 1440px} .cont_banner{ width: 100%; height: 100%; position: absolute; top: 0; left: 0} .section_home .header_section h3 span,.header_internas h1 span,.header_internas h3 span{} .btn_at{background: #fff; text-transform: uppercase;display: table; margin: 10px 0; width: auto!important;text-align: center;padding: 5px 15px; border: 1px solid #040700; color: #040700!important; border-radius: 5px; font-size: 14px; line-height: 15px; font-weight: 500!important; position: relative;} .btn_center{ margin: 10px auto!important; } .btn_at .ico_rocker{transform-origin: 50% 50%;font-size: 30px;transform: rotate(90deg);width: calc(35px);margin-right: 5px;} .btn_at span, .btn_at div {} .tax_interna .banner_tax{} #cont_wp figure{margin: 0!important} .ico_center{ display: table; margin: 0 auto} .title_space{font-family: "Sulphur Point", sans-serif!important} .satelite{ width: 75px; margin: 0 auto} .satelite .colo_satelite{ fill:#f5921e} .btn_center .elementor-shortcode{ justify-content: center!important} .btn_rocket{border: none; background: #f5921e; padding-right: 60px; left: 20px; position: relative; z-index: 3000;transition: all 300ms ease-out; display: flex; align-items: center} .btn_rocket span{ font-size: 15px!important; line-height: 15px!important} .btn_rocket div{ text-align: left!important} .btn_rocket span:first-child{color: #fff!important;display: block;margin-bottom: 0; letter-spacing: 3px; font-size: 15px!important; line-height: 20px!important;} #list_services .btn_at span spam{ color: #fff; font-size: 18px; letter-spacing: 1.5px} .btn_rocket:hover{background:#040700;box-shadow: 0px 0px 50px rgba(250,250,250,100%);transition: all 300ms ease-out; padding: 5px 15px } .btn_rocket:hover span:last-child{ color:#f5921e!important } .btn_rocket .rocket_btn{ position: absolute; right: 0; width: 55px} .btn_rocket .rocket_btn img{box-shadow: none!important} .btn_rocket:hover .rocket_btn{ transition: all 300ms ease-out; right: -30%; transform: rotate(30deg) translateY(33%); transform-origin: 98% 100%} .elementor-shortcode{display: flex;justify-content: flex-start;} .btn_short_code{ display: flex; align-items: center} .btn_rocket.btn_proyectos:hover{background:#040700!important } .btn_rocket.btn_proyectos span:last-child{ letter-spacing: 3px; font-size: 19px!important} .btn_rocket.btn_proyectos:hover span:last-child{ color: #fff!important} .btn_rocket.btn_blog span:last-child{ letter-spacing: 3px; font-size: 17px!important} .btn_rocket.btn_blog:hover i,.btn_rocket.btn_proyectos:hover{right: -40%; } #list_services .btn_rocket.btn_dello span{} #list_services .btn_rocket.btn_dello span spam{letter-spacing: 3px; font-size: 18px!important} #list_services .btn_rocket.btn_mkn span spam{letter-spacing: 3px; font-size: 17px!important} #list_services .btn_rocket.btn_branding span spam{letter-spacing: 3px; font-size: 23px!important} #list_services figure{ margin-bottom: 0!important} /*********Servicios Home**************/ #serv_home{ position: relative} #serv_home:after{ content: ''; background: url(https://www.atmagenciadigital.com/wp-content/uploads/2025/09/bg_section.webp); background-size: cover; background-repeat: no-repeat;display: block; width:50%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1} #serv_home .cont_at{ width: 100%} #serv_home .row_at{display: flex; justify-content: space-between} #serv_home .row_at article{width: calc(100% / 2); padding: 40px 20px; position: relative} #ATM_dello{} #ATM_dello h2, #ATM_dello h3, #ATM_dello p{ color: #fff!important} #ATM_dello h3 b{ color: #f5921e!important} #ATM_dello p a,#ATM_dello p a strong, #ATM_dello p b,#ATM_dello p b a{ color: #f5921e; font-weight: 600;} #ATM_dello p a{ text-decoration: underline;} #serv_home .row_at article .summary_service{ padding: 25px 0%; display: flex; align-items: flex-start; flex-direction: column} #serv_home .row_at article h2{ font-size: 35px; line-height: 35px; text-transform: uppercase; letter-spacing: 3px } #serv_home .row_at article h2 .title_1{font-family: 'Poppins', sans-serif !important; font-weight: 500; } #serv_home .row_at article h3{ margin: 15px 0; font-size: 30px} #serv_home .row_at article p{ line-height: 25px; font-size: 16px} #serv_home .row_at article p a{ color: #040700} #serv_home .row_at article .btn_rocket{ left: 0!important} #serv_home #ATM_dello .summary_service{ padding-right: 55px} #serv_home #ATM_mkt .summary_service{ padding-left: 55px} #list_services h3.title_leyenda{margin: 0; font-size: 40px; line-height: 45px; margin-bottom: 35px; position: relative; z-index: 91} #list_services .summary_service h3 span{font-size: 17px; line-height: 17px} #list_services .summary_service h3 b{ font-weight: bold!important; font-size: 17px; } #list_services{} #list_services .tax_sevice .row{ align-items: flex-end} #row_tax{padding-bottom: 55px; padding-top: 55px} #list_services .servicio{ overflow: hidden} #list_services .summary_service{display: flex;flex-direction: column; align-items: flex-start;} #list_services .summary_service p{ font-size: 15px; line-height: 25px} #list_services .summary_service p a,#list_services .summary_service p a,#list_services .summary_service p a{ font-weight: 500; text-decoration: underline!important;} #list_services .servicio .title_section{text-transform: uppercase;font-size: 45px; margin-bottom: 35px; line-height: 45px; font-weight: 200} #list_services .servicio .title_section .title_1{ } #list_services .servicio .title_section .title_2{ font-weight: 500} #list_services .servicio .title_section .title_2::first-letter{ } .list_serv_tax .row{justify-content: center} .list_serv_tax .item_serv{ width: calc(52% - 30px); margin: 0 5px 15px 5px; text-align: center; display: flex; flex-direction: column; align-items: flex-start} .list_serv_tax .item_serv .cont_list{background: #fff; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,25%); padding: 10px; display: flex; justify-content: center; flex-direction: column; flex-wrap: wrap; height: 100%} .list_serv_tax .item_serv h2{margin-bottom: 10px; font-size: 17px; line-height: 20px} .list_serv_tax .item_serv h2 span{ display: block} .list_serv_tax .item_serv h2 span:first-child{font-weight: 500; font-size: 15px; line-height: 15px} .list_serv_tax .item_serv h2 span:last-child{ text-transform: uppercase; font-weight: bold; } .list_serv_tax .item_serv .btn_rocket{ background:#040700; color: #f5921e!important } .list_serv_tax .item_serv .btn_rocket .rocket_btn{ width: 60px; top: -16px} .list_serv_tax .item_serv .btn_rocket:hover .rocket_btn {transition: all 300ms ease-out;right: -50%;transform: rotate(0deg) translateY(-4%); transform-origin: 98% 100%;} .list_serv_tax .item_serv .btn_rocket span:first-child{ font-size: 13px!important} .list_serv_tax .item_serv .btn_rocket:hover{ background:#f5921e; color: #040700!important } .list_serv_tax .item_serv .btn_rocket:hover span:first-child{color: #040700!important } .list_serv_tax .item_serv .btn_rocket:hover span:last-child{color: #040700!important } #list_serv_home.cont_at{width: 100%} #tax_desarrollo figure img{filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 50%));transform: translateX(70px);} #tax_desarrollo .title_section .title_1{} #tax_desarrollo .title_section .title_2{letter-spacing: } .estra_medida .naranja{ font-size: 29px} .estra_medida .elementor-shortcode{justify-content: flex-end;!important; transform: translate(-50px , 115px);transform-origin: 50% } /****DESARROLLO****/ #tax_desarrollo{ position: relative} #tax_desarrollo:before{ content: ''; background: url(https://www.atmagenciadigital.com/wp-content/uploads/2025/09/bg-marketing.webp)!important; background-size:cover!important; background-position: center!important; display: block; width:50%; height: 100%; position: absolute; top: 0; left: 0;} #tax_desarrollo h3.title_leyenda{ color: #fff} #tax_desarrollo .summary_service h2 span{ } #tax_desarrollo .summary_service h2 span.title_2{ letter-spacing: 3px; display: table} #tax_desarrollo .cont_banner{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-end;} #tax_desarrollo .cont_banner .list_serv_home{ text-align: right;transform: translate(-8% , 30%);} #tax_desarrollo .cont_banner .list_serv_home li{ margin-bottom: 5px} #tax_desarrollo .cont_banner .list_serv_home li h2{ font-size: 18px; } #tax_desarrollo .summary_service{} #tax_desarrollo .title_section .title_2,#tax_desarrollo .summary_service p,#tax_desarrollo .summary_service h3, #tax_desarrollo .summary_service p a{ } .summary_service .font_poppins{ font-weight: 400!important; margin: 0!important; font-size: 20px; line-height: 20px} #taxonomy_servicios #content_serv header{ margin-top: 35px} #taxonomy_servicios #content_serv header h3 b{font-family: "Lobster Two", sans-serif!important; transform: rotate(-5deg);font-size: 85px; color: #f5921e; font-weight: 600!important} #taxonomy_servicios #content_serv header h3 span{} #taxonomy_servicios .summary_service{ display: flex; flex-direction: column; align-items: flex-start} #taxonomy_servicios .summary_service h4.font_poppins{ width: 370px; font-size: 20px; line-height: 25px; font-weight: 500!important; margin-bottom: 10px!important} .acordeon_serv {margin: 55px 0;width: 100%;overflow: hidden;background: #fff;text-align: center;list-style: none;height:60vh; display: flex; align-items: flex-start; justify-content: center; border-radius: 10px} .acordeon_serv .item_acord {position: relative;overflow: hidden;width: 10%;height: 100%;background: #eee;text-align: center;box-shadow: -2px 0px 8px #999;transition: all 400ms ease-out;background-size: cover!important; background-repeat: no-repeat;cursor: pointer;} .acordeon_serv .item_acord .summary_acord{position: absolute; top: 0; left: -300%; opacity: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center;padding: 30px;transition: all 400ms ease-out; } .acordeon_serv .item_acord.activo .summary_acord{left: 0px; opacity: 1; transition: all 400ms ease-out;} .acordeon_serv .item_acord .txt_summary{ width: 75%; margin: 0 auto} .acordeon_serv .item_acord .txt_summary p{ color: #fff; font-size: 18px; line-height: 25px; text-shadow: 1px 2px 3px #000; font-weight: 400} .acordeon_serv .item_acord h2 { background: hsl(32deg 91% 54% / 65%); position: absolute;top: 0; left: 5px; bottom: 0; width:30px; height: 100%; z-index: 1;margin: auto;font-size: 20px;text-align: center;text-transform: uppercase;white-space: nowrap; color: #fff;transition: all 400ms ease-out; display: flex; align-content: space-around;flex-wrap: wrap;justify-content: center;} .acordeon_serv .item_acord h2 span{ display: block;transform: rotate(-90deg); font-weight: 800; letter-spacing: 1.5px} .acordeon_serv .item_acord.activo {width: 70%;} .acordeon_serv .item_acord.activo h2 { position: relative; display: block; width: 100%; height: 30px; top: 15px;color: #fff;transform: none;transform-origin: 0!important;transition: all 400ms ease-out;} .acordeon_serv .item_acord.activo h2 span{transform: rotate(0)!important} #list_services header{transform: translateX(-6%)} #content_serv_text { margin-bottom: 0px} #content_serv_text .cont_at{ width: 100%} .service_7 #content_serv_text .cont_at{ width: 100%} #lista_ATM{ display: flex; flex-wrap: wrap;justify-content: space-between; padding: 0% } #lista_ATM article{ width: calc(50%) ; background: #fff; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin: 0px; padding: 75px 0%} #lista_ATM article.post_serv:nth-child(odd) .cont_serv{ padding-left: 25%; padding-right: 10%} #lista_ATM article.post_serv:nth-child(even) .cont_serv{padding-left: 10%; padding-right: 25%} #lista_ATM article.item_2{ } #lista_ATM article h2{ margin-bottom: 15px; font-weight: 600; font-size: 22px; line-height: 22px} #lista_ATM article h2 span{ display: block} #lista_ATM article h2 span:last-child{ color:#f5921e; } #lista_ATM article .txt_summary p{ font-size: 16px; line-height: 25px } #content_serv_text figure img{filter: drop-shadow(3px 10px 6px rgba(0, 0, 0, 25%));} #lista_ATM article.item_1,.service_5 #lista_ATM article.item_2 { background: url(https://www.atmagenciadigital.com/wp-content/uploads/2025/09/bg_section.webp)!important; background-size:cover!important; background-position: center!important } #lista_ATM article.item_1 h2,#lista_ATM article.item_1 p,.service_5 #lista_ATM article.item_2 h2,.service_5 #lista_ATM article.item_2 p{ color:#fff!important } #lista_ATM, #lista_ATM article {} #lista_ATM article ul.btn_list{ display: flex; align-items: center; justify-content: space-between; width: 100%} #lista_ATM article ul.btn_list li{ width: calc(50% - 4%); margin: 0 1%; } #lista_ATM article ul.btn_list li a{ display: flex; align-items: center; justify-content: center;height: 40px;transition: all 400ms ease-out; margin: 0!important; padding: 5px!important} #lista_ATM article ul.btn_list li a:hover{ transform: scale(1.05);transition: all 400ms ease-out;} #lista_ATM article ul.btn_list li i{ display: inline-block; margin-left: 10px} #lista_ATM article ul.btn_list .btn_list_all i { margin-right: 10px} #lista_ATM article ul.btn_list .btn_list_all i svg{width:20px; height: 20px } #lista_ATM article ul.btn_list li.btn_list_more i{width:35px } #lista_ATM article ul.btn_list li.btn_list_more a{background:#040700!important; color: #fff!important } #lista_ATM article ul.btn_list li.btn_list_wp i,#lista_ATM article ul.btn_list .btn_list_all i{width:20px; height: 20px } #lista_ATM article ul.btn_list li.btn_list_wp a{ background: #25D366; border: none!important; } .service_7 .last_item {width: calc(100% - 30px)!important;} .service_7 .last_item ul.btn_list{width: calc(50%)!important; margin: 0 auto!important} #taxonomy_servicios #content_serv_text header h3 b {font-family: "Lobster Two", sans-serif !important;transform: rotate(-5deg);font-size: 85px; color: #f5921e;font-weight: 600 !important;} .service_4 #content_serv_text figure,.service_5 #content_serv_text figure,.service_7 #content_serv_text figure{} .cta_servicios{ padding: 35px 20px; width: 100%; display: flex; flex-wrap: wrap;flex-direction: column; align-items: center; position: relative; z-index: 991; } .cta_servicios blockquote{ margin: 0!important} .cta_servicios h3,.cta_servicios h4,.cta_servicios p{ color: #fff} .cta_servicios h3{ font-size: 21px;text-transform: uppercase;text-align: center;margin-bottom: 20px;font-weight: bold; width: 430px} .cta_servicios p{ font-size: 17px;text-align: center;line-height: 25px;font-weight: 300;} .cta_servicios h4{ color: #f5921e; font-size: 27px;text-align: center;margin-top: 20px;font-weight: bold; width: 430px} #banner_cta_servicios{background: url(https://www.atmagenciadigital.com/wp-content/uploads/2025/09/bg_section.webp)!important; background-size:cover!important; background-position: center!important} .cta_servicios .btn_rocket:hover{ background: #fff!important} .cta_servicios .btn_rocket:hover span:first-child, .cta_servicios .btn_rocket span spam{ color: #040700!important} #banner_cta_servicios{border: none!important; padding: 0} .astro_atxo{width:350px; display: table; margin: 0 auto; position: relative; top: 45px} #single_servicios{} #single_servicios #cont_migas{ justify-content: center} #cont_migas .cont_at{ width: 70%; padding-top: 95px; padding-bottom: 35px} #single_servicios #migas_pan{ color: #040700; margin: 0!important} #single_servicios #migas_pan a ,#single_servicios #migas_pan span,#page_interna #migas_pan a ,#page_interna #migas_pan span{ color: #040700; left: 15px; letter-spacing: 2px} #single_servicios .elementor-widget-text-editor h2,#single_servicios .elementor-widget-text-editor h3,#single_servicios .elementor-widget-text-editor h4{ color: #f5921e; margin-bottom: 10px; font-weight: bold} #single_servicios .dots_lineas .owl-dots{ margin-top: 0} #single_servicios .dots_lineas .owl-dot.active{background: #fff!important} #single_servicios .elementor-widget-text-editor ul{ margin-bottom: 10px!important} #single_servicios .elementor-widget-text-editor ul li{ margin-bottom: 5px} #single_servicios .elementor-widget-text-editor ul li b,#single_servicios .elementor-widget-text-editor ul li strong,#single_servicios .elementor-widget-text-editor ul li a{font-weight: 500 !important; color: #f5921e !important} #single_servicios .eael-dual-header .subtext ul{ margin-bottom: 10px!important} #single_servicios .eael-dual-header .subtext ul li{ margin-bottom: 5px} #single_servicios .eael-dual-header .subtext ul li b,#single_servicios .eael-dual-header .subtext ul li strong,#single_servicios .eael-dual-header .subtext ul li a{font-weight: 500 !important; color: #f5921e !important} /****OPOUP****/ #banner_popUp{ background:rgba(4, 7, 0,0.75); top: 0; left: 0; position: fixed; width: 100%; height: 100%; z-index: 99999999991;display: flex; flex-wrap: wrap;align-content: center;align-items: center;flex-direction: column;justify-content: center;transition: all 300ms ease-out;} #banner_popUp .cont_at {position: relative;background: #fff;padding: 35px 15px;border-radius: 15px;box-shadow: 0px 0px 50px rgba(0, 0, 0, 30%); max-width: 1170px} #cerrar_PopUp{width:35px; height: 35px; box-shadow: 0px 0px 10px rgba(0,0,0,30%); border-radius: 90px; cursor: pointer;background: url(https://www.atmagenciadigital.com/wp-content/uploads/2023/09/moon.webp); background-size: cover!important; position: absolute; top: 15px; right: 15px; display: flex; align-items: center; justify-content: center; z-index: 99991} #cerrar_PopUp:focus,#cerrar_PopUp{outline: none; border: none} #cerrar_PopUp i{ font-size: 32px} #cerrar_PopUp:hover{ box-shadow: 0px 0px 10px rgba(0,0,0,30%) inset; } #banner_popUp.off{transform: translateX(-500%)} #banner_popUp.on{transform: translateX(0%)} #banner_popUp figure{margin-bottom: 35px!important; text-align: center} /****MARKETING****/ #tax_marketing #tax_marketing .title_section .title_1{} #tax_marketing .title_section .title_2{} #tax_marketing {} #tax_marketing figure{ } #tax_marketing figure .img_mkt{ position: relative; z-index: 90} #tax_marketing figure .ico_mkt{ position: absolute; top: 25%; right: 10%; width: 75px;transition: all 300ms ease-out;} #tax_marketing figure .ico_ads{ position: absolute; top: 45%; right: 10%; width: 75px;transition: all 300ms ease-out;} #tax_marketing figure .ico_fb{ position: absolute; top: 75%; right: 10%; width: 75px;transition: all 300ms ease-out;} #tax_marketing:hover figure .ico_meta{ transform: translate(-330% , -90%);transition: all 300ms ease-out;} #tax_marketing:hover figure .ico_ads{ transform: translate(230% , -55%);transition: all 200ms ease-out;} #tax_marketing:hover figure .ico_fb{ transform: translate(-230% , -85%);transition: all 200ms ease-out;} #tax_marketing .summary_service{transform: translateY(0)} #tax_marketing .title_section .title_2,#tax_marketing .summary_service p,#tax_marketing .summary_service h3{ color: #040700!important} #tax_marketing .summary_service p{ font-size: 15px; line-height: 25px} #tax_marketing .cont_banner .list_serv_home{ text-align: left;transform: translate(10% , 70px);} #tax_marketing .cont_banner .list_serv_home li{ margin-bottom: 10px} #tax_marketing .cont_banner .list_serv_home li h2{ font-size: 18px; color: #040700!important} #tax_marketing .cont_banner .list_serv_home li h2 span{display: block} #tax_marketing .summary_service{line-height: 22px} #tax_marketing{ position: relative} #tax_marketing h3.title_leyenda{ color: #fff!important} #tax_marketing:after{ content: ''; background: url(https://www.atmagenciadigital.com/wp-content/uploads/2025/09/bg_section.webp); background-size: cover; background-repeat: no-repeat;display: block; width:50%; height: 100%; position: absolute; top: 0; right: 0; z-index: -1} #taxonomy_servicios #tax_marketing:after{ left: 0; z-index: -1} #tax_marketing figure img{transform: scale(1.06);transform-origin: -26% 45%;} #tax_marketing figure img{filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 50%)); transform: translateX(-70px);} ##taxonomy_servicios #tax_marketing .summary_service h2,##taxonomy_servicios #tax_marketing .summary_service p{ color: #fff!important} /****BRANDING****/ #tax_brand {padding-top: 35px} #list_services #tax_brand .title_section .title_1{ color: #fff!important} #list_services #tax_brand .title_section .title_1 i{ font-style: normal!important; color: #040700} #list_services #tax_brand .title_section .title_2::first-letter{ color: #fff!important} #list_services #tax_brand .summary_service {} #list_services #tax_brand .summary_service h3 b{ color: #fff!important} #list_services #tax_brand .summary_service p{ color: #fff!important} #list_services #tax_brand .btn_rocket{background: #fff!important} #list_services #tax_brand .btn_rocket span:first-child,#list_services #tax_brand .btn_rocket span spam{color: #f5921e!important} #list_services #tax_brand .btn_rocket:hover span:first-child,#list_services #tax_brand .btn_at:hover span spam{color: #040700 !important} #list_services #tax_brand .btn_rocket span spam{} #taxonomy_servicios.service_4 .description_tax p span{color:#f5921e!important} #taxonomy_servicios.service_4 .description_tax h3.font_poppins span{color:#f5921e!important} #atm_services{} #atm_services #banner_top{height: 320px; padding-bottom: 30px; background-size: cover!important; background-position: center!important} #atm_services #banner_top .content_at{ display: flex; justify-content:flex-end; flex-direction: column;align-items: center;} #atm_services .row_at,#tax_marketing .row_at ,#tax_desarrollo .row_at { align-items: center} #atm_services .serv_left,#tax_marketing .serv_left,#tax_desarrollo .serv_left{ width: 50%} #atm_services .serv_right,#tax_marketing .serv_right,#tax_desarrollo .serv_right{width: 50%} #atm_services .serv_left .summary_service{ padding-right: 55px} #atm_services .serv_right .summary_service{ padding-left: 55px} #atm_services .summary_service{ } #tax_marketing .serv_left .summary_service{ padding-right: 20%} #tax_marketing .serv_right{} #tax_desarrollo .serv_left{ } #tax_desarrollo .serv_right .summary_service{ padding-left: 20%} /******* GENERALES SERVICIO ********/ #taxonomy_servicios{} #serv_left{ margin-left: 40px; display: flex; flex-direction: column;align-items: flex-start; } .list_serv_tax{margin-right: 40px;} #serv_left .description_tax{margin-bottom: 0!important} #serv_left .description_tax p{line-height: 20px} #rocket_solo{ display: none!important; width:10%; transform: rotate(45deg)} #rocket_solo .st0 { stroke-width:10px;stroke-dasharray: 10000; stroke-dashoffset: 10000; } #rocket_solo .st0{fill:transparent;stroke:#fff; stroke-width:10px;animation: dash 12000ms linear forwards infinite; } #atm_services #banner_top {position: relative} #atm_services #banner_top #rocket_solo {position: absolute; top: 0px; left: 0} @keyframes dash { to { stroke-dashoffset: 0; stroke:#fff; } } /****MAYO*****/ #atm_services{} #atm_services #banner_top h1{} #atm_services #banner_top h1 span{ display: block} #atm_services #banner_top h1 span.tile_1{ line-height: 30px } #atm_services #banner_top h1 span.tile_2{font-size: 60px;line-height: 55px; color: #f5921e} #atm_services #banner_top #migas_pan{ justify-content: center} #taxonomy_servicios.service_5 #banner_top figure img{ width: 100%; transform: translateX(0%) scaleX(-1)} #taxonomy_servicios .servicio {} #taxonomy_servicios .header_tax h4{color: #fff; font-size: 22px; line-height: 22px } #taxonomy_servicios .header_tax h1{ font-size: 50px; line-height: 45px;text-transform: uppercase;font-weight: 700;; margin-bottom: 20px } #taxonomy_servicios .header_tax h1 .title_1{ color: #f5921e!important} #taxonomy_servicios .header_tax h1 .title_2{} #taxonomy_servicios .header_tax h1 .title_2::first-letter{ color: #f5921e!important} #taxonomy_servicios .description_tax h3 {margin-bottom: 15px; line-height: 22px} #taxonomy_servicios .description_tax h3 span,#taxonomy_servicios .description_tax h3 b{font-size: 22px!important; line-height: 25px} #taxonomy_servicios .description_tax p { color: #fff!important; font-size: 15px; line-height: 25px} .service_7 #tax_marketing .summary_service p,.service_7 #tax_marketing .summary_service h3.title_leyenda,.service_7 #tax_marketing .title_section .title_2 { color: #fff!important } .service_7 #list_services .servicio .title_section .title_1,.service_7 #list_services .summary_service p a{ color: #f5921e!important } .service_5 #tax_marketing .summary_service p,.service_5 #tax_marketing .summary_service h3.title_leyenda,.service_5 #tax_marketing .title_section .title_2{} #taxonomy_servicios #bg_video_home{ padding-top: 0} #taxonomy_servicios.service_5 .description_tax p a,#taxonomy_servicios.service_7 .description_tax p a{ color: #fff!important; text-decoration: underline!important} #tecnologias_ATM { padding: 0 0 55px 0} #tecnologias_ATM ul { display: flex; flex-wrap: wrap;align-items: center; justify-content: space-between} #tecnologias_ATM ul li{width: calc(100% / 5);} /*******ABout ATMOSFERA********/ #list_services #list_pack{ margin-bottom: 0!important} #ATM_about.about_home{ background: #fff; position: relative;width: calc(100%); margin: 0 auto;position: relative} #ATM_about.about_home .cont_at{ position: relative; width: 85%; z-index: 991} #ATM_about.about_home:after{ content: '';background: #040700;display: block;width: 50%;height: 100%;position: absolute;top: 0;right: 0;border-radius: 0; } #ATM_about.about_home .summary_about{ padding: 55px 0;} #ATM_about.about_home .summary_about h2{ text-transform: uppercase; display: flex; align-items: center;justify-content: flex-start; flex-direction: column; margin-bottom: 45px; font-weight: bold} #ATM_about.about_home .summary_about p,#ATM_about.about_home .summary_about li,#ATM_about.about_home .summary_about h3,#ATM_about.about_home .summary_about h4{} #ATM_about.about_home .summary_about li,#ATM_about.about_home .summary_about p{ font-size: 15px; line-height: 20px; font-weight: 300} #ATM_about.about_home .summary_about h3{ font-weight: bold; font-size: 20px; margin-bottom: 10px} #ATM_about.about_home .summary_about li{margin-bottom: 30px} #ATM_about.about_home .summary_about li .emoji{font-size: 19px} #ATM_about.about_home .summary_about.about_left h2 .title_2{ font-size: 35px; line-height: 35px; letter-spacing: 2px;} #ATM_about.about_home .summary_about.about_left h2 .title_1{letter-spacing: 2px; font-size: 23px; } #ATM_about.about_home .summary_about.about_left p a{background: #fff; display: inline-block;padding: 0px 5px; border-radius: 5px;transition: all 300ms ease-out; color: #040700} #ATM_about.about_home .summary_about.about_left p a:hover{transform: translateY(-5px) scale(1.05);transition: all 300ms ease-out;} #ATM_about.about_home .summary_about.about_left li a{background: #fff; color: #040700!important; display: inline-block; margin: 0 5px; padding: 0px 5px; border-radius: 5px;transition: all 300ms ease-out;} #ATM_about.about_home .summary_about.about_left a,#ATM_about.about_home .summary_about.about_left b,#ATM_about.about_home .summary_about.about_left strong{font-weight: bold!important} #ATM_about.about_home .summary_about.about_right h2{color: #fff;} #ATM_about.about_home .summary_about.about_right h2 .title_1{ font-size: 35px; line-height: 35px; letter-spacing: 2px;} #ATM_about.about_home .summary_about.about_right h2 .title_2{letter-spacing: 4px;} #ATM_about.about_home .summary_about.about_right p,#ATM_about.about_home .summary_about.about_right li,#ATM_about.about_home .summary_about.about_right h3,#ATM_about.about_home .summary_about.about_right h4{ color: #fff!important} #ATM_about.about_home .summary_about.about_right p a,#ATM_about.about_home .summary_about.about_right li a{background: #040700; color: #fff!important; display: inline;padding: 0px 5px; border-radius: 5px;transition: all 300ms ease-out;} #ATM_about.about_home .summary_about.about_right li a{ display: inline-block; margin: 0 5px; font-size: 14px} #ATM_about.about_home .summary_about.about_left{ padding-right: 10%} #ATM_about.about_home .summary_about.about_right{padding-left: 5%} .before_about{position: absolute; top: 20px; left: 20px; height: 100% } .before_about h3 {color: #fff;text-transform: uppercase;transform: translateY(633px) rotate(-90deg);transform-origin: -37px -31px;font-size: 63px;letter-spacing: 7px;} .after_about{position: absolute; top: 20px; right: 20px; height: 100%; width: 55px; z-index: 91} .after_about h3 {color: #040700;text-transform: uppercase;transform: translateY(633px) rotate(-90deg);transform-origin: -9% -5%;font-size: 46px; letter-spacing: 7px;width: 630px;height: 100%;} .after_about img{position: absolute;bottom: 55px;right: 25px;} /*******PAQUETES ATMOSFERA********/ #marketing_home {position: relative; padding-bottom: 40px; padding-top: 30px} #marketing_home.marketing_home_tax{ background: rgba(31,20,42,10%)} #marketing_home .cto_left_mk{ width: 50%} #marketing_home .cto_left_mk .summary_marketing_home{ display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start; align-content: center;} #marketing_home .cto_right_mk{ width: 50%} #marketing_home .cont_at{z-index: 300; max-width: 1170px; padding-bottom: 80px; padding-top: 80px} #marketing_home figure.text_mkt{ width: 370px;transform-origin: center bottom;transform: scale(1.15) translate(5%,-10%);} #marketing_home figure.text_mkt img{transform-origin: center bottom; filter: drop-shadow(3px 5px 10px rgba(0, 0, 0, 20%)); } #marketing_home .text_summary {transform: translateY(-25px)} #form_paquetes{padding-top: 40px} #form_paquetes header{margin-bottom: 30px} #form_paquetes header h3 b{text-transform: uppercase} #form_paquetes header h3 span{ font-weight: bold; color: #f5921e!important } /************page_interna***************/ #page_about{overflow: hidden} #page_about #banner_top{ height: 250px} #page_about #banner_top #migas_pan{justify-content: center} #page_about #banner_top h1 b{ color: #fff!important} #page_about #about_top{position: relative; padding-bottom: 60px; padding-top: 60px; margin-bottom: 35px; margin-top: 35px} #page_about .entry_about { display: flex; flex-direction: column; align-items: flex-start; padding: 0 45px} #page_about #header_about h2{margin: 15px 0; text-transform: uppercase;font-size: 35px; line-height: 35px} #page_about #header_about h2 span{} #page_about #header_about h2 span{} #page_about #header_about h2 b{ font-weight: bold!important; color: #f5921e} #page_about .entry_about .btn_rocket{padding: 5px 15px } #page_about .entry_about .btn_rocket .rocket_btn{ transition: all 300ms ease-out; right: -50%; transform: rotate(30deg) translateY(33%); transform-origin: 98% 100%} #page_about .entry_about .btn_rocket:hover .rocket_btn{ right: -70%; } #page_about #marketing_home{ background: rgba(31,20,42,10%);} .entry_content p a{color: #f5921e!important} .entry_content p b,.entry_content p strong{font-weight: 600!important;color: #f5921e!important} /************CLIENTES***************/ #cliente{padding: 100px 0} #cliente .header_section{margin-bottom: 40px} #cliente .header_section h3{ text-transform: uppercase} #cliente .header_section .title_section{text-transform: uppercase;font-size: 45px; margin-bottom: 10px; line-height: 35px; font-weight: 700} #cliente .header_section .title_section .title_1{ font-weight: 200 } #cliente .header_section .title_section .title_2{ } .dots_lineas .owl-dots{ display: flex; align-items: center; justify-content: center; margin-top: 30px!important} .dots_lineas .owl-dot {width: 55px; height: 2px; border-radius: 10px!important; border: none!important; background: #f5921e!important; margin: 0 5px} .dots_lineas .owl-dot.active { background: #20142a!important} #c_brand .item_c{ margin-bottom: 30px; padding: 15px} .text-center{text-align: center} .text-uppercase{ text-transform: uppercase} /************FORMATO formularios***************/ .form_at{} .form_at form{ display: flex; flex-wrap: wrap;} .form_at form [class*='col-']{padding: 0 2.5px} .form_at .item_form{ margin-bottom: 15px} .form_at .wpcf7-form-control-wrap{; margin: 0 5px;display: block; margin-bottom: 10px; position: relative} .form_at .wpcf7-form-control-wrap label{font-weight: normal; font-size: 13px} .form_at .wpcf7-form-control-wrap input,.form_at .wpcf7-form-control-wrap textarea,.form_at .wpcf7-form-control-wrap select{ width: calc(100% - 20px); padding:7px 10px; border: none; border-radius: 3px; color:#040700!important; font-size: 14px; font-weight: 500; border:1px solid #040700;} .form_at textarea{ background: none; max-height: 140px; height: 140px; border: none} .form_at .btn_at{ margin: 0!important; width: 100%!important; background: #f5921e!important; color: #ffff;padding: 10px 45px} .form_at .wpcf7-form-control-wrap select option{ color: #040700!important} .form_at .btn_at:hover{background: #fff!important;} .cargando {display: none;text-align: center;width: 95%;} .resultado{ color: #040700;font-weight: 500;text-align: center;width: 95%; clear: both} .form_at .item_form.acepto_term a,.form_at .item_form.acepto_term span{color: #183d87!important; font-size: 13px!important} .form_at input:focus::-webkit-input-placeholder { color:#040700; } .form_at input:focus::-moz-placeholder { color:#040700; } .form_at input:focus::-ms-input-placeholder { color:#040700; } .form_at input:focus::-o-placeholder { color:#040700; } .form_at input::-webkit-input-placeholder { color:#040700; } .form_at input::-moz-placeholder { color:#040700; } .form_at input::-ms-input-placeholder { color :#040700; } .form_at input::-o-placeholder { color:#040700; } .form_at textarea:focus::-webkit-input-placeholder { color:#040700; } .form_at textarea:focus::-moz-placeholder { color:#040700; } .form_at textarea:focus::-ms-input-placeholder { color:#040700; } .form_at textarea:focus::-o-placeholder { color:#040700; } .form_at textarea::-webkit-input-placeholder { color:#040700; } .form_at textarea::-moz-placeholder { color:#040700; } .form_at textarea::-ms-input-placeholder { color:#040700; } .form_at textarea::-o-placeholder { color:#040700; } .form_at select::-webkit-input-placeholder { color:#040700; } .form_at select::-moz-placeholder { color:#040700; } .form_at select::-ms-input-placeholder { color:#040700; } .form_at select::-o-placeholder { color:#040700; } input:-internal-autofill-selected { background: none!important} div.wpcf7 .ajax-loader{ display: none} .wpcf7 p{ margin: 0!important} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{border-color: rgb(160 160 160);} .acepto{width: auto!important} span.wpcf7-list-item {display: inline-block;margin: 0;} .wpcf7 .wpcf7-list-item {display: block;margin-bottom: 10px;} .wpcf7 .wpcf7-list-item label {position: relative;cursor: pointer;} .wpcf7 .wpcf7-list-item input[type=checkbox] {/*position: relative;*/position: absolute;visibility: hidden;width: 20px;height: 20px;top: 0;left: 0;} .wpcf7 .wpcf7-list-item input[type=checkbox] + span {} .wpcf7 .wpcf7-list-item input[type=checkbox] + span:before {display: block;position: absolute;content: '';border-radius: 0;height: 15px;width: 15px;top: 0px;left: 0px;border: 1px solid #040700; border-radius: 3px} .wpcf7 .wpcf7-list-item input[type=checkbox] + span:after {display: block;position: absolute;content: "";height: 15px;width: 15px;top: 0;left: 0; visibility: hidden;font-size: 16px;text-align: center;line-height: 15px;} .wpcf7 .wpcf7-list-item input[type=checkbox]:checked + span:before {background: #040700;} .wpcf7 .wpcf7-list-item input[type=checkbox]:checked + span:after {visibility: visible;} .wpcf7-list-item-label {margin-left: 25px;display: inline-block;} .requerido{position: absolute;color: #040700; top: 5px; left: 3px;font-size: 17px; font-weight: bold} .wpcf7-spinner{position: absolute; left: -5px; top: 5px; opacity: 1!important;} .wpcf7-spinner{background: #fff; box-shadow: 5px 5px 40px rgba(0,0,0,80%) inset} .wpcf7-spinner:before{background: #040700} /*******BLOG MAYO********/ #bog_ATM{padding: 55px 0 0 0} #bog_ATM .row_at{ } #bog_ATM #blog_left{ width: 65% } #bog_ATM #blog_right{ width: 35% } #bog_ATM .title_section{text-transform: uppercase;font-size: 45px; margin-bottom: 20px; line-height: 35px; font-weight: bold} #bog_ATM .title_section .title_1{ font-weight: 400} #bog_ATM .title_section .title_2{ } #bog_ATM .title_section .title_2::first-letter{ color: #f5921e!important} #bog_ATM .blog_header{ display: flex; flex-direction: column; align-items: flex-start; padding-top: 55pxz} #bog_ATM .blog_header h4{ text-transform: uppercase; font-weight: 600; margin-bottom: 10px; font-size: 25px} #bog_ATM .blog_header h3.sub_title_blog{ margin-right: 10%; font-weight: 400; margin-bottom: 10px; font-size: 22px; line-height: 30px} #bog_ATM .blog_header h3.sub_title_blog a{ text-decoration: underline!important; font-weight: 600; font-size: 22px; color: #040700} #bog_ATM .blog_header p{ font-size: 16px; line-height: 25px; margin-right: 15%} #bog_ATM .blog_header p a{ color: #040700} #blog_archive{position: relative} #banner_blog,#banner_blog_single{transition: all 400ms ease-out; padding: 100px 15px 0px 15px; width: 30%; position: fixed; top: 0px; left: 0; z-index:0} #banner_blog .cont_at,#banner_blog_single .cont_at{ width: 100%} #banner_blog #migas_pan{ justify-content: center; color: #fff} #banner_blog #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} #banner_blog h1,#banner_blog_single h3{color: #fff!important; margin-top: 45px; font-size: 35px; text-transform: uppercase} #cont_blog_right,#single_blog{ width: 70%; left:30%; padding-top: 95px; position: relative} #banner_blog .summary ,#banner_blog_single .summary {text-align: center; width: 100%} #banner_blog .summary h4 ,#banner_blog_single .summary h4{ color: #f5921e; margin: 35px 0px 15px 0 ; font-size: 35px; line-height: 15px; letter-spacing: 2px;font-weight: bold; text-transform: uppercase} #banner_blog .summary h4 .title_1 ,#banner_blog_single .summary h4 .title_1{ font-size: 22px; font-weight: normal} #banner_blog .summary h4 .title_2 ,#banner_blog_single .summary h4 .title_2{letter-spacing: 4px} #banner_blog .summary h5 ,#banner_blog_single .summary h5{color: #fff!Important; font-size: 25px; letter-spacing: 2px;margin-bottom: 30px} #banner_blog .summary h4 span:last-child ,#banner_blog_single .summary h4 span:last-child{ display: block; color: #fff; font-size: 35px; margin-top: 15px} .single_blog{padding-left: 70px; padding-right: 70px} .item_blog{ margin-bottom: 55px; display: flex; flex-direction: column; align-items: flex-start} .item_blog h2{ font-size: 18px; line-height: 22px; font-weight: bold; min-height: 55px; border-bottom: 2px solid #f5921e; padding-bottom: 10px} .item_blog .img_blog{position: relative; border: 1px solid #ccc; overflow: hidden; border-radius: 10px} #cont_blog_right{ padding-top: 130px} #cont_blog_right .item_blog { width:calc(50% - 30px); margin: 0 15px} .header_list ul{margin-top: 15px!important; display: flex; flex-wrap: wrap; justify-content:space-between; align-items: center; width: 100%} .header_list ul li { display: flex; align-items: center; margin-right: 15px; font-size: 13px} .header_list ul li:before{ display: none!important} .header_list ul li i{width: 17px;margin-right: 10px} .header_list ul li i img{ width: 17px} #single_blog .header_list ul{ justify-content: flex-start!important} #single_blog .header_list ul li:after{content: '|'; display: inline-block; margin: 0 10px} #single_blog .header_list ul li:last-child:after{ display: none!important} .item_blog .summary_blog{ margin: 15px 0 5px 0px} .item_blog .summary_blog p{ font-weight: 400; font-size: 15px; line-height: 22px; margin-bottom: 0!important} .item_blog a.btn_at{ font-size: 15px; border: none; display: flex; align-items: center;background: #f5921e; padding: 3px 15px;} .item_blog a.btn_at i{ width: 20px; margin-right: 10px} .item_blog a.btn_at:hover{background:#040700!important; color: #fff!important;} #pagination{ margin-top: 45px; padding-bottom: 35px} #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} #migas_pan{margin: 15px 0 30px 0; display: flex; align-content: center;} #migas_pan span {padding: 0px; } #migas_pan span,#migas_pan span a {font-size: 14px;font-family: "Sulphur Point", sans-serif; font-weight: bold; text-transform: uppercase} #single_blog #migas_pan span,#single_blog #migas_pan span a { font-size:14px; font-weight: 600; color: #040700} .entry_blog img{ border-radius: 10px;box-shadow: 0px 0px 15px rgba(0, 0, 0, 15%);} #cont_wp{} #cont_wp .header_blog{ margin-bottom: 30px} #cont_wp .header_blog h1{color: #040700;font-size: 30px;font-weight: 700;} #cont_wp .header_blog .summary_blog{ width: 65%; margin-top: 15px} #cont_wp .header_blog .summary_blog p{ font-size: 21px; line-height: 31px} #cont_wp h2,#cont_wp h3,#cont_wp h4,#cont_wp h5,#cont_wp h6{ margin: 15px 0 !important;font-weight: 600;font-family: 'Poppins', sans-serif !important; letter-spacing: 2px} #cont_wp h2{color: #040700;font-size: 25px; line-height: 30px} #cont_wp h3{color: #040700;font-size: 23px; line-height: 30px} #cont_wp.entry_blog h4{color: #040700;font-size: 20px;} #cont_wp.entry_blog h5{color: #040700;font-size: 18px;} #cont_wp.entry_blog h6{color: #040700;font-size: 18px;} #cont_wp p{ font-size: 16px; line-height: 23px} #cont_wp p b,#cont_wp.entry_blog p strong,#cont_wp.entry_blog ul li a{font-size: 16px; font-weight: 500!important; color: #040700!important} .single_blog #cont_wp p a,.single_blog #cont_wp p a strong{color:#f5921e!important; } #cont_wp ul,#cont_wp ol{ margin-bottom: 1em!important} #cont_wp ul li,#cont_wp ol li{ font-size: 16px; line-height: 27px} #cont_wp ul li h4, #cont_wp ol li h4{ color: #040700!important; margin-bottom: 5px!important} #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(7px);background: url('https://www.atmagenciadigital.com/wp-content/uploads/2024/05/ico-admin.png') #040700; margin-right: 5px; padding: 3px; background-size: cover!important;width: 15px; height: 15px; border-radius: 50px} #cont_wp ol ul li{list-style: none!important} #cont_wp.entry_blog blockquote{ display: flex; flex-direction: column; align-items: center;background: #040700; padding: 30px 7% 15px 7%; border-radius: 10px; clear: both;text-align: center} #cont_wp.entry_blog blockquote .btn_rocket{ margin-bottom: 30px} #cont_wp.entry_blog blockquote em{font-size: 14px!important} #cont_wp.entry_blog blockquote h3 em{font-size: 20px!important} #cont_wp.entry_blog blockquote p{ color: #fff; font-size: 18px} #cont_wp.entry_blog blockquote h2,#cont_wp.entry_blog blockquote h3{ color: #f5921e; font-size: 25px; line-height: 25px} #cont_wp.entry_blog blockquote h2 a,#cont_wp.entry_blog blockquote h3 a{ color: #fff!important; font-weight: 600; line-height: 30px;transition: all 400ms ease-out; display: table} #cont_wp.entry_blog blockquote h2 a,#cont_wp.entry_blog blockquote h3 a:hover{ transform: scale(1.05);transition: all 400ms ease-out;} #cont_wp.entry_blog blockquote p a:hover,#cont_wp.entry_blog blockquote p strong a, #cont_wp.entry_blog blockquote p strong, #cont_wp.entry_blog blockquote p b {color: #f5921e!important} #cont_wp.entry_blog blockquote h4{ text-transform: uppercase; font-size: 19px; color: #f5921e!important; } #footer_blog ul{ display: flex; align-items: center; justify-content: space-between; margin: 35px 5%!important} #footer_blog ul li{} #footer_blog ul li a{border: 1px solid #040700; text-transform: uppercase; padding: 3px 15px; font-size: 14px; font-weight: bold; left: 2px; line-height: 14px; border-radius: 10px; color: #040700} #footer_blog ul li a:hover{background: #040700; color: #fff!important} .aligncenter,.alignleft,.alignright {display: block;padding: 0;} .aligncenter {float: none;margin: .5em auto 1em;} .alignright {float: right;margin: .5em 0 1em 1.5em;} .alignleft {float: left;margin: .5em 1.5em 1em 0;} .text_seo_archive .row_at{} .text_seo_archive .row_at .col_text_seo{ width: 50%} .text_seo_archive .row_at .col_text_seo .entry_content{ padding: 35px 0} .text_seo_archive{ background: #fff!important; padding: 55px 0} #cont_wp.text_seo_archive h3{text-transform: uppercase; margin-bottom: 20px; font-weight: 600; text-align: center;font-size: 35px; color: #f5921e} .text_seo_archive h3,.text_seo_archive h4, .text_seo_archive h2{ color: #f5921e; } article.single_blog table{ text-align: center;border: 1px solid #040700;margin: 15px auto; min-width: 85%; border-radius: 10px} article.single_blog table tr th{ padding: 10px 5px} article.single_blog thead { background: #040700!important; color: #fff!important; font-weight: normal!important; text-transform: uppercase} article.single_blog thead tr th strong{ font-weight: 400!important} article.single_blog table tr{ border-bottom: 1px solid #040700} article.single_blog table tr td{ padding: 5px} .single_blog blockquote p strong{color: #f5921e!important} #cont_table{ margin-top: 55px} #cont_table h3{ display: flex; align-items: center;font-family: 'Poppins', sans-serif !important; text-transform: uppercase; font-weight: 500} #cont_table h3 i{margin-right: 10px; cursor: pointer} #cont_table h3 i:hover{color: #f5921e} #cont_table h3 span{ font-weight: 600!imporuant} #cont_table ul{ margin: 15px 0!important} #cont_table ul li{ margin-bottom: 10px; position: relative} #cont_table ul li a{ position: relative;font-size: 16px; line-height: 16px; font-weight: 500!important; color: #040700} #cont_table ul li a:hover{ color: #f5921e} #cont_table ul li a:before { content: '';display: inline-block;vertical-align: top;transform:translateY(0px);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: 15px;height: 15px;border-radius: 50px;} /*******portafolio_ATM********/ #portafolio_ATM{ padding: 55px 0 0 0; position: relative} #portafolio_ATM:before{ content: ''; width: 100%; height: 90%; display: block;background: #040700 ; position: absolute; top: 0; left: 0} #portafolio_ATM .cont_at{ width: 95%; } #portafolio_ATM .cont_at .cont_at{ width: 100%} #portafolio_ATM .row{ flex-direction: row-reverse } #portafolio_ATM .title_section{text-transform: uppercase;font-size: 45px; line-height: 50px; margin-bottom: 10px; line-height: 35px; font-weight: 700} #portafolio_ATM .title_section .title_1{ display: block;color: #fff!important; font-size: 29px!Important; line-height: 30px; margin-bottom: 10px} #portafolio_ATM .title_section .title_2{ color: #f5921e!important;font-weight: 600} #portafolio_ATM .blog_porta{ display: flex; flex-direction: column; align-items: flex-start; padding-top: 30px; width: 50%} #portafolio_ATM .blog_porta a.btn_rocket{background: #fff} #portafolio_ATM .blog_porta .btn_rocket span:first-child{color: #f5921e!important; font-size: 20px!important} #portafolio_ATM .blog_porta .summary{ width: 100%; margin: 40px 0} #portafolio_ATM .blog_porta p{ font-size: 16px; line-height: 25px; margin-right: 0; color: #fff} #portafolio_ATM .blog_porta p a{ font-weight: 500; color: #f5921e!important} #portafolio_ATM .blog_porta p a:hover{color: #fff!important} #porta_list{ transform: translateY(5%)} #portafolio_ATM .item_project{ display: table; width: 85%; margin: 10px auto} #portafolio_ATM .item_1{transform: translateY(-55px)} #portafolio_ATM .item_2{ transform: translateY(-100%)} #portafolio_ATM .item_project h3 {font-size: 19px;line-height: 17px;width: 55%;color: #fff;; transform: translateX(35px)} #portafolio_ATM figure img {filter: drop-shadow(1px 2px 8px rgba(0, 0, 0, 50%)); transform: translate(70% , 30px); width: 310px} #portafolio_ATM #porta_top{ width: 100%} #portafolio_ATM #porta_left{ width: 35% } #portafolio_ATM #porta_list{ width: calc(100% - 35%); transform: translateX(55px)} #porta_list .cont_at{ display: flex; align-items: center; flex-wrap: wrap} #porta_list .cont_at article{ width: 50%;} /*******CONTACTO********/ #contacto{padding: 0 } .contacto_home .cont_at{ } .contacto_home .header_section{ margin-bottom: 30px} .contacto_home .header_section .title_space{font-size: 45px; line-height: 45px} .separador{width: 60px; height: 90%; position: absolute; bottom: 0; top: 0;left: 0;right: 0; margin: auto; display: flex;flex-direction: column;align-items: center; opacity: 0.5} .separador .satelite{ width: 50px} .separador span{ width: 1px; height: 50%; background:#040700 } .col_6{ width: 50%} /**********REDES*SOCIALES****************/ #content_footer{position: relative; z-index: 10; padding-bottom: 35px; padding-top: 45px} #content_footer.foo_blog{ background: #fff} #content_footer .container{padding-top: 40px; padding-bottom: 30px; position: relative} #foo_left #contacto{ margin-right: 45px} .form_at form .col_form{ width: 50%} .form_at form .col_full_form{ width: 100%} #foo_right .foo_at{ margin-left: 45px; } #logo_foo{display: table; margin: 0 0 20px 0 !important; width: 180px} #logo_foo #logo_at{} #logo_foo #logo_at .st0{} #logo_foo #logo_at .st1{} .foo_at{} .foo_at h4{ margin-bottom: 10px; color: #040700 !important; font-weight: 600!important} .foo_at ul{} .foo_at ul li{ margin-bottom: 10px} .col_foo{ width: 50%} #foo_left{} #foo_right{} #foo_right a{ text-transform: uppercase; font-size: 13px; color: #040700; font-weight: 500} #foo_right a:hover{ color: #f5921e; } #menu_foo ul{display: flex; flex-wrap: wrap align-items: center} #menu_foo ul li{ width: calc(100% / 4);} #menu_foo ul li a{ text-align: center; display: block} #datos_AT{ margin: 25px 0} #datos_AT ul{ flex-wrap: wrap} #datos_AT li{ width: calc(100% / 2); color: #040700; display: flex; align-items: center; margin: 0 0 10px 0!important} #datos_AT li i,#datos_AT li i svg{ width: 35px; height: 25px; } #anchor_text{ padding: 5px 0;} #anchor_text p{margin: 0!important; color: #040700; font-size: 12px; line-height: 12px} .call_whatsapp {line-height: 60px; z-index: 9999; background:#040700 ; color: #040700!important; width: 50px;height: 50px;border-radius: 100%; text-align: center; position: fixed;right: 40px; text-align: center;bottom: 30px; display: block;} .call_whatsapp i{ font-size: 33px; } .call_whatsapp span{display: none} #btn_wp{ position: fixed; top: 0; display: flex; justify-content: center; align-items: center;width: 55px;height: 77px; right: 15px; bottom: 0; margin: auto; z-index: 999;} .text_wp {position: absolute;width: 185px;top: 27px;left: 290px;text-transform: uppercase;background: #25D366;border-radius: 10px;padding: 5px 10px 5px 20px;color: #fff !important; box-shadow: 0px 0px 10px rgba(0,0,0,60%); transition: all 400ms ease-out;} #btn_wp img{filter: drop-shadow(1px 2px 4px #000);} #btn_wp i{ background: #25D366; border-radius: 50px; width: 45px; height: 45px;overflow: hidden;display: flex; justify-content: center; align-items: center;position: absolute; top: -50px; right: 0; animation: rebote 1.5s ease-in-out infinite;transition: all 300ms ease-out;} #btn_wp i svg{ width: 22px} #btn_wp span{display: table; border-radius: 90px} #btn_wp span img{position: relative; z-index: 90} #btn_wp:hover i{ transition: all 300ms ease-out;} @keyframes rebote { 0%, 100% { transform: translateY(0); } 25% { transform: translateY(-10px); } 50% { transform: translateY(0); } 75% { transform: translateY(-5px); } } #content_footer.foo_serv_tax {background: linear-gradient(90deg, #040700, #040700);} .foo_serv_tax #logo_foo #logo_at .st0,.foo_serv_tax #logo_foo #logo_at .st1{fill:#fff!important} #content_footer.foo_serv_tax .foo_at h4,.foo_serv_tax .contacto_home .header_section .title_space,.foo_serv_tax .contacto_home .header_section p, .foo_serv_tax #foo_right a,.foo_serv_tax #anchor_text p,.foo_serv_tax #datos_AT li{ color: #fff!important} .foo_serv_tax .form_at .wpcf7-form-control-wrap input,.foo_serv_tax .form_at .wpcf7-form-control-wrap textarea,.foo_serv_tax .form_at .wpcf7-form-control-wrap select{ background: none!important; color:#fff!important; border:1px solid #fff;} .foo_serv_tax .form_at input:focus::-webkit-input-placeholder { color:#fff; } .foo_serv_tax .form_at input:focus::-moz-placeholder { color:#fff; } .foo_serv_tax .form_at input:focus::-ms-input-placeholder { color:#fff; } .foo_serv_tax .form_at input:focus::-o-placeholder { color:#fff; } .foo_serv_tax .form_at input::-webkit-input-placeholder { color:#fff; } .foo_serv_tax .form_at input::-moz-placeholder { color:#fff; } .foo_serv_tax .form_at input::-ms-input-placeholder { color :#fff; } .foo_serv_tax .form_at input::-o-placeholder { color:#fff; } .foo_serv_tax .form_at textarea:focus::-webkit-input-placeholder { color:#fff; } .foo_serv_tax .form_at textarea:focus::-moz-placeholder { color:#fff; } .foo_serv_tax .form_at textarea:focus::-ms-input-placeholder { color:#fff; } .foo_serv_tax .form_at textarea:focus::-o-placeholder { color:#fff; } .foo_serv_tax .form_at textarea::-webkit-input-placeholder { color:#fff; } .foo_serv_tax .form_at textarea::-moz-placeholder { color:#fff; } .foo_serv_tax .form_at textarea::-ms-input-placeholder { color:#fff; } .foo_serv_tax .form_at textarea::-o-placeholder { color:#fff; } .foo_serv_tax .form_at select::-webkit-input-placeholder { color:#fff; } .foo_serv_tax .form_at select::-moz-placeholder { color:#fff; } .foo_serv_tax .form_at select::-ms-input-placeholder { color:#fff; } .foo_serv_tax .form_at select::-o-placeholder { color:#fff; } #content_footer.foo_serv_tax .separador {opacity: 1!important} #content_footer.foo_serv_tax .separador .satelite path{fill:#fff!important } #content_footer.foo_serv_tax .separador span{ width: 1px; height: 50%; background:#fff } .foo_serv_tax .wpcf7-response-output{ border: none!important; background:#ffb900; font-weight: 500; color: #fff!important; text-align: center;color: #040700} .foo_serv_tax .wpcf7-list-item-label{ color: #fff!important} .foo_serv_tax .wpcf7 .wpcf7-list-item input[type=checkbox] + span:before {display: block;position: absolute;content: '';border-radius: 0;height: 15px;width: 15px;top: 0px;left: 0px;border: 1px solid #ffb900; border-radius: 20px} .foo_serv_tax .wpcf7 .wpcf7-list-item input[type=checkbox] + span:after {display: block;position: absolute;content: "";height: 15px;width: 15px;top: 0;left: 0; visibility: hidden;font-size: 16px;text-align: center;line-height: 15px;} .foo_serv_tax .wpcf7 .wpcf7-list-item input[type=checkbox]:checked + span:before {background: #ffb900;} .foo_serv_tax .wpcf7 .wpcf7-list-item input[type=checkbox]:checked + span:after {visibility: visible;} #pagina_error{ height: 85vh;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 span:first-child{ transform: translateX(35px)} #pagina_error h5 span:last-child{transform: translateX(-35px); position: relative; z-index: -1} #pagina_error h5 i{ width: 150px;} #pagina_error h5 i img{ width: 100%;} #pagina_error #slider_home .entry_slider{display: flex;flex-direction: column;justify-content: center;} #pagina_error #slider_home .entry_slider a.btn_at{ padding: 15px 35px; font-size: 18px; line-height: 18px; margin-top: 25px} #pagina_error .astro_slider img{ width:70% } #cta_blog{background: #040700; border-radius: 15px; height: 350px; margin: 55px 0; position: relative} #cta_blog:after{content: ''; background:#f5921e; display: block; width: 100%; height: 2px; position: absolute; left: 0; bottom: 45px} #cta_blog .cont_at{z-index: 991; width: auto; margin: 0 15px} #cta_blog .cont_at .col-5{ display: flex; align-items: center;display: flex;align-items: center;flex-direction: column;justify-content: center;text-align: center;} #cta_blog .cont_at h3{ text-transform: uppercase; color: #fff; font-size: 28px; line-height: 33px} #cta_blog img{ border-radius: none!important; box-shadow: none!important} #cta_blog #img_izq img{ transform: translateY(-45px)} #cta_blog #img_derc img{transform: translateY(-15px) scale(1.05)} /***EMPRENDEDORES***/ #list_pack.lista_home{ padding: 15px 0 60px 0!important} #archive_pack{ padding-top: 0} #archive_pack #banner_top{padding: 75px 0 35px;background: url(https://www.atmagenciadigital.com/wp-content/uploads/2025/09/bg_section.webp);background-size: cover;background-repeat: no-repeat; background-position: center} #archive_pack #banner_top .cont_at{ height: 100%; display: flex; align-items: center; padding-top: 60px; justify-content: center} #archive_pack #banner_top h1{ color: #fff; text-transform: uppercase} #archive_pack #banner_top h1 span,#archive_pack #banner_top h1 b{display: table;font-size: 30px; line-height: 35px; } #archive_pack #banner_top .top_left{ width: 40%} .title_paquete{ text-align: center; text-transform: uppercase; margin: 60px 0 40px 0; font-size: 45px; line-height: 50px; font-weight: bold; font-family: 'Poppins', sans-serif !important} .title_paquete span,.title_paquete b{ display: block; text-align:center} .title_paquete span{ font-size: 35px; line-height: 35px; letter-spacing: 6px} .title_paquete span.title_1{ font-size: 25px; line-height: 25px} .title_paquete span.title_2{ color: #f5921e!important; margin: 5px 0!important} .title_paquete b{ font-weight: 500!important; display: flex; align-items: center; justify-content: center} .title_paquete b i{ display: inline-block;width: 55px; margin: 0 10px} #intro_summary{ width: calc(100% - 40%)} #intro_summary p{ font-size: 17px; line-height: 22px; color:#fff} #intro_summary p b{color: #f5921e!important; } #list_pack .cont_at{width: 95%; padding: 110px 0 0px 0px} #list_pack .cont_at,.row_pack{ display: flex;justify-content: space-between; flex-wrap: wrap} #list_pack .item_pack{ width: calc(100% / 4 - 30px); margin: 0px 15px 40px 15px; border-radius: 10px} #list_pack .cont_at:hover > #list_pack .item_pack:not(:hover){transform: scale(0.9, 0.9) translateY(10px);opacity: 0.35; transition: all 300ms ease-out;} #list_pack .item_pack:hover{transition: all 300ms ease-out; } #list_pack .item_pack .btn_rocket{left: 0!important} .more_buy{ position: absolute; top: -60px;left: 0; z-index: 10; width: 70px} .item_pack .cont_card{ padding: 40px 15px 15px 15px;background: #040700; position: relative } .item_pack .cont_card header{position: relative; z-index: 10; text-align: center} .item_pack .cont_card h2,.item_pack .cont_card h3,.item_pack .cont_card h4,.item_pack .cont_card p,.item_pack .cont_card li{ color: #fff} .item_pack .cont_card h2,.item_pack .cont_card h1{color: #fff!important; font-size: 22px; letter-spacing: 3px; line-height: 22px;text-transform: uppercase; font-family: 'Poppins', sans-serif !important; font-weight: 500} .item_pack .cont_card h2{ margin: 0!important} .item_pack .cont_card h3{ color: #fff!important; font-size: 15px; line-height: 18px; margin-bottom: 20px!important} .item_pack .cont_card h4{ font-size: 13px; line-height: 13px} .item_pack .cont_card p.price_pack{color: #f5921e!important; font-weight: 600; font-size: 27px; line-height: 27px; margin: 20px 0 0 0!important} .item_pack .cont_card p{} .item_pack .cont_card .btns_pack{ margin-top: 20px} .item_pack .cont_card .btns_pack ul{ display: flex; justify-content: center; align-items: center} .item_pack .cont_card .btns_pack ul a.btn_rocket span{ font-size: 13px!important; line-height: 13px!important} .item_pack .cont_card .btns_pack ul a.btn_rocket b{font-size: 22px; line-height: 22px; letter-spacing: 3px} .item_pack .cont_card .btns_pack ul a.btn_rocket:hover b{ color: #fff!important} .item_pack .cont_card .text_small{margin: 0!important; color: #fff; font-size: 11px; line-height: 11px} .item_pack .cont_card footer{ position: relative; z-index: 10; margin-top: 15px; text-align: center} .item_pack .cont_card footer .text_T_C p{margin-bottom: 0; font-size: 9px; line-height: 11px;} .item_pack .cont_card footer .text_T_C p a{color: #f5921e!important; text-decoration: underline!important; font-size: 9px; font-weight: 500} .paquete_items { margin-top: 35px!important} .paquete_items li{ color: #fff!important;margin-bottom: 10px; position: relative; padding-left: 20px; font-size: 12px; line-height: 12px} .paquete_items li:before{content: ''; display: inline-block; position: absolute; left: 0; top: 0px; vertical-align: top; transform: translateY(0px);background: url('https://www.atmagenciadigital.com/wp-content/uploads/2023/10/favicon.png') #f5921e; margin-right: 5px; padding: 3px; background-size: cover!important;width: 12px; height: 12px; border-radius: 50px} .dest_pack{ transform: scale(1.08); position: relative; top:-25px; border-radius: 0 0 10px 10px} .more_popular{ background: #f5921e; color: #fff;padding: 10px; text-transform: uppercase; text-align: center; font-weight: 500; font-size: 17px; border-radius: 10px 10px 0px 0px} .foo_pack{ padding: 10px} .post_pack_web{} .post_pack_web .row_at{ display: flex; justify-content: space-between; flex-wrap: wrap} .post_pack_web .row_at .summary{ margin-bottom: 30px} #info_pack{ width: 30%} #info_pack .dest_pack{ top: 0!Important; transform: scale(1)!important} #info_pack .dest_pack .more_popular{ border-radius: 0!important} #info_pack .btn_rocket{left: 0!important} .cont_filtros.mod_stick{ width: 520px; padding: 0 15px;position: -webkit-sticky;position: sticky;top: 65px;} .cont_const{ width: calc(100% - 520px)} #text_SEO_pack{overflow: hidden; margin: 55px 0} #text_SEO_pack .row_at{ justify-content: space-between} #text_SEO_pack .summary{width: calc(100% / 2);position: relative; padding: 40px 0} #text_SEO_pack .summary .text_summary{ padding: 25px 30px} #text_SEO_pack .summary h2{ font-size: 30px; line-height: 35px; margin: 10px 0} #text_SEO_pack .summary h3,#text_SEO_pack .summary h4{ font-size: 25px; line-height: 30px; margin: 10px 0; font-weight: 600!important} #text_SEO_pack .summary p,#text_SEO_pack .summary li{font-size: 15px; line-height: 20px} #text_SEO_pack .summary ul{ margin-bottom: 15px!important} #text_SEO_pack .summary li{margin-bottom: 5px; position: relative; line-height: 20px!important; padding-left: 20px} #text_SEO_pack .summary li:before{content: ''; display: inline-block; background: url('https://www.atmagenciadigital.com/wp-content/uploads/2023/10/favicon.png') #f5921e; padding: 3px; background-size: cover!important;width: 10px; height: 10px; border-radius: 50px; position: absolute; top: 3px; left: 0} #text_SEO_pack #summary_left{ background: #040700} #text_SEO_pack #summary_left h2{ color: #f5921e!important; text-transform: uppercase; text-align: center} #text_SEO_pack #summary_left:before{ content: ''; background:#040700; display: block; width: 100%; height: 100%; left: -80%; top: 0; position: absolute; z-index: -1} #text_SEO_pack #summary_left hr{ background: #fff!important; width: 70%; display: table; margin: 15px auto} #text_SEO_pack #summary_left p,#text_SEO_pack #summary_left h2,#text_SEO_pack #summary_left h3, #text_SEO_pack #summary_left ul li{ color: #fff} .cta_pkd{ text-align: center!important; margin-top: 35px} #text_SEO_pack #summary_right .cta_pkd h2{ font-size: 25px; display: flex; flex-direction: column; align-items: center;justify-content: center} #text_SEO_pack #summary_right .cta_pkd h2 b{ font-weight: 900; text-transform: uppercase; font-size: 14px; letter-spacing: 2px} #text_SEO_pack #summary_right .cta_pkd h2 span{ display: block} #text_SEO_pack #summary_right .cta_pkd h3{ padding: 0 5%} #text_SEO_pack #summary_right .cta_pkd p{ font-size: 19px; line-height:23px ;} #text_SEO_pack .summary .cta_pkd a{ background:#040700 } #text_SEO_pack .summary .cta_pkd a span{ color:#fff; font-size: 16px; letter-spacing: 2px } #text_SEO_pack .summary .cta_pkd a b{ color:#f5921e; font-size: 20px; font-weight: 600!important; letter-spacing: 2px; margin-top: 3px!important} #text_SEO_pack .summary .cta_pkd a{ background: #f5921e; border-color: #f5921e!important; display: table; margin: 15px auto; padding: 10px 35px;transition: all 400ms ease-out;} #text_SEO_pack .summary .cta_pkd a:hover{ transform: scale(1.05);transition: all 400ms ease-out;} #text_SEO_pack .summary .cta_pkd a span,#text_SEO_pack .summary .cta_pkd a b{ display: table; margin: 0 auto; text-transform: uppercase} #text_SEO_pack .summary .cta_pkd a span{ color:#040700 } #text_SEO_pack .summary .cta_pkd a b{ color:#fff } #text_SEO_pack #summary_right .cta_pkd p,#text_SEO_pack #summary_left .cta_pkd p{ font-size: 19px; line-height: 24px; padding: 0 5%} .formulario_CTZ{ width: calc(100%)} .cont_const{ } .post_pack_web{ padding-top: 110px } .post_pack_web #banner_top{ background: #040700; height: 250px;margin-bottom: 35px} .post_pack_web #banner_top .cont_at{ height: 100%; padding-top: 35px; display: flex; align-items: center; flex-direction: column;justify-content: center} .post_pack_web #banner_top .cont_at h1{ color: #fff; text-transform: uppercase;} .post_pack_web #cont_pack_web.cont_at{ width: 100%; max-width: 1440px } #paquete-constructor{ padding-right: 15px} .builder-container{ display: flex; justify-content: space-between; flex-wrap: wrap} .services-list{ } .list_modulos{width: 100%; padding: 10px 0;display: flex; align-items: flex-start; flex-wrap: wrap;justify-content:flex-start} #cont_pakced{ width: calc(100%); } .services-list h3{ width: 100%!important} .service-item { width: calc(100% / 4 - 5px); padding: 5px;margin: 0 2.5px 10px 2.5px;background: #f9f9f9;border: 1px solid #eee;border-radius: 6px;display: flex; align-items: center; flex-direction: column} .service-item strong{ margin-bottom: 5px; font-size: 9px; line-height: 10px; text-transform: uppercase} .service-item .btn-agregar-movil{background: #040700;color: #fff; border: none; font-size: 11px; text-transform: uppercase; display: block; width: 100%} .service-item .btn-agregar-movil{} #package-list li,#package-list-header li,#package-list-body li,#package-list-footer li {background: #f0f8ff;margin: 0;border-radius: 0; position: relative} #package-list li{} .package-zone {border: 1px solid #ddd;padding: 0 0;border-radius: 0;margin-bottom: 5px;min-height: 80px;transition: border-color 0.3s, border-style 0.3s;} .package-zone h4{padding: 5px; text-transform: uppercase; background:#040700; color: #fff; font-weight: 600 } .btn_clear{ position: absolute;top: 15px;left: 10px; width: 20px; height: 20px; background: #f5921e; color: #040700; border-radius: 100px; display: flex; text-align: center; align-items: center; justify-content: center; font-size: 21px; border: none} .success-message{ border-radius: 10px; width: 650px; display: flex; justify-content: space-between; align-items: center;background: #f5921e; margin: 25px auto; text-align: center} .success-message figure{ width: 27%; margin-bottom: -30px!important; transform: translateY(-25px)} .success-message .summary{ width: calc(100% - 27%); padding: 15px; margin: 0!important} .success-message h4,.success-message h3{font-family: 'Poppins', sans-serif !important; text-transform: uppercase; margin-bottom: 10px} .success-message h3{color: #fff; letter-spacing: 2px; font-weight: 500; font-size: 17px;} .success-message h3 span{ display: block; text-align: center} .success-message h4{display: flex; letter-spacing: 2px; flex-direction: column; align-items: center; justify-content: center;font-weight: 500; font-size: 25px;} .success-message h4 span b{ color: #fff!important;font-weight: 600!important} .success-message p{ font-weight: 500; font-size: 22px; line-height: 26px; color: #fff;font-weight: 300; padding: 0 15%} .package-zone ul li{ position: relative} .package-zone ul li img{width: 100%} #package-zone-header {background: #f8f9ff;} #package-zone-header img{ width: 100%;} #package-zone-body {background: #fff8f8;} #package-zone-body img{} #package-zone-footer {background: #f8fff8;} #package-zone-footer img{} #btn-enviar {background: #007cba;color: white;border: none;padding: 10px 20px;border-radius: 4px;cursor: pointer; } #btn-enviar:disabled {background: #ccc;cursor: not-allowed; } #filtros_sites { display: flex; gap: 20px; margin: 10px 0;} #filtros_sites input[type="radio"] { display: none;} #filtros_sites label { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 15px; padding: 10px 10px 10px 55px; cursor: pointer; border-radius: 10px; background: #040700; /* apagado */ color: #fff; font-size: 18px; border: 2px solid #f5921e; overflow: hidden;} #filtros_categorias{ margin-top: 10px} #filtros_categorias button{font-size:12px; border: 1px solid #040700; background: #fff; border-radius: 3px; padding: 2px 5px; color: #040700; text-transform: uppercase} #filtros_categorias button.active,#filtros_categorias button:hover{ background: #040700; color: #fff } .rocket { position: absolute; top: 50%; left: 10px; /* apagado */ width: 35px; height: 35px; transform: translateY(-50%); transition: all 0.4s ease;} .rocket svg { width: 100%; height: 100%; transform: rotate(90deg); /* horizontal */} #filtros_sites input[type="radio"]:checked + label { background: #f5921e; /* encendido */ color: #040700; padding: 10px 55px 10px 10px; } #filtros_sites input[type="radio"]:checked + label .rocket { left: calc(100% - 45px); /* se va a la derecha */} .btn-solicitar { padding: 14px 24px; background: #f5921e; color: #fff; border: none; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; transition: all 0.3s ease;; margin: 0 auto; display: table;} .btn-solicitar:hover { background: #040700;} /* ====== FORMULARIO DE COTIZACIÓN ====== */ #form-cotizacion {display: block;width: 100%;background:#fff; padding-left: 15px; z-index: 9999;} #form-cotizacion .cont_form{ padding: 0; } #form-cotizacion h3,#cont_pakced h3 { font-size: 22px; margin-bottom: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;} .cerrar-form { font-size: 20px; cursor: pointer; color: #fff; font-weight: bold;} #cont_pakced h3 em{ text-transform: none!important; font-size: 20;margin-left: 10px; display: inline-block} #form-cotizacion .form-group { margin-bottom: 18px;} #form-cotizacion label { display: block; margin-bottom: 6px; font-size: 14px; color: #040700; font-weight: 600;} #form-cotizacion input[type="text"],#form-cotizacion input[type="email"],#form-cotizacion textarea { width: 100%; padding: 10px 14px; font-size: 15px; border: 1px solid #040700; color: #040700; border-radius: 8px; outline: none; transition: all 0.3s ease;} #form-cotizacion input[type="text"]:focus,#form-cotizacion input[type="email"]:focus,#form-cotizacion textarea:focus { border-color: #f5921e; box-shadow: 0 0 6px rgba(245, 146, 30, 0.5);} #form-cotizacion textarea { min-height: 100px; resize: vertical;} /* ====== BOTÓN ====== */ #form-cotizacion .btn-cotizar { display: inline-block; width: 100%; padding: 12px 18px; background: #f5921e; color: #fff; font-size: 16px; font-weight: bold; border: none; border-radius: 8px; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease;} #form-cotizacion .btn-cotizar:hover { background: #040700; color: #fff; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(4, 7, 0, 0.3);} .btn-solicitar:disabled { background: #ccc !important; cursor: not-allowed !important; transform: none !important;} /* Animación rebote más fluida */ @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } } .btn-solicitar.bounce { animation: bounce 1.5s ease-in-out infinite; } #text_terminos_paquetes h3{ margin-bottom: 10px!important} #text_terminos_paquetes h4{ margin-bottom: 10px; font-size: 21px} #text_terminos_paquetes ul{ margin-bottom: 15px!important; padding-left: 25px!important} #text_terminos_paquetes ul li{ position: relative; margin-bottom: 5px!important} #text_terminos_paquetes ul li:before{content: ''; display: inline-block; vertical-align: top; transform: translateY(5px);background: url('https://www.atmagenciadigital.com/wp-content/uploads/2024/05/ico-admin.png') #040700; margin-right: 5px; padding: 3px; background-size: cover!important;width: 12px; height: 12px; border-radius: 50px; position: absolute; top: 0; left: -20px} @media (min-width: 1900px){ #cta_blog .cont_at .col-5{ transform: translateY(-36px);} #cta_blog .cont_at h3{ text-transform: uppercase; color: #fff; font-size: 28px; line-height: 33px} #cta_blog #img_izq img{ transform: translateY(-45px) scale(0.90); transform-origin: left} #cta_blog #img_derc img{transform: translateY(-80px) scale(1);transform-origin: right} #cta_blog.cta_portafolio #img_derc img{transform: translateY(0px) scale(1);transform-origin: right; position: absolute} } @media (min-width: 1700px){ } 6LfKedcqAAAAAFJhdCXps67jXL0N64UbNOjYg9yg @media (max-width: 1690px){ } @media (max-width: 1490px){ #cont_migas .cont_at{ width: 90%} #slider_home { background: rgba(4, 7, 0, 1) !important;} #cta_blog .cont_at h3{ text-transform: uppercase; color: #fff; font-size: 23px; line-height: 33px} #cta_blog #img_izq img {transform: translateY(-18px);} #cta_blog #img_derc img {transform: translateY(26px) scale(1.05);} #portafolio_ATM .blog_porta .summary{ margin-bottom: 20px!important} #portafolio_ATM .blog_porta{padding-top: 0px} #ATM_about.about_home .cont_at{ width: 95%} #ATM_about.about_home .summary_about.about_left h2, #ATM_about.about_home .summary_about.about_right h2 { margin-bottom: 30px} #ATM_about.about_home .summary_about.about_left h2 .title_2 {letter-spacing: 0px; font-size: 30px} #ATM_about.about_home .summary_about.about_left h2 .title_1 {letter-spacing: 1px; font-size: 18px} #ATM_about.about_home .summary_about.about_right h2 .title_2 {letter-spacing: 2px; } #ATM_about.about_home .summary_about.about_right h2 .title_1 {letter-spacing: 1px; } #ATM_about.about_home:after{} #serv_home .row_at article .summary_service{ padding: 25px 15px} } @media (min-width: 1280px){/* #lista_ATM:hover > article:not(:hover){transform: scale(0.95) ;opacity: 0.35;filter: blur(4px); transition: all 300ms ease-out; z-index: -1; position: relative} #lista_ATM:hover > article.item_2{ transform: translateY(45%)!important} #lista_ATM:hover > article{ box-shadow: 0px 0px 10px rgba(0,0,0,15%); }*/ #ATM_about.about_home .summary_about.about_left h2, #ATM_about.about_home .summary_about.about_right h2 { margin-bottom: 30px} #ATM_about.about_home .summary_about.about_left h2 .title_2 {letter-spacing: 0px; font-size: 30px} #ATM_about.about_home .summary_about.about_left h2 .title_1 {letter-spacing: 1px; font-size: 18px} #ATM_about.about_home .summary_about.about_right h2 .title_2 {letter-spacing: 2px; } #ATM_about.about_home .summary_about.about_right h2 .title_1 {letter-spacing: 1px; } } @media (max-width: 1350px){ #cta_blog #img_izq img {transform: translateY(-18px);} #cta_blog #img_izq img {transform: translateY(24px) scale(1.15); transform-origin: left} #cta_blog #img_derc img {transform: translateY(48px) scale(1.05);} } @media (max-width: 1280px){ .container {max-width: 95%;} .item_blog h2{font-size: 15px;line-height: 16px} } @media (max-width: 1024px){ .col_mb,.form_at form [class*='col-'],#list_services [class*='col-'],#banner_top [class*='col-'],#page_about [class*='col-'],#content_footer [class*='col-'],#list_blog [class*='col-'],#portafolio_ATM [class*='col-'],#bog_ATM [class*='col-'],.text_seo_archive [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} #list_postafolio [class*='col-'],#bog_ATM [class*='col-'],#ATM_about [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} #banner_blog, #banner_blog_single{position: relative; height: auto!important; width: 100%; padding: 30px; margin-bottom: 35px} #cont_blog_right, #single_blog {width: 100%;left: 0%;padding: 0 20px;position: relative;} #slider_home{ height: 70vh!important} #slider_home .entry_slider .title_section .title_2{ font-size: 76px} #cliente .cont_at{ width: 100%} #list_services header{transform: translateX(-6%)} #list_services header h3{ text-align: right!important} #cta_blog .cont_at .col-5{ transform: translateY(20px)} #cta_blog .cont_at h3{ line-height: 25px} #cta_blog #img_izq img {transform: translateY(-5px) scale(1.15);transform-origin: left;margin-bottom: -55px;} #cta_blog #img_derc img {transform: translateY(47px) scale(1.05);margin-top: -45px;} #tax_desarrollo .row,#tax_brand .row{flex-direction:column-reverse} #ATM_about.about_home {width: calc(100% - 0px); margin: 0 auto;} #ATM_about.about_home:after{ width: 100%; height: 50%; top: inherit;bottom: 0;right: inherit;left: 0} #ATM_about.about_home .summary_about {padding: 30px !important;} } @media (max-width: 980px){ .cont_at{width: 100%; padding: 0 0} .astro_slider img{ width: 92%} #pagina_error{ height: 70vh;display: flex;flex-direction: column;justify-content: flex-end;} #pagina_error .astro_slider img{ width: 100%} #pagina_error h1 {font-size: 50px;bottom: 20px;left: 10%;} #tax_marketing:after, #tax_desarrollo:before { display: none} #tax_marketing figure, #tax_desarrollo figure { background:#040700 } #tax_marketing .row > [class*='col-'], #tax_desarrollo .row > [class*='col-']{padding: 0} #tax_marketing .summary_service , #tax_desarrollo .summary_service { padding: 55px 15px} #tax_marketing figure, #tax_desarrollo figure{ padding-top: 55px} #list_pack .item_pack{width: calc(100% / 2 - 20px); margin: 0px 10px 30px 10px;} #text_SEO_pack .summary{width: calc(100% / 1);position: relative; padding: 40px 10px} #archive_pack #banner_top .cont_at{ flex-wrap: wrap} #archive_pack #banner_top .top_left,#intro_summary { width: 100% !important; } } @media (max-width: 768px){ #list_services header{transform: translateX(-2%)} #list_services header h3 span{ font-size: 18px} #bg_video_home .row{ flex-direction: column} #serv_left{ margin-left: 0px} #bg_video_home #tax_marketing [class*='col-'],#taxonomy_servicios #tax_desarrollo [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} #taxonomy_servicios #tax_desarrollo .row{ flex-direction:column-reverse; padding-top: 0px} #taxonomy_servicios #tax_desarrollo .row figure{ margin-bottom: 0!important} #cta_blog .cont_at .col-5{ transform: translateY(60px)} #cta_blog .cont_at h3{ line-height: 25px} #cta_blog #img_izq img {transform: translateY(65px) scale(1.15);transform-origin: 68px;margin-bottom: -55px;} #cta_blog #img_derc img {transform: translateY(142px) scale(1.05);margin-top: -45px;} } @media (max-width: 767px){ #migas_pan i {line-height: 10px;font-size: 18px;width: 10px;height: 10px;} #migas_pan span, #migas_pan span a{ line-height: 22px!important; font-size: 12px!important } #migas_pan{text-align: center;margin-bottom: 0px} #cont_migas .cont_at{ width: 100%; padding-bottom: 5px} #list_services header{transform: translateX(0%)} #list_services header h3 span{ font-size: 22px; text-align: center} .grecaptcha-badge{ display: none!important} .col_mb,.form_at form [class*='col-'],#list_services [class*='col-'],#banner_top [class*='col-'],#page_about [class*='col-'],#content_footer [class*='col-'],#list_blog [class*='col-'],#portafolio_ATM [class*='col-'],#bog_ATM [class*='col-'],.text_seo_archive [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} #list_postafolio [class*='col-'],#bog_ATM [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} #portafolio_ATM .blog_porta a.btn_rocket,#bog_ATM a.btn_rocket{ left: 0} #cont_hide.menu_inactive #cont_page{transform: translateX(0%);transition: all 400ms ease-out;overflow: hidden} #cont_hide.menu_active #cont_page{transform: translateX(90%)!important;transition: all 400ms ease-out; opacity: 1} #access{ background: #fff; overflow: hidden;width: 100%; position: fixed; z-index: 9999; height: 100%; top: 0; left: 0%;transform: translateX(-100%);transition: all 200ms ease-out;} #content_header{background: rgba(4,7,0,1)!important; z-index: 9999} #logo {width: 125px} #logo #logo_at .st0{fill:inherit!important;} #logo #logo_at .st1{fill:inherit!important;} #access .contacto_home .cont_at{ width: 90%; padding-bottom: 55px} #access a, .btn_menu{ font-size: 20px!important; line-height: 24px!important} #access_left{padding: 55px 15px 0 0} #content_header{ width: 100%; top: 0!important; box-shadow: 0px 0px 10px rgba(0,0,0,25%)} #menu_text .rocket_btn{} #banner_top{padding-top: 15px} #banner_top h1,#banner_top h2,#banner_top h3{ text-align: center;font-size: 25px; line-height: 25px;text-shadow: 1px 2px 3px #040700} #banner_top h1 span,#banner_top h2 span,#banner_top h3 span{ font-size: 25px; display:block; color: #fff} #slider_home{position: relative; overflow: hidden; height: 80vh!important; padding-top: 70px} #slider_home .container{padding: 0 5px} #slider_home .cont_at {display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: center;align-content: flex-end; padding-bottom: 15px;flex-direction: column-reverse} #slider_home .entry_slider{ width: 100%; margin-bottom: 10px; height: auto;transform: translateY(0%)!important;} .linea_silider a.ancla_top {transition: all 300ms ease-out;transform: scale(0.8);} .linea_silider a.ancla_top:hover {transition: all 300ms ease-out;transform: scale(0.8);} #slider_home .entry_slider h3{ font-size: 25px; line-height: 30px; margin-bottom: 5px} .linea_silider h1 {color: #fff;text-transform: uppercase;font-size: 20px;position: absolute;left: 21%;bottom: 0px;z-index: 700;right: 0;} .astro_slider img {width: 70%;transform: translate(0px, 20px);} .linea_silider {left: 10px;bottom: 5px;width: 100%;} .astro_slider {left: inherit;right:inherit;bottom: inherit;display: table;width: 100%;z-index: 91; text-align: center} #slider_home #btn_slider{ justify-content: center;display: flex;align-items: center;align-content: center; margin-top: 15px; flex-wrap: wrap;} #slider_home #btn_slider h2 { width: calc(50.0% - 5px); margin: 0 2.5px 5px 2.5px;} #slider_home #btn_slider h2 a{ font-size: 14px;line-height: 13px; padding: 5px!important;} #slider_home .entry_slider p span{ font-size: 22px; line-height: 22px} #tax_marketing {} #tax_marketing .summary_service {} #tax_marketing figure{ margin-bottom: 0px!important text-align: right} #tax_marketing figure .img_mkt{width: 100%} #tax_desarrollo .row,#tax_brand .row{flex-direction:column-reverse} #list_services #tax_brand .summary_service {transform: translateY(0px);} #tax_desarrollo figure, #bg_video_home figure{ margin-bottom: 0!Important} .list_serv_tax .item_serv{} #content_serv_text{ margin-bottom: 0!important} #list_services header h3 {text-align: center !important;} .service_7 #lista_ATM, #lista_ATM article.item_2,#lista_ATM {transform: translateY(0%);} #lista_ATM article{ width: calc(100% - 0px); margin: 0 0 20px 0} .header_tax h1{ display: flex;} .header_tax h1 span{ font-size: 40px!important} .header_tax h1 span.title_1{ margin-right:10px} #portafolio_ATM .blog_porta {padding-top: 55px;transform: translateX(0); width: 100%} #tax_desarrollo .summary_service h2 span.title_2{ margin: 0 auto} #tax_desarrollo figure img,#tax_marketing figure img{transform: translate(0)} #list_services h3.title_leyenda{ display: flex; width: 100%; align-items: center; flex-direction: column; justify-content: center; flex-wrap: wrap} #list_services .summary_service a.btn_rocket{ left: 0!important} #list_services .summary_service{ align-items: center} #tax_desarrollo{} #tax_desarrollo .summary_service .btn_rocket{margin-bottom: 0} #tax_desarrollo .summary_service {transform: translateY(0%) translateX(0%); align-items: center} #taxonomy_servicios.service_7 .list_serv_tax .item_3, .service_7 .list_serv_tax .item_4{transform: translate(0)} #marketing_home figure.text_mkt {width: 100%;transform-origin: center bottom;transform: scale(1.15) translate(00%, 0%);} .list_serv_home.cont_at{padding: 0!important; margin-top: 30px} #marketing_home figure.text_mkt img{ width: 80%; margin: 0 auto 35px auto; display: table} #form_paquetes{padding-top: 15px} #list_services #tax_brand .summary_service{padding: 0!important} .list_serv_tax,#serv_left{margin: 0} #content_footer .separador,#row_tax .separador{ display: none} .contacto_home .header_section .title_space{ font-size: 35px} #foo_left{margin-top: 40px} #foo_right .foo_at{margin: 40px 0 0 0!important} #foo_left #contacto{margin: 0!important} #foo_left #contacto header{text-align: center!important} #foo_left #contacto .container-fluid{padding: 0!important} #page_about .entry_about{padding: 0!important} #page_about .separador{ display: none} #page_about #banner_top{height: auto} #page_about #about_top{padding-top: 0} #logo_foo{width: 230px; margin: 0 auto 20px auto; display: table} #c_brand .item_c {margin-bottom: 10px;padding: 0!important;} #list_services .servicio .title_section{text-align: center!important; font-size: 35px; width: 100%} #content_footer {padding-bottom: 50px;} .acordeon_serv{ height:auto;flex-direction: column} .acordeon_serv .item_acord{ width: 100%; height: 55px} .acordeon_serv .item_acord.activo{ width: 100%; height: 290px} .acordeon_serv .item_acord h2{ width: 100%; height: 30px; font-size: 15px; left: 0px} .acordeon_serv .item_acord h2 span{ transform: rotate(0)!Important} .acordeon_serv .item_acord .summary_acord{padding: 10px} .acordeon_serv .item_acord .txt_summary{ width: 100%} #taxonomy_servicios #banner_top{ padding-top: 30px; padding-bottom: 30px} #migas_pan,#taxonomy_servicios .summary_service{ justify-content: center; align-items: center} #taxonomy_servicios .header_tax{padding: 30px 0 10px 0} #taxonomy_servicios .header_tax,#taxonomy_servicios .header_tax span{ text-align: center} #taxonomy_servicios .summary_service h4.font_poppins{ font-size: 18px; text-align: center} #list_services .servicio .title_section span{ text-align: center} #list_services .summary_service h3.title_leyenda, #list_services .summary_service h3.title_leyenda span, #list_services .summary_service h3.title_leyenda b{ font-size: 22px; width: 100%; text-align: center}985 #banner_popUp .text_mkt{ width: 75%; margin: 0 auto 15px auto!important; display: table;} #cerrar_PopUp{ top: 15px} #banner_popUp .cont_at {width: 95%} #banner_popUp .form_at textarea{ max-height: 50px; height: 50px} #porta_list{ transform: translateY(0%)} #bog_ATM #blog_left,#bog_ATM #blog_right,.col_foo,#project_ATM #list_postafolio article{ width: 100%;!important } #project_ATM #list_postafolio article,.text_seo_archive .row_at .col_text_seo{ width: 100%!important} #portafolio_ATM #porta_list{ width: 100%!important; transform: translate(0)!important} #portafolio_ATM .item_1,#portafolio_ATM .item_2{ transform: translate(0)!important} #porta_list .cont_at article,#taxonomy_servicios #banner_top .banner_left, #taxonomy_servicios #banner_top .banner_right{ width: 100%!important} #portafolio_ATM .item_2{ transform: translateX(0px); } #portafolio_ATM{padding: 0px 0 45px 0!important} #portafolio_ATM .item_project {width: 100%;margin: 10px auto;} #portafolio_ATM .blog_porta .summary{ width: 100%; margin: 0 0 35px 0} #portafolio_ATM .item_project h3 {font-size: 16px;line-height: 17px;transform: translate(-12%, 23px);width: 300px;color: #fff;} #portafolio_ATM .blog_porta{ align-items: center} #portafolio_ATM .title_section{text-transform: uppercase;font-size: 25px; text-align: center;line-height: 50px; margin-bottom: 10px; line-height: 35px; font-weight: 700} #portafolio_ATM .title_section .title_1{ display: block;color: #fff!important; font-size: 25px!Important; line-height: 30px; margin-bottom: 10px} #bog_ATM .blog_header p{ margin: 10px 0!important} #bog_ATM .blog_header{ align-items: center; margin-bottom: 35px} #bog_ATM .blog_header h4{text-align: center} #portafolio_ATM .title_section .title_2{ color: #f5921e!important;font-weight: 600; display: block; text-align: center; font-size: 35px} #portafolio_ATM .blog_porta p{ margin: 10px 0!important} #pagina_error{ height: 95%;overflow: hidden} #pagina_error #slider_home .entry_slider{transform: translate(-19%,95%)!important} #pagina_error .astro_slider{ width: 70%; transform: translate(40%,13%)} #pagina_error h1 {font-size: 40px; line-height: 40px; bottom: 20px;left: 15%; } #pagina_error h6{ font-family: "Lobster Two", sans-serif !important; font-size: 65px; line-height: 35px;color: #f5921e} #pagina_error h5{ color: #fff; display: flex; align-items: center} #pagina_error h5 span{font-size: 130px; font-family: 'Poppins', sans-serif !important; font-weight: 700; color: #f5921e} #pagina_error h3{text-transform: uppercase} #pagina_error h5 span:first-child{ transform: translateX(35px)} #pagina_error h5 span:last-child{transform: translateX(-35px); position: relative; z-index: -1} #pagina_error h5 i{ width: 120px;} #pagina_error h5 i img{ width: 100%;} #pagina_error a.btn_at{ padding: 10px !important; width: 55%!important; transform: translateX(-10%)} #menu_foo ul { flex-wrap: wrap} #menu_foo ul li{ width: calc(50% - 10px); margin: 0px 5px 5px 5px} #menu_foo ul li a{ display: block; text-align: center; padding: 5px; background: #040700; color: #fff!important; border-radius: 5px; display: flex; align-items: center; justify-content: center; min-height: 40px} .text_header {width: 95%!important;display: table;margin: 15px 10px!important;} #project_intro{ padding-top: 55px} .#project_intro h1{ font-size:30px } #cta_blog{ height: 275px; margin: 0 0 25px 0} #cta_blog .cont_at .col-5{ transform: translateY(60px);-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;} #cta_blog .cont_at h3{ font-size: 24px; line-height: 25px} #cta_blog #img_izq img{transform: translateY(93px) scale(1.50);transform-origin: 20px; } #cta_blog #img_derc{ display: none} #taxonomy_servicios #lista_ATM{transform: translate(0)!important} #comentarios_Goo.cont_at{ width: 95%!important} article.single_blog table tr th{ padding: 10px 5px; font-size: 13px} .text_seo_archive{ margin-top: 55px} #ATM_about.about_home .summary_about {padding:0 !important;} #ATM_about.about_home:after{bottom: 2px; height: 51.5%} .summary_about .row > [class*='col-'] { padding-right:0; padding-left:0;} #ATM_about.about_home .summary_about li a{display: table!important; margin: 10px auto!important; padding: 5px 15px!important; font-size: 15px!important; text-transform: uppercase} #ATM_about.about_home .summary_about h2 span{text-align: center; font-size: 20px!important; line-height: 30px!important} #bog_ATM .blog_header h3.sub_title_blog {margin-right: 0;font-weight: 600;margin-bottom: 10px;font-size: 25px;text-align: center;} #cont_menu{ padding-bottom: 75px} #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; margin-right: 10px} #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 } #datos_AT,#anchor_text{ text-align: center} #datos_AT ul{ justify-content: center;align-items: center;} #menu_foo h3{ text-transform: uppercase; margin-bottom: 10px!important} .ctn_cto_header.btn_at span{ display: none} .ctn_cto_header.btn_at i{ margin-left: 0!important} .service_7 .last_item ul.btn_list{ width: 100%!important} .service_7 #lista_ATM .last_item{ width: 100%!important; margin: 0!important} #menu_text span.text_menu{ display: none!important} #menu_text div{ margin-left: 0px} #content_serv_text .cont_at{ padding: 0!important} .cta_servicios h3,.cta_servicios h4{ width: 100%;padding: 0 10px} #tax_marketing .summary_service, #tax_desarrollo .summary_service{ padding: 25px 10px} #datos_AT li{ font-size: 11px} .service_7 #tax_marketing .summary_service p, .service_7 #tax_marketing .summary_service h3.title_leyenda, .service_7 #tax_marketing .title_section .title_2 { color: #040700 !important;} #tecnologias_ATM ul { justify-content: center} #tecnologias_ATM ul li{ width: calc(100% / 2); margin-bottom: 20px} #archive_pack #banner_top .cont_at{ flex-direction: column; padding-top: 30px} #list_pack .item_pack{width: calc(100% / 1); margin: 0px 0 30px 0;} #archive_pack #banner_top{height: auto; padding-top: 0px; } #archive_pack #banner_top h1{ text-shadow: none!important} #archive_pack #banner_top h1 span, #archive_pack #banner_top h1 b{ font-size: 23px!important; line-height: 23px; display: block; text-align: center} #archive_pack #banner_top #migas_pan, #archive_pack #banner_top #migas_pan span, #archive_pack #banner_top #migas_pan a{ color: #040700!important; text-shadow: none!important} #archive_pack #banner_top h1 b{} #list_pack .cont_at{ width: 100%; padding-top: 35px} .dest_pack{ transform: scale(1.0)!important; top: 0px!important} .more_buy{ left: -12px; width: 70px} #archive_pack #banner_top .top_left{ width: 100%!important} #intro_summary{ width: calc(100%)!important} #info_pack,.post_pack_web #cont_pack_web.cont_at{ width: 100%!important; padding: 0!important} .cont_const,.formulario_CTZ { width: calc(100%)!important} .services-list{ width: 100%!important; } #cont_pakced{ width: calc(100%)!important; padding: 0!important;} #paquete-constructor{ padding: 0 0 0 0!important; text-align: center!important} .post_pack_web #banner_top{height: 120px} .post_pack_web #banner_top .cont_at{padding-top: 0} .cont_filtros {width: calc(100%);padding: 30px 10px;} #filtros_sites label{ font-weight: 500; text-align: center; font-size: 15px} .service-item { width: calc(100% / 3 - 5px);} .service-item strong{line-height: 9px; text-align: center; display: block} .service-item .btn-agregar-movil{ font-size: 9px} .formulario_CTZ, .cont_const{ margin-top: 0px} #form-cotizacion{ padding:30px 10px 0px 10px} .package-zone{ margin: 0px 10px 5px 10px} #cont_pakced h3{ padding: 0px 10px; font-size: 20px} #serv_home .cont_at{ padding: 0!important} #serv_home .row_at{ flex-direction: column-reverse} #serv_home .row_at article{width: 100%; padding: 0px 0px} #serv_home .row_at article .summary_service{ align-items: center; padding: 35px 10px!important} #serv_home #ATM_dello{position: relative;background: url(https://www.atmagenciadigital.com/wp-content/uploads/2025/09/bg_section.webp); background-size: cover!important;} #serv_home .row_at article h2{ text-align: center; font-size: 30px; line-height: 35px; margin: 0 auto} #serv_home .row_at article h2 span{ display: block; text-align: center;} #serv_home:after{ display: none} #serv_home .row_at article h3{ font-size: 24px} #datos_AT li:nth-child(3), #datos_AT li:nth-child(4){ width: 100%!important;justify-content: center;} .title_paquete{ text-align: center; text-transform: uppercase; margin: 60px 0 40px 0; font-size: 45px; line-height: 50px; font-weight: bold; font-family: 'Poppins', sans-serif !important} .title_paquete span,.title_paquete b{ display: block; text-align:center} .title_paquete span{ font-size: 35px; line-height: 35px; letter-spacing: 6px} .title_paquete span.title_1{ font-size: 20px; line-height: 20px} .title_paquete span.title_2{ font-size: 22px; line-height: 22px} .title_paquete b{ font-size: 25px; line-height: 25px } .title_paquete b i{ width: 35px; margin: 0 5px} .item_pack .cont_card h3{ font-size: 16px; line-height: 19px; margin-bottom: 20px!important} .item_pack .cont_card p.price_pack{ } #text_SEO_pack{ margin-bottom: 0!important} #text_SEO_pack .cont_at{ padding: 0!important} #text_SEO_pack .summary{width: calc(100% / 1);position: relative; padding: 40px 10px} #text_SEO_pack #summary_right .cta_pkd h3,#text_SEO_pack #summary_right .cta_pkd p, #text_SEO_pack #summary_left .cta_pkd p{ padding: 0!important} #list_pack.lista_home{ padding-bottom: 0px} .col_6 { width: 100%;} #lista_ATM article.post_serv:nth-child(odd) .cont_serv,.banner_right,#lista_ATM article.post_serv:nth-child(even) .cont_serv{ padding: 0 10px!important} }