/*
Theme Name: Asto

Theme URI: Seoconsultingperu.com
Author: Seo Consulting 
Author URI: 
Description: Plantilla PREMIUN Seo Consulting

*/


*{padding: 0; margin: 0;}
body{--color1: #e2331d; --color2: #eedb2a; --color3: #fff; --font1:"Poppins", sans-serif; --font2: "Raleway", sans-serif;  }
.container{width: 1220px; margin: 0 auto;}
.row{display: flex; justify-content: space-between;} .direction{flex-direction: row-reverse;}
.padded{padding: 100px 0px;}
.grid_5{display: grid; grid-template-columns: repeat(5, 3fr); grid-column-gap: 0px;}
.grid_4{display: grid; grid-template-columns: repeat(4, 3fr); grid-column-gap: 30px; grid-row-gap: 30px;}
.grid_3{display: grid; grid-template-columns: repeat(3, 3fr); grid-column-gap: 30px; grid-row-gap: 30px;}
.grid_2{display: grid; grid-template-columns: repeat(2, 3fr);}
.row-center{display: flex; align-items: center; justify-content: space-between;}
#icoNav_movil{background: var(--color3); width: 51px; height: 51px; border-radius: 50%; padding: 18px 15px;  box-sizing: border-box; margin-left: 10px; display: none;}
.movil{display: none;}
#icoNav_movil ul li {width: 100%;height: 2px;background: var(--color1);display: block;margin-bottom: 4px;transition: all 0.5s ease-in-out;}
.closeNav ul li:nth-child(1){opacity:0;}
.closeNav ul li:nth-child(2){transform:rotate(45deg);margin-bottom:-2px !important;}
.closeNav ul li:nth-child(3){transform:rotate(-45deg);}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-family: var(--font1);}
a,p,span,li,div{font-family: var(--font2);}
header{width: 100%; position: absolute; top: 0; left: 0; z-index: 222;}


.modal-open{overflow-x: hidden;overflow-y: auto;}
.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 122299;display: none;overflow: hidden;-webkit-overflow-scrolling: touch; outline: 0; background: rgba(0,0,0,.2); width: 100vw;}
.modal{ opacity: 0; transition: all 0.9s;}.modal.in{  opacity: 1;}
.modal-content{width: 500px; max-width: 100%;    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(7px);padding: 20px 20%; margin: 50px auto; text-align: center; border-radius: 34px; box-sizing: border-box;}
.modal-content .close{background: var(--color4); color: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px; 
border-radius: 50%; border: inherit; position: absolute; right: 3%;}
.modal .logo{display: block; width: 50%; margin: 20px auto;}

.section{max-height: 100%; box-sizing: border-box;}

.fp-watermark{display: none !important; position: fixed; bottom: -100px;}


.features h3{
    font: 23px var(--font1);
    font-weight: 700;
    margin-bottom: 12px;
    color: #212529;
}
.features p{
    font: 15px var(--font2);
    color: #666;
    line-height: 1.8;
}
.features article{
    padding: 41px 25px; border-radius: 15px;
}
.features article:nth-child(1){background: #f2f2f2;}
.features article:nth-child(2){background: var(--color2);}
.features article:nth-child(2) p{color: #fff;}.features article:nth-child(2) h3{color: #fff;}
.features article:nth-child(3) p{color: #fff;}.features article:nth-child(3) h3{color: #fff;}
.features article:nth-child(3){background: var(--color1);}


.nosotros2 h3.title{
    font-family: var(--font2);
    font-size: 75px;
    font-weight: 700;
    color: var(--color1);
    position: relative;
    margin: 15px 0px 22px 0px;
    z-index: 222;
}
.nosotros2 h3.title strong{font-family: var(--font1); font-size: 20px;}
.nosotros2 a.phone{font: 46px var(--font2); color: var(--color1); font-weight: 700;}
.nosotros2 a.btn{display: inline-block; margin-top: 20px;}
.nosotros2 h3.title::before{
    content: "";
    display: block;
    background: var(--color3);
    width: 40px;
    height: 40px;
    position: absolute;
    left: -10px;
    top: -10px;
    z-index: -1;
}

.tabs_links{ width: 100%; margin: 0 auto; max-width: 100%; margin-bottom: 30px;}
.tabs_item{ width:100%;     background: #f2f2f2;
    color: #353535;
    cursor: pointer;
    display: inline-block;
    transition: all 0.8s;
    padding: 17px 19px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    font-family: var(--font1);
 border-right: 1px solid #fff;}
.tabs_item img{width: 80px; filter: opacity(66%);}
.tabs_item h2{font-size: 13px; font-weight: 400;}.tabs_item.active img{filter: opacity(100%);}
.panels{position: relative; width: 100%;min-height: auto;margin: 0 auto; transition: all 0.5s ease-in-out;}
.tabs-container{margin-top: 30px; height: auto !important;}
.panel-item{position: absolute; top: 0;left: 0; width: 100%; height: 100%;opacity: 0.0; transition: all 0.8s; }
.active{z-index: 100;  opacity: 1; position:static;}
a.active{ background: #f2f2f2;  color: #000; position: relative; box-shadow: 0px 0px 0px transparent;}
a.active::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: var(--color3);}


.txt-nos p{
    font: 16px var(--font2);
    margin-bottom: 30px;
    color: #7b7b7b;    line-height: 30px;
}
.txt-nos li{
    list-style: none;
    font: 12px var(--font2);
    margin: 8px;
    color: #7b7b7b;
}

.features span{
    display: inline-block;
    max-width: 70%;
}
.features{padding: 40px 0px;position: relative;}



.entry{background: linear-gradient(90deg,rgba(226, 51, 29, 1) 0%, rgba(118, 51, 29, 1) 100%); text-align: center; border-radius: 0px 0px 40px 40px;}
.entry p{font: 15px var(--font1); color: #fff; display: inline-block; line-height: 42px;} 
.entry a{font: 15px var(--font1); color: #000; display: inline-block; background: #eedb2a; display: inline-block; margin-left: 15px; border-radius: 30px; padding: 1px 15px;} 


.nav_menu ul li{display: inline-block;}
.nav_menu ul li a{display: block; font-size: 15px;color: #ffffff;padding: 10px 15px; font-weight: 700; text-transform: uppercase; text-shadow: 1px 2px 5px #000000;}
.nav_menu ul li.current-menu-item a{background: var(--color1); border-radius: 20px; color: var(--color2);}

a.btn{padding: 13px 26px; border: 2px solid #fff; border-radius: 30px; font-size: 15px; color: #fff; font-weight: 600; background: #96331d;}

.slider{width: 100%; min-height: 100vh; background: url(http://fideplast.com/wp-content/uploads/2025/07/ASTO.webp); background-size: cover; padding: 170px 0px 0px 0px; box-sizing: border-box;}
.slider .row-center{overflow: hidden;}
.txt-slider{width: 50%;}
.txt-slider h3, .txt-slider p{color: #606060; font-size: 17.7px; font-weight: 500; }
.txt-slider h1{color: var(--color1); font-size: 78px; font-weight: 800; line-height: 64px; margin-bottom: 30px}
.txt-slider a.btn{background: linear-gradient(90deg,rgba(226, 51, 29, 1) 0%, rgba(118, 51, 29, 1) 100%); display: inline-block; color: #fff; margin-top: 20px;}

.nosotros{padding: 0px 0px;}
.thumb-nosotros{width: 45%;}
.box-about{width: 100%; overflow: hidden; height: 490px; border-radius: 46px;}
.box-about img{width: 100%; height: 100%; object-fit: cover; object-position: center;}


.thumb-nos img{
    width: 100%;
}
.nos-int{
    padding: 30px;
    background: #0b2f50d9;
    position: absolute;
    top: 20%;
    right: 0px;
    display: none;
    z-index: 2;
}
.nosotros2{
    box-sizing: border-box;
    max-width: 1360px;
    margin: 0 auto;
    padding: 50px 0px 70px;
}
.thumb-nos p{
    padding: 10px;
    border-bottom: 2px solid #ffffff94;
    font-size: 16px;
    font-family: var(--font2);
    line-height: 40px;
    color: rgba(255, 255, 255, 0.8);
}
.thumb-nos p:nth-child(1){
    padding-top: 0px;
}

.thumb-nos p strong{
    font-size: 25px;
    font-weight: 700;
    color: #fff;
}

.txt-nos{
    max-width: 771px;
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;
}
.thumb-nos{width: 39%;}

.txt-nosotros{width: 50%}
.txt-nosotros h4{font-size: 27px;}
h5.cite{padding: 20px; background: var(--color2); border-radius: 20px; font-weight: 400; margin: 10px 0px; color: #fff;}
.txt-nosotros ul{display: grid; grid-template-columns: repeat(2, 3fr); padding: 10px 0px;}
.txt-nosotros ul li{font: 17px var(--font1);list-style: none;}
.txt-nosotros ul li i{color: var(--color1); font-size: 23px;}.txt-nosotros ul li a{color: #606060; line-height: 40px;}

.nosotros center{width: 890px; margin: 0 auto; max-width: 100%; padding-bottom: 30px;}
.nosotros center h3{font-size: 15px; color: #606060;}
.nosotros center h4{font: 600 21px var(--font1); color: var(--color1); padding: 0px 0px 17px;}
.nosotros center p{font: 15px var(--font1); color: #606060;}


.productos{background: url(img/fondo.jpg); background-color: #fff; background-size: 100% auto;background-position: center; background-repeat: no-repeat;}
.productos center{max-width: 520px; margin: 0 auto; padding-bottom: 89px;}
.productos center h4{font: 700 49px var(--font1);}
.productos center p{font: 400 17px var(--font1); color: #606060;}

.productos .owl-services .owl-item{ transition: all 0.4s; transform: scale(1); padding: 40px 0px;}
.productos .owl-services .center{transform: scale(1.4); }

.owl-dots{text-align: center;}
.owl-dot{background: var(--color2) !important; width: 20px; height: 10px; margin: 0px 5px; transition: all 0.4s ease-in-out;}
.owl-dot.active{height: 30px;}
.owl-dots{height: 50px;}

.map iframe{width: 100%; height: 300px;}

footer{background: var(--color1); border-top: 5px solid var(--color2);}
footer h4{font: 800 16px var(--font1); color: #fff; padding-bottom: 31px;}
footer li a{font: 14px var(--font1); color: #fff; padding-bottom: 14.68px; margin-bottom: 14.68px; border-bottom: 0.25px dashed #6b6b6b; display: block;
width: 100%;}footer li{list-style: none;}
footer .redes a{color: #fff; font-size: 30px;}footer .redes{margin-top: 35.68px;}
footer .redes h4{padding-bottom: 16px;}
footer .f2, footer .f3, footer .f4{padding-top: 55px;}
.f1{width: 421px;  height: 309px; padding: 45px 60px; background: url(img/fot1.svg); box-sizing: border-box;background-size: 100%; margin-top: -1px;}
.f1 img{margin-bottom: 30px; display: block;}.f1 p{font: 14px var(--font1); color: #fff; line-height: 24px;}

.clientes h3.title{padding-bottom: 20px;}

.blog{padding: 80px 0px; background: #f2f2f2;}
.thumb-blog{width: 269px; height: 273px; border-radius: 15px; overflow: hidden;}
.thumb-blog img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.txt-blog{width: 277px;}.txt-blog h2{font: 700 18px var(--font2); color: #606060;}
.txt-blog p{color: #595959; font: 15px var(--font1); text-align: justify; padding: 20px 0px;}
.blog .grid_2{grid-column-gap: 25px; grid-row-gap: 40px;}
.blog .row-center{padding-bottom: 30px;}
.txt-blog a{color: var(--color1);}
h3.title{font: 600 42px var(--font1); color: var(--color1);}



.page-serv{
    padding: 70px 0px;
}
.page-serv article{
    width: 780px;
    max-width: 100%;
}
.page-serv article img{
    width: 100%;
}
.thumb-page{
    width: 100%;
    max-height: 424px;
    height: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
}
.page-serv article h1{
    margin: 35px 0px 25px;
    font: 40px var(--font1);
    font-weight: 400;
    color: #242424;
}
.page-serv article p, .page-serv article li{
    font: 16px var(--font2);
    line-height: 34px;
    margin-bottom: 20px;
    color: #686a6f;
    list-style: none;
}
.page-serv article li{
	margin-bottom: 0px !important;	
	line-height: 30px;
}
.page-serv article li::before{
	    content: "\F0054";
    font-family: "Material Design Icons";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
   	margin-right: 5px;
    line-height: 30px;
    color: var(--color2);
}
li.blocks-gallery-item::before{
	display: none !important;
}
li.blocks-gallery-item figure{
	margin-bottom: 20px !important;
}
.page-serv h2, .page-serv h3, .page-serv h4, .page-serv h5, .page-serv h6{
    font-family: var(--font1);
    color: #000;
}
.page-serv .blocks-gallery-item figure{
    overflow: hidden;
    border-radius: 7px;
}


.page-serv aside{
    width: 370px;
    max-width: 100%;
    margin-left: 30px;
}
.serv-list{
    padding: 45px;
    box-sizing: border-box;
    background: #f4f5f8;
    border-radius: 7px;
    margin-bottom: 30px;
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption{
    box-sizing: border-box;
}
.dark{
    background: #222429;
}
.serv-list .current_page_item a{
    background: #fff;
    border-radius: 7px;
}
.serv-list h4{
    margin-bottom: 2px;
    font: 24px var(--font1)
}
.dark h4{
    color: #fff;
}
.serv-list a{
    line-height: 48px;
    display: block;
    padding: 0px 20px;
    margin-left: -20px;
    color: #686a6f;
    box-sizing: border-box;
    position: relative;
    transition: all 0.4s ease-in-out;
    margin-bottom: 5px;
}
.serv-list a::before{
    content: "";
    display: inline-block;
    width: 2px;
    background: var(--color1);
    height: 0px;
    left: 0px;
    top: 12px;
    position: absolute;
    transition: all 0.4s ease-in-out;
}
.serv-list .current_page_item a::before{
    height: 25px;
}
.serv-list a::after{
    content: "\F0054";
    font-family: "Material Design Icons";
    position: absolute;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    right: 20px;
    line-height: 48px;
    color: var(--color2);
}
.serv-list a:hover{
    border-radius: 7px;
    background: #fff;
    color: #000;
}
.serv-list a:hover::before{
    display: inline-block;
    height: 25px;
    transition: all 0.4s ease-in-out;
}
.serv-list p{
    font: 14px var(--font2);
    line-height: 29px;
    color: #666;
    margin: 20px 0px;
}
.serv-list.dark a{
    color: #fff;
    background: transparent;
    padding: 0px;
    margin-left: 0px;
    font: 20px var(--font1);
}
.serv-list.dark a::before, .serv-list.dark a::after{
    display: none !important;
}

.serv-list.dark a i{
    color: var(--color2);
}
form br{
	display: none;
}


.fix-btn {
    background: rgb(1, 172, 7);
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    border-radius: 30px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
	z-index: 1023;
	animation: pulse5 1s infinite;
}
@keyframes pulse5{
	0%{
		transform: scale(.99);
		box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
	}
	70%{
		transform: scale(1);
		box-shadow: 0 0 0 25px rgba(0,0,0,0.0);
	}
	100%{
		transform: scale(.99);
		box-shadow: 0 0 0 0 rgba(0,0,0,0.0);
	}
}



.single{    padding: 166px 0px 48px;
    text-align: center;
    background: #f2f2f2;}
.prod{ padding: 10px;}
.thumb-prod{background: #fff; overflow: hidden; width: 100%; height: 280px;}
.thumb-prod img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.loop-product{width: 950px; margin: 0 auto; max-width: 100%;}
.txt-prod{padding: 15px; text-align: center;}
.txt-prod h2{color: var(--color1);}.txt-prod p{font-size: 13px; color: #666;}
.txt-prod a{padding: 7px 26px; display: inline-block; margin-top: 15px;}


.txt-indic{background: linear-gradient(90deg,rgba(226, 51, 29, 1) 0%, rgba(118, 51, 29, 1) 100%); background-size: cover; width: 50%; box-sizing: border-box; padding: 100px 5%;}
.thumb-indic{width: 50%;}
.txt-indic h5{    -webkit-text-stroke-color: rgba(238, 255, 0, 0.804);
    stroke: rgba(238, 255, 0, 0.804);
    letter-spacing: 4.6px;
    color: #fff;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    text-transform: uppercase;}

.txt-indic h3, .txt-indic p, .txt-indic h3 strong{color: #fff;}
.txt-indic h3.title{font-size: 35px; padding-bottom: 30px;}
.txt-indic .row-center{justify-content: start; padding-bottom: 40px;}
.txt-indic span{padding-left: 20px; display: inline-block;}
.txt-indic .row-center h3{font-size: 20px;}.txt-indic p{font-size: 17px;}

.thumb-page a{width: 100%; border-radius: 20px; height: 380px; background-size: cover !important; background-position: center !important;}


.blog{padding: 80px 0px;}
.thumb-img img{display: block; width: 100%;}.blog .grid_3 h2{padding: 10px 0px; font-size: 17px;}
p.subtitle{
    font: 15px var(--font2);
    max-width: 60%;
    color: #7b7b7b;
}

.indic{text-align: center; padding: 50px 0px;}
.indic h6{
-webkit-text-stroke-color: rgba(41, 41, 41, 0.65);
stroke: rgba(234, 85, 1, 0.65);
letter-spacing: 1px;
color: rgba(2, 1, 1, 0);
-webkit-text-stroke-width: 2px;
stroke-width: 2px; font-size: 88px;
text-transform: uppercase;}
.indic p{font-size: 20px; font-weight: 400;}
.thumb-indic{background: url(img/indic.webp); background-size: cover; width: 50%; background-position: right; height: 100vh;}
.indicadores{border-radius: 50px;
     max-height: 100%;
}

.clientes{padding:10px 0px 0px;}
.cl{background: #f7f7f7; border-radius: 20px; padding: 24px 49px; box-sizing: border-box; height: 146px;}
.clientes .owl-dots{display: none;}

.test{padding: 20px 30px; background: #f2f2f2; border-radius: 20px;}
.test h4{color: #606060; font: 700 17px var(--font1); padding-top: 10px;}
.test cite{color: #606060; font: 400 13px var(--font1); line-height: 23px; padding-bottom: 10px;}
.testing{width: 100%;}


.logo-mov{display: none;}
.copy{padding-top: 40px; border-top: 0.25px dashed #6b6b6b; margin-top: 80px;}
.copy a{color: #fff; font: 14px var(--font1);}


@media only screen and (max-width: 1165px){
    .container{width: 900px;}
    .logo img{height: 70px;}
    .nav-menu ul li a{font-size: 14px;} 

    .txt-slider h1{font-size: 35px; line-height: 41px;}
    .thumb-slider img{width: 320px;}
     .blog .grid_2{grid-template-columns: repeat(1, 3fr);}.txt-blog{width: 62%; padding-left: 10%;}
      footer .row{display: grid; grid-template-columns: repeat(2, 3fr); grid-column-gap: 25px; grid-row-gap: 25px;}
	.slider{padding-top: 144px;}
}

@media only screen and (max-width: 910px){
    .container{width: 600px;}
    .movil{display: block;}
	.txt-nosotros ul li a{line-height: 30px;}
    .slider{background-position: left;}
    .menu_item i{font-size: 44px; color: var(--color1); margin-left: 15px;}
    .slider .container.cont-slider .row-center, .nosotros .row-center, .indicadores .row{display: block;}
    .txt-slider, .thumb-slider, .thumb-nosotros, .txt-nosotros, .thumb-indic{width: 100%; text-align: center;}
    .txt-indic{width: 100%;}
    .box-about{width: 70%; height: 350px; margin: 0 auto;}
    .txt-slider h1{font-size: 47px;}
	
    .txt-nosotros h4{font-size: 35px;}
    .txt-nosotros ul{text-align: left;}
    .productos .owl-services .center{transform: scale(1.8); padding: 70px 0px;}
    .thumb-indic{display: none;}.txt-indic{height: 100vh;}
    .test cite{font-size: 17px; line-height: 28px; padding-bottom: 30px;}
    .menu_movil{padding: 50px 0px;}
    .menu_movil li a{color: var(--color1); font-size: 19px; line-height: 39px; font-weight: 700;}
    .menu_movil li{list-style: none;}

    .cl{    padding: 18px 17px;
    box-sizing: border-box;
    height: 153px;}
   
 .f1{padding: 22px 35px; background-position: center; background-size: cover; width: 300px;}
    footer .f3, footer .f4{padding-top: 10px;}
    .targets{width: 100%;}
    .targets a{width: 30px; height: 30px; background: var(--color1); color: #fff; text-align: center; line-height: 30px; border-radius: 50%; margin: 0px 7px;}
	.grid_3{grid-template-columns: repeat(2, 3fr);}
    .nav_menu{display: none;}
    #icoNav_movil{display: block;margin-right: 10px;}
    .nav-menu{position: fixed; left: -100%; width: 61vw; height: 100vh; background: var(--color3); padding: 30px 40px;top: 0; transition: all 0.4s; overflow: scroll; z-index: 999;}
    .nav-menu ul li{display: block;}
 
}
@media only screen and (max-width: 610px){
    .container{width: 400px; max-width: 97%;} 
    .entry p, .entry a{font-size: 13px;}
	.nosotros{padding: 60px 0px;}
    .entry .row-center{display: block;}
    .productos center h4{font-size: 37px; padding-bottom: 15px;}
    .txt-slider h1{font-size: 32px; line-height: auto;}
    .nosotros center h4{font-size: 20px;}
	.slider .row-center{overflow: initial;}
	.grid_3{grid-template-columns: repeat(1, 3fr);}
    .blog .row{display: block;}
	.page-serv article h1{font-size: 20px;}
	.page-serv aside{margin-left: 0px;}
	.product-container .row, .page-serv .row{display: block;}
	.blog{padding: 20px 0px;}
	.nosotros2 .row-center{display: block;}
	.thumb-nos, .txt-nos, .page-serv article, .page-serv aside{width: 100%; display: block;}
	.nosotros2 h3.title{font-size: 44px;}
     footer .row{grid-template-columns: repeat(1, 3fr);}
     .blog .grid_2 article:last-child{display: none;}
     .blog .container .row-center{display: block; text-align: center;}
     .blog a.btn{display: block;
    margin-top: 24px;}
    .f1{width: 368px;}
    .txt-blog h2{margin-top: 30px;}
    
    .thumb-blog{width: 100%; height: 200px;}
    .txt-blog{width: 100%; height: auto; padding-left: 0px;}
    .box-about{ width: 93%; height: 259px;}.txt-nosotros h4{font-size: 26px;}
    .nosotros center p{display: none;}
    .txt-nosotros ul li a{font-size: 14px;}
   
}
@media only screen and (max-width: 410px){
    .cabecera .btn{display: none;}.logo img{height: 80px;}
}