@import url(fuentes.css);
@import url(reset.css);
body{margin:0;background:background: rgb(214, 214, 214);;font-family:Arial, Helvetica, sans-serif;text-decoration: none;width: 100%;}


h1 {
    line-height: .8em;
}

p {
    
}

body {
    background: #072b03;
}

@media (min-width: 1367px) and (max-width: 1920px) {

    
	#material {margin:0;background:#000000;font-family:Arial, Helvetica, sans-serif;text-decoration: none;width: 100%;}
	
	#contenedor {
		width:90%;
		margin:auto;
		text-align:center;
		background: rgb(214, 214, 214);
		}
			
		header{
			width:100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			align-items: none;
			/* background:#da0e0e; */
			margin: auto;
		}
	
		#logo-foremex{
			width: 60%;
			text-align:center;
			padding: 0em 0em;
			background-color: rgb(33, 44, 194);
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding-left: 1em;
		}
	
		#logo-foremex img{
			width:100%;
			text-align:center;
			padding: 0em 0em;
		}

		#logo-foremex a { 
			/* background-color: rgb(201, 172, 172); */
			/* border: 1px solid #000; */
			width: 100%;
		}
	
		#logo-foremex img{
			width:100%;
			padding: 0em 0em;
		}
	
		#contact{
			text-align:center;
			font-size:1em;
			width:60%; 
			padding-top:.5em; 
			padding-right:0em; 
			/* background:green; */
			margin-top: 0em; 
			margin-bottom: 0em; 
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			justify-content: flex-end;
			padding-right: 1em;
		}
	
		#contact p{
			font-family: Century-Gothic;	
			font-size: 1em;
			/* background-color: #d0e0d1; */
			margin: 0.5em 0em;
		}
	
		#whattsapp {
			background-color: #4daa50;
            transition: .5s;
			padding: 0em;
			width: 15%;
			margin: none;
			border-radius: 1em;
			/* border: 1px solid #1a58cc; */
			margin-bottom: 0em;
            margin-right: 0em;
            font-family: Century-Gothic;
            padding: 1em;
            font-size: 1.5em;
		}
	
		#whattsapp:hover {
			background-color: #0a1f03;
            transition: .5s;
			padding: 0em;
			width: 15%;
			margin: none;
			border-radius: 1em;
			border: 1px solid #ffffff;
			margin-bottom: 0em;
            margin-right: 0em;
            font-family: Century-Gothic;
            padding: 1em;
            font-size: 1.6em;
		}
	

			
		#whattsapp #button--whatsapp-index  {
			/* background-color: #4daa50; */
			text-decoration: none;
			display: block;
		}

		#whattsapp p {
			/* background-color: #4daa50; */
			color: white;
			padding: 0em;
			border-radius: 1.2em;
			font-weight:100;
			margin-bottom: 0em;
            margin: 0em;
            font-family: Century-Gothic;
		}
	
        #ctas {
            width: 90%;
            /* border: 1px solid #f70808; */
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0em 0em 0em 0em;
            margin-left: 3%;
        }

        #newinfo #iso {
            width: 10%;
            margin: 0em 1em 0em 0em; 
        }
	

        #iso2 {
            width: 10%;
            margin: 0em 0em 0em 0em; 
            /* background-color: red; */
        }
	

        #newinfo #iso {
            width: 10%;
            margin: 0em 1em 0em 0em; 
        }
	
		.bnav {
			/* background-color: red; */
			display:block;
            position: absolute;
            /* border: 1px solid #1054bb; */
		}
	
		.bnav-phone {
            background-color: rgba(0, 0, 0, .7);           
            width: 100%;
			display: flex;
			flex-direction: row;
			align-items: center;
            justify-content: space-around;
			margin: auto;
			margin-top: 0em;
			/* border-bottom: 1px solid #eb0f0f; */
		}
	
		.bnav-phone img {
            width: 50%;
            padding: 1em 0em;
            /* background-color: red; */
		}

		.bnav-phone #logo-header {
            /* background-color: rgba(216, 15, 15, 0.7);            */
            width: 30%;
			display: flex;
			flex-direction: row;
			align-items: flex-start;
            justify-content: flex-start;
			margin: auto;
			margin-top: 0em;
            margin: 0em;
			/* border-bottom: 1px solid #eb0f0f; */
		}
	
		.bnav-phone h2 {
			/* background-color: rgb(192, 221, 26); */
			margin-top: 0em;
			border-bottom: 1px solid #000;
			width: 60%;
			margin-bottom: .6em;
			display: none;
		}
	
		#menu {
			background-color: rgba(0, 0, 0, 0);
			/* border-bottom: 5px solid #ffffff; */
			width: 56%;
            margin: 0em;
            /* border: 1px solid #2b18db; */
		}
	
		ul {
			/* background-color: red; */
			/* border: 1px solid #67fc11; */
			width: 100%;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			margin: auto;
			align-items: center;
			justify-content: space-between;
			padding: 1em 0em;
		}
	
		li {
			/* background-color: rgb(221, 25, 162); */
			text-align: center;
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			font-size: 1.2em;
			margin: 0em 0em;
			/* border: 1px solid #d5d80c; */
			/* border-right: 1px solid #ffffff;
			border-left: 1px solid #ffffff; */
		}
	
		li a {
			background-color: none;
			width: 100%;
			margin: 0em 0em;
			text-decoration: none;
			padding: .8em;
			color: rgb(255, 255, 255);
			border-radius: 0em;
			font-weight: normal;
            /* background-color: red; */
		}
	
		li a:hover {
			background-color: white;
            transition: .5s;
			width: 100%;
			margin: 0em 0em;
			text-decoration: none;
			padding: .8em;
			color: rgb(0, 0, 0);
			border-radius: 0em;
			font-weight: bold;
		}

    #newbanner_heaad {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/banner4.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
        
    #newbanner_heaadlocations {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/location.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
        
    #newbanner_heaad-noindex {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-color: rgb(10, 81, 30);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    #capa {
        width: 100%;
        height: 90vh;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .0);
        display: flex;
        flex-direction: column;
        align-items:flex-start;
        /* border: 1px solid #f51414; */
        /* padding: 0em 0em 0em 1em; */
    }

    #newinfo {
        margin: 0;
        /* background: red;  */
        padding: 2em 0em 0em 0em;
        width: 70%;
        color: white;
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 1em;
        font-family: Arial, Helvetica, sans-serif;
        margin-left: 3%;

    }

    #certs {
        /* background-color: red; */
        width: 100%;
        display: none;
        flex-direction: row;
        align-items: center;
    }

    #certs2 {
        /* background-color: red; */
        width: 100%;
        display: none;
        flex-direction: row;
        align-items: center;
    }

    #certs img {
        width: 100%;
        margin-right: 1em;
        margin-bottom: 0em;

    }
    
    #newinfo #iso {
        width: 10%;
        margin: 0em 1em 0em 0em; 
    }
    
    #newinfo #gptw {
        width: 7%;
        margin: 0em; 
    }
    
    #newinfo img{
        width: 100%;
        /* background-color: pink; */
    }

    #newinfo3 {
        margin: 0;
        background: rgb(4, 31, 1);
        padding: 10em 0 10em 3%;
        width: 27%;
        height: 15.5em;
        color: white;
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 0em;
        font-family: Century-Gothic;
        font-size: 1.5em;
        line-height: 1.5em;
    }

    
    #newinfo3 p {
        font-family: Century-Gothic;
        width: 80%;
        /* background-color: #4799e6; */
    }

    #newinfo img{
        width: 30%;
        /* background-color: red; */
    }

    #newinfo3 img{
        width: 30%;
        /* background-color: red; */
    }

    #newinfo3 h1 {
        margin: 0px;
        font-size: 50px;
        font-family: "Archivo Black", sans-serif;
        color: #4daa50;
        line-height: 1.3em;
        text-align: left;
        width: 80%;
        margin-bottom: 0.3em;
        /* background-color: red; */
    }
    
    #newinfo h1 {
        margin: 0px;
        font-size: 5.5em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 80%;
    }
    
    #eso-index-2-rec {
         width: 55%;
        /* background: rgb(223, 6, 205); */
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        padding: 0em;
        /* position: absolute; */
        /* margin-left: 2.7em; */
    }

    #eso-index-2-rec img {
        width: 30%;
        /* background: rgb(34, 194, 13); */
        margin-bottom: 0em;
    }

    #esp-index-rec {
        width: 100%;
        background-image: url(/img/banner4-mid.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 50em;
    }
    
    #esp-index-rec h1 {
        margin: 0px;
        font-size: 7em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 100%;
        margin-left: 0em;
        margin-bottom: .2em;
    }

    #esp-index-rec #subtittle {
        margin: 0px;
        margin-bottom: 1em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 80%;
        color: white;
        margin-left: 0em;
    }

    #valuesrec {
        background: rgb(214, 214, 214);
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
        padding: 3em 0em;
        margin-bottom: 0em;
        /* border: 1px solid #000; */
        margin-left: 0%;
        box-shadow: rgba(0, 0, 0, 0.8) 0px 3px 8px;
    }
    
    #newinfocontact-rec {
        margin: 0;
        /* background-color: #0a531a; */
        padding: 0em 0 0 0;
        width: 35%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1em;
        font-family: Century-Gothic;
        line-height: 2.5em;
    }

		#formulario-rec {
			background-color: #084716;
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 70%;
			margin: auto;
            padding: 1em 0em;
            box-shadow: rgba(0, 0, 0, 0.8) 0px 3px 8px;
		}
	
		#formulario-rec .azul2 {
			color: #4daa50;
			text-align: center;
			/* background-color: red; */
			line-height: 1em;
			margin: 0.7em 0em 0.3em 0em;
			font-size: 2em;
			width: 50%;
		}
	
		#formulario-rec .txtlbl {
			font-size: 1em;
            font-weight: bold;
			width: 60%;
			color: rgb(255, 255, 255);
			line-height: 0em;
			margin-bottom: 0em;
		}
	
		#formulario-rec label {
			color: rgb(255, 255, 255);
			margin-bottom: 0em;
			font-size: 1em;
            margin: 0em;
		}
	
		#formulario-rec input {
			margin: 0em;
			height: 2.2em;
			width: 80%;
			text-align: center;
		}

        #formulario-rec .texto2 {
            margin-bottom: 1em;
            width: 80%;
        }
	
		#formulario-rec #boton2 {
			background-color: #4daa50;
			color: rgb(0, 0, 0);
			font-family: Century-Gothic;
			font-size: 1.3em;
			border-radius: 1.2em;
			margin-bottom: 0em;
			width: 40%;
			margin-top: 0em;
			height: 3em;
            margin: 0em;
		}
	
		#formulario-rec #boton2:hover {
			cursor: pointer;
			background-color: white;
			color: #4daa50;
			font-weight: bold;
		}
	
		#formulario-rec .nota {
			/* background: #c1950a; */
            margin: 1em;
            color: #ffffff;
		}
	
		#formulario-rec .nota a {
			font-size: 1.2em;
			background-color: none;
			margin-bottom: 0em;
			/* background-color: red; */
			color: rgb(255, 255, 255);
            margin: 0em;
		}
      
    
    #eso-index-2-sus {
         width: 80%;
        /* background: rgb(223, 6, 205); */
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        padding: 0em;
        /* position: absolute; */
        /* margin-left: 2.7em; */
        margin-left: 4em;
    }
            
    #eso-index-2-mats {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        padding: 0em;
        /* position: absolute; */
        /* margin-left: 2.7em; */
        margin-left: 0em;
        /* border: 1px solid #000; */
    }

    #esp-index-alm {
        width: 100%;
        background-image: url(/img/material-aluminio.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 50em;
    }

    #esp-index-alm h1 {
        margin: 0px;
        font-size: 7em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 100%;
        margin-left: 0em;
        margin-bottom: 0em;
    }

    #esp-index-alm #subtittle {
        margin: 0px;
        margin-bottom: 0em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 70%;
        color: white;
        margin-left: 0em;
    }

    #eso-index-2-sus img {
        width: 30%;
        /* background: rgb(34, 194, 13); */
        margin-bottom: 0em;
    }

    #esp-index-sus {
        width: 100%;
        background-image: url(/img/green-2.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 40em;
    }

    #esp-index-cob {
        width: 100%;
        background-image: url(/img/material-cobre.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 40em;
    }

    #esp-index-cob h1 {
        margin: 0px;
        font-size: 7em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 100%;
        margin-left: 0em;
        margin-bottom: 0em;
    }

    #esp-index-cob #subtittle {
        margin: 0px;
        margin-bottom: 0em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 70%;
        color: white;
        margin-left: 0em;
    }

    #esp-index-mang {
        width: 100%;
        background-image: url(/img/material-manganeso.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 53em;
    }

    #esp-index-mang h1 {
        margin: 0px;
        font-size: 7em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 100%;
        margin-left: 0em;
        margin-bottom: 0em;
    }

    #esp-index-mang #subtittle {
        margin: 0px;
        margin-bottom: 0em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 70%;
        color: white;
        margin-left: 0em;
    }

    #esp-index-mpp {
        width: 100%;
        background-image: url(/img/material-mpp.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 55em;
    }

    #esp-index-mpp h1 {
        margin: 0px;
        font-size: 7em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 100%;
        margin-left: 0em;
        margin-bottom: 0em;
    }

    #esp-index-mpp #subtittle {
        margin: 0px;
        margin-bottom: 0em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 70%;
        color: white;
        margin-left: 0em;
    }

    #esp-index-inox {
        width: 100%;
        background-image: url(/img/material-inoxidable.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 53em;
    }

    #esp-index-inox h1 {
        margin: 0px;
        font-size: 7em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 100%;
        margin-left: 0em;
        margin-bottom: 0em;
    }

    #esp-index-inox #subtittle {
        margin: 0px;
        margin-bottom: 0em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 70%;
        color: white;
        margin-left: 0em;
    }

    #esp-index-cob {
        width: 100%;
        background-image: url(/img/material-cobre.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 53em;
    }

    #esp-index-cob h1 {
        margin: 0px;
        font-size: 7em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 100%;
        margin-left: 0em;
        margin-bottom: 0em;
    }

    #esp-index-cob #subtittle {
        margin: 0px;
        margin-bottom: 0em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 70%;
        color: white;
        margin-left: 0em;
    }

    #esp-index-mats {
        width: 100%;
        background-image: url(/img/material.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 53em;
    }

    #esp-index-mats h1 {
        margin: 0px;
        font-size: 7em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 100%;
        margin-left: 0em;
        margin-bottom: 0em;
    }

    #esp-index-mats #subtittle {
        margin: 0px;
        margin-bottom: 0em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 70%;
        color: white;
        margin-left: 0em;
    }

    #esp-index-placa {
        width: 100%;
        background-image: url(/img/material-placa.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 53em;
    }

    #esp-index-placa h1 {
        margin: 0px;
        font-size: 7em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 100%;
        margin-left: 0em;
        margin-bottom: 0em;
    }

    #esp-index-placa #subtittle {
        margin: 0px;
        margin-bottom: 0em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 70%;
        color: white;
        margin-left: 0em;
    }

    #esp-index-loc {
        width: 100%;
        background-image: url(/img/location.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 43em;
    }

    #esp-index-mat {
        width: 100%;
        background-image: url(/img/material.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 43em;
    }
    
    #esp-index-loc h1 {
        margin: 0px;
        font-size: 7em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 100%;
        margin-left: 0em;
        margin-bottom: .2em;
    }

    #esp-index-loc #subtittle {
        margin: 0px;
        margin-bottom: 0em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 70%;
        color: white;
        margin-left: 0em;
    }
    
    #esp-index-mat h1 {
        margin: 0px;
        font-size: 7em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 100%;
        margin-left: 0em;
        margin-bottom: .2em;
    }

    #esp-index-mat #subtittle {
        margin: 0px;
        margin-bottom: 0em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 70%;
        color: white;
        margin-left: 0em;
    }
    
    #esp-index-sus h1 {
        margin: 0px;
        font-size: 7em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 100%;
        margin-left: 0em;
        margin-bottom: .2em;
    }

    #esp-index-sus #subtittle {
        margin: 0px;
        margin-bottom: 0em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 70%;
        color: white;
        margin-left: 0em;
    }

    #valuessus {
        /* background: rgb(214, 214, 214); */
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0em 0em;
        margin-bottom: 0em;
        /* border: 1px solid #000; */
        margin-left: 0%;
        /* box-shadow: rgba(0, 0, 0, 0.8) 0px 3px 8px; */
    }
    
    #newinfocontact-sus {
        margin: 0;
        /* background-color: #0a531a; */
        padding: 0em 0 0 0;
        width: 35%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1em;
        font-family: Century-Gothic;
        line-height: 2.5em;
    }

		#formulario-sus {
			background-color: #084716;
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 70%;
			margin: auto;
            padding: 1em 0em;
            box-shadow: rgba(0, 0, 0, 0.8) 0px 3px 8px;
		}
	
		#formulario-sus .azul2 {
			color: #4daa50;
			text-align: center;
			/* background-color: red; */
			line-height: 1em;
			margin: 0.7em 0em 0.3em 0em;
			font-size: 2em;
			width: 50%;
		}
	
		#formulario-sus .txtlbl {
			font-size: 1em;
            font-weight: bold;
			width: 60%;
			color: rgb(255, 255, 255);
			line-height: 0em;
			margin-bottom: 0em;
		}
	
		#formulario-sus label {
			color: rgb(255, 255, 255);
			margin-bottom: 0em;
			font-size: 1em;
            margin: 0em;
		}
	
		#formulario-sus input {
			margin: 0em;
			height: 2.2em;
			width: 80%;
			text-align: center;
		}

        #formulario-sus .texto2 {
            margin-bottom: 1em;
            width: 80%;
        }
	
		#formulario-sus #boton2 {
			/* background-color: #4daa50; */
			color: rgb(0, 0, 0);
			font-family: Century-Gothic;
			font-size: 1.3em;
			border-radius: 1.2em;
			margin-bottom: 0em;
			width: 40%;
			margin-top: 0em;
			height: 3em;
            margin: 0em;
		}
	
		#formulario-sus #boton2:hover {
			cursor: pointer;
			background-color: white;
			color: #4daa50;
			font-weight: bold;
		}
	
		#formulario-sus .nota {
			/* background: #c1950a; */
            margin: 1em;
            color: #ffffff;
		}
	
		#formulario-sus .nota a {
			font-size: 1.2em;
			background-color: none;
			margin-bottom: 0em;
			/* background-color: red; */
			color: rgb(255, 255, 255);
            margin: 0em;
		}

        #valuessus .valuesus {
            padding: 2em;
            background: rgb(214, 214, 214);
            width: 17%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            margin: 2em 0em;
            color: rgb(0, 0, 0);
            line-height: 1.5em;
            box-shadow: rgba(0, 0, 0, 0.8) 0px 3px 8px;
            /* border: 1px solid #000; */
        }

        #valuessus .valuesus img {
            /* background: #0a65db; */
            width: 40%;
            margin-bottom: .7em;
        }

        #values2sus .valuesus {
            /* background: #0a65db; */
            width: 18%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            margin: 2em 0em;
            color: rgb(0, 0, 0);
            line-height: 1.5em;
            text-align: center;
            /* border: 1px solid #000; */
        }

        #values2sus {
            /* background: rgb(214, 214, 214); */
            /* background: rgb(227, 3, 3); */
            width: 94%;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            flex-wrap: wrap;
            align-items: flex-start;
            padding: 0em;
            margin: 0em 0em;
            margin: auto;
        }

        #valuessus2 {
            /* background: #f10fcc; */
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            align-items: flex-start;
            flex-wrap: wrap;
            padding: 0em 0em 4em 0em;
            margin-bottom: 0em;
        }
        
        #subtitlesus {
            /* background: red;  */
            font-size: 2em;
            padding: 1.5em 0em;
            font-weight: bolder;
            font-family: Century-Gothic;
        }

        #eso-index-4-sus {
            width: 100%;
            background: rgb(214, 214, 214);      
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 0em;
        }

        #eso-index-4-sus img {
            width: 40%;
            /* background: rgb(34, 194, 13); */
            margin-bottom: 1em;
        }
      
    #newbanner_heaad2 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fondo2-scrap.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaadcon {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/phone.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
      
    #newbanner_heaadfoot {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background: rgb(8, 48, 3);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad13 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/automotriz.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
    }
      
    #newbanner_heaad14 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/construccion.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad15 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/fundicion.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad16 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/ferroviaria.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
    
    #eso-index-3 {
        width: 100%;
        background: rgb(8, 48, 3);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0em;
        /* border: 1px solid #e40f0f; */
    }

    #eso-index-3 ul{
        width: 100%;
        /* background: rgb(136, 83, 4); */
        margin: 0em;
        padding: 0em;
    }

    #eso-index-3 li{
        width: 25%;
        background: rgb(136, 83, 4);
        margin: 0em;
    }

    #capainds {
        width: 100%;
        height:100vh;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* background-color: red; */
    }

    #capainds img {
        width: 35%;
    }
        
    #capainds h6 {
        color: rgb(255, 255, 255);
        font-size: 3em;
        /* background-color: #4799e6; */
        font-family: "Archivo Black", sans-serif;
        margin: 0em;
        margin-bottom: 0em;
    }
        
    #capainds p {
        /* color: rgb(243, 8, 8); */
        font-size: 3em;
        /* background-color: #4799e6;              */
        font-family: "Archivo Black", sans-serif;
        margin: 0em;
        color: #4daa50;
        padding: 0em;
    }
        
    #capainds .num {
        font-size: 8em;
        color: #4daa50;
        /* background-color: red;    */
        padding: 0em;
        margin: 0em;
    }
        
    
    #eso-index-5 {
        width: 100%;
        background: rgb(255, 255, 255);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0em;
        /* border: 1px solid #e40f0f; */
    }

    #eso-index-5 ul{
        width: 100%;
        /* background: rgb(136, 83, 4); */
        margin: 0em;
        padding: 0em;
    }

    #eso-index-5 li{
        width: 19.8%;
        /* background: rgb(136, 83, 4); */
        margin: 0em;
    }

    #eso-index-5 #capainds {
        width: 100%;
        height:40vh;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* background-color: red; */
    }
        
    #eso-index-5 #capainds h6 {
        color: rgb(255, 255, 255);
        font-size: 2.5em;
        /* background-color: #4799e6; */
        font-family: "Archivo Black", sans-serif;
        margin: 0em;
        margin-bottom: 0em;
    }
        
    #eso-index-5 #capainds p {
        /* color: rgb(243, 8, 8); */
        font-size: 1.5em;
        /* background-color: #4799e6; */
        font-family: "Archivo Black", sans-serif;
        margin: 0em;
        color: #ffffff;
    }
        
    #eso-index-5 #capainds .num {
        font-size: 3em;
        color: #4daa50;
        /* background-color: red; */
    }
    
    #newbanner_heaad17 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/industrias.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
    }
      
    #newbanner_heaad18 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/epp.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad19 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/materiales.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad20 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/logistica.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad21 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/patio-tultitlan.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
    
        
    #newbanner_heaad5 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/materiales/mixto.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
        border-radius: 0em;
        font-family: Century-Gothic;

    }
        
    #newbanner_heaad6 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/materiales/manganeso.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
        border-radius: 0em;
    }
        
    #newbanner_heaad7 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/materiales/placa.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
        border-radius: 0em;
    }
        
    #newbanner_heaad8 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/materiales/otros.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
        border-radius: 0em;
    }
        
    #newbanner_heaad9 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/materiales/aluminio.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
        border-radius: 0em;
    }
        
    #newbanner_heaad10 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/materiales/inoxidable.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
        border-radius: 0em;
    }
        
    #newbanner_heaad11 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/materiales/cobre.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
        border-radius: 0em;
    }
        
    #newbanner_heaad12 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/imagenes/banner/materiales-scrap-phone-02.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #e410d9; */
        height: 100%;
        border-radius: 0em;

    }
    
    #capain {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgba(43, 105, 43, 0);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        padding: 1em 0em;
        border-radius: 0em;
    }
    
    #capain:hover {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgba(43, 105, 43, .5);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        padding: 1em 0em;
        border-radius: 0em;
    }

    .card-container {
        perspective: 1000px;
        /* border: 1px solid #ffffff; */

    }

    .card {
        position: relative;
        width: 100%;
        height: 500px;
        transform-style: preserve-3d;
        transition: transform 0.6s;
        /* border: 1px solid #f10c0c; */
    }

    .card ~ p {
            background-color: red;
            width: 50%;
            font-size: 1.2em;
            color: white;
            font-weight: bolder;
            margin-bottom: 1em;
            display: none;
        }

    .front1, .back1, .front2, .back2, .front3, .back3, .front4, .back4, .front5, .back5, .front6, .back6, .front7, .back7, .front8, .back8 {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        backface-visibility: hidden;
        font-size: 2em;
    }

    .front1 {
        background-image: url(/img/materiales/mixto.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        /* color: red; */
        transform: rotateY(0deg);
    }

    .back1 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* color: rgb(255, 0, 0); */
        transform: rotateY(180deg);
    }

    .front2 {
        background-image: url(/img/materiales/manganeso.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back2 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front3 {
        background-image: url(/img/materiales/placa.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back3 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front4 {
        background-image: url(/img/materiales/otros.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back4 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front5 {
        background-image: url(/img/materiales/aluminio.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back5 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front6 {
        background-image: url(/img/materiales/cobre.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back6 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front7 {
        background-image: url(/img/materiales/inoxidable.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back7 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front8 {
        background-image: url(/img/materiales/otros2.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back8 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }
    
    .card-container:hover .card {
        transform: rotateY(180deg);
    }

    #newinfo6 {
        margin: 0;
        /* background: red;  */
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 0em;
        margin: 0em;
        /* border: 1px solid #0cf704; */
    }
    
    
    #newinfo6 a {
        /* border: 1px solid #1310bb; */
        width: 23%;
        text-decoration: none;
        font-family: Century-Gothic;
        color: white;
        background-color: none;
        margin: 2em 0em;
    }
    
    #newinfo6 a p {
        /* border: 1px solid #1310bb; */
        width: 90%;
        text-decoration: none;
        font-family: Century-Gothic;
        font-size: 1.3em;
        margin: auto;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    #newinfo6 h2 {
        color: rgb(0, 0, 0);
        font-size: 2em;
        padding: 0em 0em;
        /* background-color: blue; */
        margin: 0em;
        width: 80%;
        text-align: left;
    }
    
    #newinfo6 ul {
        /* background-color: green; */
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        /* border: 1px solid #ffffff; */
        padding: 0em;
        font-family: Century-Gothic;
        width: 100%;
        margin: 0em;
        margin: auto;
    }
    
    #newinfo6 ul li {
        width: 100%;
        height: 5em;
        /* background-color: #4799e6; */
        /* border: 10px solid #ffffff; */
        color: white;
        border-radius: 0em;
        display: flex;
        flex-direction: column;
        font-family: Century-Gothic;
    }
    
    #newinfo6 ul li {
        font-family: Century-Gothic;
        /* background-color: red; */
    }
    
    #newinfo6 a {
        font-family: Century-Gothic;
        /* background-color: red; */
    }
    
    
    #newinfo6-2 {
        margin: 0;
        /* background: red;  */
        width: 70%;
        display: flex;
        flex-direction: column;
        height: 90vh;
        padding: 0em;
        margin: 0em;
        /* border: 1px solid #0cf704; */
    }
    
    
    #newinfo6-2 a {
        /* border: 1px solid #1310bb; */
        width: 23%;
        text-decoration: none;
        font-family: Century-Gothic;
        color: white;
        background-color: none;
    }
    
    #newinfo6-2 a p {
        /* border: 1px solid #1310bb; */
        width: 90%;
        text-decoration: none;
        font-family: Century-Gothic;
        font-size: 1.3em;
        margin: auto;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    #newinfo6-2 h2 {
        color: white;
        font-size: 2em;
        padding: .5em 0em;
        /* background-color: blue; */
        margin: 0em;
    }
    
    #newinfo6-2 ul {
        /* background-color: green; */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        /* border: 1px solid #ffffff; */
        padding: 0em;
        font-family: Century-Gothic;
        width: 10%;
        margin: auto;
    }
    
    #newinfo6-2 ul li {
        width: 100%;
        height: 5em;
        /* background-color: #4799e6; */
        /* border: 10px solid #ffffff; */
        color: white;
        border-radius: 0em;
        display: flex;
        flex-direction: column;
        font-family: Century-Gothic;
    }
    
    #newinfo6-2 ul li {
        font-family: Century-Gothic;
        /* background-color: red; */
    }
    
    #newinfo6-2 a {
        font-family: Century-Gothic;
        /* background-color: red; */
    }
    
    #newbanner_heaad4 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fotos/image16.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #000; */
    }
        
    #newbanner_heaad3 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fondo-industrias-02-02.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #e714dd; */
    }
        
    #newbanner_heaad3-inds {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fondo-industrias-02-02.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: none;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #e714dd; */
    }

    #capa3 {
        width: 100%;
        height: 110em;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .7);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        /* background-color: red; */
        /* border: 1px solid #0920e9; */
    }

    #industries {
        background-color: none;
        /* border: 1px solid #11db1b; */
        display: grid;
        gap: 17em;
        width: 40%;
    }

    #industries h2 {
        /* background:red; */
        font-size: 4em;
        width: 100%;
        color: white;
    }

    #stats {
        /* background-color: red; */
        width: 60%;
        display: grid;
        gap: 14em;
    }

    .stat {
        color: white;
    }

    .stat h3{
        font-size: 10em;
        /* background-color: #0920e9; */
        margin: 0em;
        color: #4daa50;
    }

    .stat p{
        font-size: 1.5em;
        /* background-color: #0920e9; */
        margin: 0em;
        color: #4daa50;

    }

    #capa2 {
        width: 100%;
        height: 90vh;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .8);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        /* background-color: red; */
    }

    #capa8 {
        width: 100%;
        height: 90vh;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .8);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        /* background-color: red; */
    }

    #capa7 {
        width: 100%;
        height: 90vh;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .6);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        /* background-color: red; */
    }

    #capafoot {
        width: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        margin: 0em;
        padding: 1em 0em;
        /* background-color: red; */
    }

    #capafoot2 {
        width: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: #e6e6e6;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        margin: 0em;
        padding: 1em 0em;
        /* background-color: red; */
    }

    #capa4 {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        /* background-color: red; */
    }

    #capa3 img {
        width: 100%;
    }

    #newinfo2 {
        margin: 0;
        /* background: rgb(18, 78, 146);  */
        width: 40%;
        height: 100%;
        color: white;
        text-align: left;
        padding: 5em 0em;
    }

    #newinfo2 img{
        width: 100%;
        /* background-color: red; */
    }

    #newinfo2 p {
        text-align: left;
        margin: 0em;
        font-family: Century-Gothic;

    }
    
    #newinfo2 h1 {
        margin: 0px;
        font-size: 70px;
        font-family: Century-Gothic;
        color: #4daa50;
        line-height: 1em;
        text-align: left;
    }

	.subnav-burger {
		margin: auto;
		background: #4daa50;
		font-family: "Rubik Mono One", monospace;
		font-size: 1.2em;
		width: 100%;
		display: none;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		/* border-top: 1px solid #000;
		border-bottom: 1px solid #000; */
		margin-bottom: 1em;
	}
	
       #redesfmx {
        /* background-color: red; */
        width: 80%;
        margin-top: 2em;

    }

    #redesfmx .sos {
        /* background-color: blue; */
        display: inline-block;
        width: 30%;
        margin-right: .5em;
    }

    #redesfmx a {
        width: fit-content;
        /* background-color: rgb(183, 230, 14); */
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0em;
        margin: auto;
        width: 80%;
        display: inline;
    }

    #redesfmx img {
        width: 100%;
        /* background-color: rgb(6, 61, 16); */
        /* border-radius: 2em; */
        margin: 0em;
        padding: .5em;
    }

    #redesfmx img:hover {
        width: 30%;
        transition: .3s;
        background-color: rgb(14, 134, 36);
        border-radius: 2em;
        margin: 0em;
        padding: .55em;
    }


    #contenedor {
		width: 100%;
		margin:auto;
		text-align:center;
		background: rgb(214, 214, 214);
		}

    #newbanner_heaad-historia #newinfo {
        margin: 0;
        padding: 14em 0em;
        width: 100%;
        height: 100%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    #newbanner_heaad-historia #newinfo h1 {
        margin: 20px;
        font-size: 70px;
        font-family: "AONCC___";
        line-height: 1em;
        width: 80%;
    }

    #newbanner_heaad-historia #capa {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0.8);
    }
    
    #newbanner_heaad-historia {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/images/san-patricio/2016/festival-cultural-san-patricio-méxico-año-2016-04.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #newbanner_heaad-historia #newinfo p {
        margin: 9px;
        font-size: 1.5em;
        line-height: 2em;
    }
    
    #newinfo #count {
    /* border: 1px solid #ffffff; */
    font-size: 1.5em;
    
    margin: 0em 0em 0em 0em;
    /* background: #c1950a; */
    }

    #newinfo p {
        margin: 0px;
        margin-bottom: 0em;
        font-size: 1.8em;
        line-height: 1.3em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 50%;
    }
     
    body {
        width: 100%;
        background-color: #072b03; 
        display: flex;
        flex-wrap: wrap;
    }
        
    #header-1 {
        width: 100%;
        /* background-color: red; */
        background-size: 100%;
        display: none;
    }

    main {
        width: 70%;
    }
    
    .subheader {
        width: 80%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2em 1em;
        /* border: 1px solid #000; */
    }
    
    #header-2 {
        width: 25%;
        background: url(/imagenes/fondo-01.webp);
        background-size: 100%;
        padding: 1.5% 2.5%;
        /* border: 1px solid #ffffff; */
    }

    #inn-header {
        /* background-color: red; */
        position: fixed;
        width:inherit;
    }

    #logo {
        margin: none;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        /* border: 1px solid #000; */
        margin-bottom: .5em;
    }

    #logo a{
        margin: auto;
        display: flex;
        align-items: center;
    }
    
    #logo img {
        width: 65%;
        /* background-color: #c5c216; */
        margin: auto;
    }

    
    #header-2 menu {
        width: 100%;
        margin: auto;
        /* background: blue; */
    }

    #header-2 nav {
        /* background: red; */
        margin: auto;
        text-align: center;
        width: 100%;
    }

    #header-2 nav ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        /* background-color: aqua; */
        margin-bottom: 1em;
    }
    
    #header-2 nav ul a {
        text-decoration: none;
    }

    #header-2 nav ul a li {
        padding: .3em;
        margin-bottom: 0.35em;
        color: #f1e8e8;
        text-decoration: none;
        font-size: 1em;
        line-height: 1.4em;
    }
 
    #header-2 nav ul a li:hover {
        background: #c1950a;
        color: black;
    }
      
    .subheader h1 {
        font-weight: 400;
        font-style: normal;
        font-size: 3em;
    }

    #esp-index {
        width: 100%;
        /* background: red; */
    }

    #eso-index-2 {
        width: 100%;
        background: rgb(4, 31, 1);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0em;
    }

    #eso-index-2 img {
        width: 30%;
        /* background: rgb(34, 194, 13); */
        margin-bottom: 0em;
    }

    #eso-index-4 {
        width: 100%;
        background: #e6e6e6;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0em;
    }

    #eso-index-4 img {
        width: 40%;
        /* background: rgb(34, 194, 13); */
        margin-bottom: 0em;
    }

    #eso-index-4-rec {
        width: 100%;
        background: #e6e6e6;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0em;
    }

    #eso-index-4-rec img {
        width: 40%;
        /* background: rgb(34, 194, 13); */
        margin-bottom: 0em;
    }
    
    #values2 {
        /* background: #f10fcc; */
        width: 70%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        padding: 0em;
        margin: 0em;
    }
    
    #values2rec {
        background: rgb(214, 214, 214);
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        padding: 0em;
        margin: 0em;
    }

    .value2 {
        /* background: #0a65db; */
        width: 20%;
        padding: 0em;
        /* border: 1px solid #000; */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0em;
    }


    .value2 img {
        /* background: #db450a; */
        width: 10%;
        margin: 0em;
        padding: 0em;
    }

    #eso-index-2 .value3 img {
        /* background: #db450a; */
        margin: 0em;
        /* border: 1px solid #000; */
        width: 100%;
    }


    #vermasbutton:hover {
        background: rgb(20, 102, 7);
        transition: .5s;
        font-family: Century-Gothic;
        text-decoration:none;
        color: #000000;
        font-weight: bolder;
        padding: 1em;
        font-size: 1.1em;
        border-radius: 2em;
    }

    #vermasbutton2 {
        background: #4daa50;
        font-family: Century-Gothic;
        text-decoration:none;
        color: rgb(9, 49, 3);
        font-weight: bolder;
        padding: 1em;
        font-size: 1em;
        border-radius: 2em;
    }

    #vermasbutton2:hover {
        background: #89fd8d;
        transition: .5s;
        font-family: Century-Gothic;
        text-decoration:none;
        color: rgb(9, 49, 3);
        font-weight: bolder;
        padding: 1em;
        font-size: 1.1em;
        border-radius: 2em;
    }

    #capain #vermasbutton {
        /* background: rgb(9, 49, 3); */
        font-family: Century-Gothic;
        text-decoration:none;
        color: #081408;
        font-weight: bolder;
        padding: .5em;
        border-radius: 1em;
        width: 70%;
    }

    #capain #vermasbutton:hover {
        background: rgb(9, 49, 3);
        font-family: Century-Gothic;
        text-decoration:none;
        color: #ffffff;
        font-weight: bolder;
        padding: .5em;
        border-radius: 1em;
        width: 70%;

    }
    
    #capain #vermasbutton p {
        /* background-color: red; */
        padding: 0em;
        margin: 0em;
        width: 100%;
    }

    #message {
        background: #e6e6e6;
        width: 30%;
        text-align: left;
        padding: 0em;
        margin: 0em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0em;
    }

    
    #message p {
        width: 60%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1.5em;
        line-height: 1.5em;
        /* background-color: red; */
        margin-bottom: 0em;
        color: #4daa50;
        margin: 0em;
        margin-left: 3em;
        margin: 1em 0em 0em 3em;
    }

    #message p~p {
        width: 60%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1em;
        line-height: 1.5em;
        margin-left: 4.5em;
        /* background-color: red; */
        margin-bottom: 0em;
        color: #000000;
        margin: 0.5em 0em 1em 4.5em;
    }

    #messageserv {
        /* background: rgb(172, 187, 170); */
        width: 10%;
        text-align: left;
        padding: 0em;
        margin: 0em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 1em 0em;
        height: 40em;
        /* border: 1px solid #ffffff; */
    }

    #green {
        width: 19%;
        /* background-color: red; */
        /* border: 1px solid #ffffff; */
    }

    #green img{
        width: 100%;
        /* background-color: red; */
    }

  
    #messageserv p {
        width: 100%;
        font-family: Century-Gothic;	
        font-weight: bold;
        line-height: 1.5em;
        /* background-color: red; */
        margin-bottom: 0em;
        color: #4daa50;
        margin: 0em;
        margin-left: 0em;
        margin: 1em 0em 0em 0em;
        text-align: left;
    }

  #title {
        font-size: 1.3em;
        /* background-color: red; */
    }

    #messageserv p~p {
        width: 100%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1em;
        line-height: 1.5em;
        margin-left: 0em;
        /* background-color: red; */
        margin-bottom: 0em;
        color: #ffffff;
        margin: 1em 0em 1em 0em;
    }

    #vermasbutton {
        background: rgb(9, 49, 3);
        font-family: Century-Gothic;
        text-decoration:none;
        color: #4daa50;
        font-weight: bolder;
        padding: 1em;
        font-size: 1em;
        border-radius: 2em;
        margin-left: 4em;
        margin-bottom: 1em;
    }

    #message4{
        background: rgb(8, 48, 3);
        width: 30%;
        text-align: left;
        color: #4daa50;
        padding: 0em;
        margin: 0em;
        height: 15em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    #message2 {
        background: #e6e6e6;
        width: 30%;
        text-align: left;
        color: #4daa50;
        padding: 0em;
        margin: 0em;
        height: 35em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    #message4 p {
        width: 60%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1.5em;
        line-height: 1.5em;
        margin-left: 3em;
    }

    #message2 p {
        width: 65%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1.5em;
        line-height: 1.5em;
        margin-left: 3em;
    }

    #values {
        /* background: #f10fcc; */
        width: 70%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
        padding: 2em 0em;
    }

    #valuesrec2 {
        /* background: #f10fcc; */
        width: 80%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
        padding: 2em 0em;
        margin-bottom: 0em;
    }
    
    #valuesrec .valuerec {
        /* background: #0a65db; */
        width: 40%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 1em 0em;
        color: white;
        /* border: 1px solid #000; */
    }

    #values2rec .valuerec {
        /* background: #0a65db; */
        width: 18%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 1em 0em;
        color: white;
        /* border: 1px solid #000; */
    }

    .value {
        /* background: #0a65db; */
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        /* border: 1px solid #000; */
    }

    .value p {
        /* background: #0a65db; */
        width: 70%;
        margin: 1em 0em;
        color: white;
        font-family: Century-Gothic;
        line-height: 1.5em;
        font-size: .9em;
    }

    .valuerec {
        background: rgb(214, 214, 214);
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        /* border: 1px solid #000; */
    }
   
    .valuerec p {
        /* background: #0a65db; */
        width: 70%;
        margin: 1em 0em;
        color: rgb(0, 0, 0);
        font-family: Century-Gothic;
        line-height: 1.5em;
        font-size: .9em;
    }

    #valuesservs {
        /* background: #f10fcc; */
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        padding: 0em 0em;
    }

    #valuesservs img {
        /* background: #f10fcc; */
        width: 30%;
        margin-right: .8em;
    }

    .valueserv {
        /* background: #0a65db; */
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        /* border: 1px solid #000; */
        text-align: left;
        padding: 0em;
        margin: .8em 0em;
    }

    .valueserv p {
        /* background: #34db0a; */
        width: 100%;
        margin: 0em;
        color: white;
        font-family: Century-Gothic;
        line-height: 1.5em;
        text-align: left;
        margin: 0em;
        padding: 0em;
        font-size: .9em;
    }

    .value3 h4 {
        /* background-color: red; */
        text-align: left;
        width: 70%;
        margin: auto;
        margin: .7em;
        padding: 0em 0em;
        font-size: 1.5em;
        font-weight: bolder;
    }

    
    #newinfo4 {
        margin: 0;
        /* background: rgb(0, 255, 68);  */
        padding: 2em 0 0 0;
        width: 50%;
        height: 55em;
        color: white;
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 1em;
        font-family: Century-Gothic;
        line-height: 2.5em;
    }

    #newinfocontact {
        margin: 0;
        /* background-color: #0a531a; */
        padding: 0em 0 0 0;
        width: 50%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1em;
        font-family: Century-Gothic;
        line-height: 2.5em;
    }

    
    #newinfocontact h2{
        margin-bottom: 0em;
        /* background-color: red; */
        padding: 0em;
    }
    
    #newinfocontact p {
        margin-bottom: 0em;
        /* background-color: red; */
        padding: 0em;
        line-height: 1.5em;
        width: 80%;
    }

    
		form {
			/* background-color: #858585; */
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 80%;
			margin: auto;
            padding: 1em 0em;
		}
	
		.azul {
			color: #4daa50;
			text-align: center;
			/* background-color: red; */
			line-height: 1em;
			margin: 0.7em 0em 0.3em 0em;
			font-size: 2.3em;
			width: 60%;
		}
	
		form .txtlbl {
			font-size: 1em;
            font-weight: bold;
			width: 60%;
			color: rgb(255, 255, 255);
			line-height: 1.5em;
			margin-bottom: 0em;
		}
	
		label {
			color: rgb(0, 0, 0);
			margin-bottom: 0em;
			font-size: 1em;
		}
	
		input {
			margin: 0em;
			height: 2.2em;
			width: 80%;
			text-align: center;
		}

        .texto1 {
            margin-bottom: 3em;
            width: 80%;
        }
	
		#boton {
			background-color: #4daa50;
			color: rgb(0, 0, 0);
			font-family: Century-Gothic;
			font-size: 1.3em;
			border-radius: 1.2em;
			margin-bottom: 0em;
			width: 60%;
			margin-top: 0em;
			height: 3em;
            margin: 0em;
		}
	
		#boton:hover {
			cursor: pointer;
			background-color: white;
			color: #4daa50;
			font-weight: bold;
		}
	
		.nota {
			/* background: #c1950a; */
            margin: 1em;
            color: #000;
		}
	
		.nota a {
			font-size: 1.2em;
			background-color: none;
			margin-bottom: 0em;
			/* background-color: red; */
			color: rgb(0, 0, 0);
            margin: 0em;
		}
    
     #newinfoimg{
        width: 40%;
        /* background-color: rgb(10, 58, 213); */
    }
     
    #newinfo4 h1 {
        margin: 0px;
        font-size: 60px;
        font-family: Century-Gothic;
        color: #4daa50;
        line-height: 1.3em;
        text-align: left;
        width: 100%;
    }

    #estados {
        /* background: #4799e6; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }

    #newinfo4 ul {
        /* background-color: rgb(29, 98, 172); */
        display: flex;
        flex-direction: column;
        width: 15%;
        /* border: 1px solid #000; */
        line-height: 1.5em;
        margin: 0em;
    }

    #newinfo4 li {
        /* background-color: rgb(92, 216, 19); */
        font-size: .8em;
        font-weight: bolder;
        /* border: 1px solid #000; */
    }
    
     
    #newinfo5 h1 {
        margin: 0px;
        font-size: 60px;
        font-family: Century-Gothic;
        color: #4daa50;
        line-height: 1.3em;
        text-align: left;
        width: 100%;
    }

    #estados2 {
        /* background: #4799e6; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
        width: 100%;
        margin: 0em;
    }

    #estados3 {
        /* background: #4799e6; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
        width: 100%;
        margin: 0em;
    }

    #newinfo5 {
        margin: 0;
        /* background: rgb(15, 223, 102);  */
        padding: 0em 0 0 0;
        width: 100%;
        height: 100%;
        color: white;
        text-align: left;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
        gap: 0em;
        font-family: Century-Gothic;
        line-height: 5em;

    }

    #newinfo5 ul {
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 20%;
        /* border: 1px solid #000; */
        line-height: 1.8em;
        margin: 0em;
        gap: 0em;
    }

    #newinfo5 ul h4 {
        /* background-color: rgb(22, 196, 65); */
        text-align: center;
        width: 100%;
        margin: auto;
        padding: .5em 0em;
        color:  rgb(8, 48, 3);
        font-size: 1.5em;
        font-weight: bolder;
    }

    #newinfo5 li {
        background-color: rgb(255, 255, 255, 0);
        font-size: 1em;
        font-weight: bolder;
        line-height: 2.6em;
        padding: 0em;
        border-radius: 1.5em;
        padding: .5em;
        
    }

    #newinfo5 a {
        text-decoration: none;
        
    }

    #newinfo5 li:hover {
        background:  rgb(8, 48, 3);
        transition: .5s;
        font-size: 1em;
        font-weight: bolder;
        line-height: 2.6em;
        padding: 0em;
        border-radius: 1.5em;
        padding: .5em;
    }

    #newinfo7 {
        margin: 0;
        /* background: rgb(15, 223, 102);  */
        padding: 0em 0 0 0;
        width: 100%;
        height: 100%;
        color: white;
        text-align: left;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
        gap: 0em;
        font-family: Century-Gothic;
        line-height: 5em;

    }

    #newinfo7 ul {
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 20%;
        /* border: 1px solid #000; */
        line-height: 1.8em;
        margin: 0em;
        gap: 0em;
    }

    #newinfo7 ul h4 {
        /* background-color: rgb(22, 196, 65); */
        text-align: center;
        width: 100%;
        margin: auto;
        padding: .5em 0em;
        color:  rgb(255, 255, 255);
        font-size: 1.5em;
        font-weight: bolder;
    }

    #newinfo7 li {
        background-color: rgb(255, 255, 255, 0);
        font-size: 1em;
        font-weight: bolder;
        line-height: 2.6em;
        padding: 0em;
        border-radius: 1.5em;
        padding: .5em;
        
    }

    #newinfo7 a {
        text-decoration: none;
        
    }

    #newinfo7 li:hover {
        background:  rgb(255, 255, 255);
        transition: .5s;
        font-size: 1em;
        font-weight: bolder;
        line-height: 2.6em;
        padding: 0em;
        border-radius: 1.5em;
        padding: .5em;
    }

    #message3 {
        background: #e6e6e6;
        width: 43%;
        text-align: left;
        color: #4daa50;
        padding: 0em;
        margin: 0em;
        height: 20em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #message3others {
        background-color: rgb(255, 255, 255, 0);
        width: 43%;
        text-align: left;
        color: #4daa50;
        padding: 0em;
        margin: 0em;
        height: 20em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #values3 {
        /* background: #f10fcc; */
        width: 70%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        padding: 0em;
        font-family: Century-Gothic;	
    }


    #message3 p {
        width: 80%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1em;
        line-height: 2em;
    }

    #message3others p {
        width: 80%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1em;
        line-height: 2em;
    }
    
    .value3 .icono {
        /* background-color: red; */
        width: 20%;
        margin: 1em 1em;

    } 

    .value3 .icono img {
        width: 10%;
    } 

    .values3 img {
        width: 10%;
        border: 1px solid #000;
    } 

    .value3 a {
        /* background-color: red; */
        width: 100%;
        margin: 10em 0em;
        font-weight: bolder;
        text-decoration: none;
    } 
    
    .value3 {
        background: #e6e6e6;
        width: 18%;
        padding: 0em;
        /* border: 1px solid #000; */
        margin: 0em;
        color: rgb(0, 0, 0);
    }

    .value3:hover {
        background: #06550d;
        transition: .3s;
        width: 18%;
        padding: 0em;
        /* border: 1px solid #000; */
        margin: 0em;
        color: rgb(255, 255, 255);

    }

    .value3 p {
        /* background-color: red; */
        width: 80%;
        margin: auto;
        margin-bottom: 2em;
        font-family: Century-Gothic;	
        text-align: left;
        font-size: 1em;
        line-height: 1.5em;
    }
    
}


@media (min-width: 1280px) and (max-width: 1366px) {

    
    
	#material {margin:0;background:#000000;font-family:Arial, Helvetica, sans-serif;text-decoration: none;width: 100%;}
	
	#contenedor {
		width:90%;
		margin:auto;
		text-align:center;
		background: rgb(214, 214, 214);
		}
			
		header{
			width:100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			align-items: none;
			/* background:#da0e0e; */
			margin: auto;
		}
	
		#logo-foremex{
			width: 60%;
			text-align:center;
			padding: 0em 0em;
			background-color: rgb(33, 44, 194);
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding-left: 1em;
		}
	
		#logo-foremex img{
			width:100%;
			text-align:center;
			padding: 0em 0em;
		}

		#logo-foremex a { 
			/* background-color: rgb(201, 172, 172); */
			/* border: 1px solid #000; */
			width: 100%;
		}
	
		#logo-foremex img{
			width:100%;
			padding: 0em 0em;
		}
	
		#contact{
			text-align:center;
			font-size:1em;
			width:60%; 
			padding-top:.5em; 
			padding-right:0em; 
			/* background:green; */
			margin-top: 0em; 
			margin-bottom: 0em; 
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			justify-content: flex-end;
			padding-right: 1em;
		}
	
		#contact p{
			font-family: Century-Gothic;	
			font-size: 1em;
			/* background-color: #d0e0d1; */
			margin: 0.5em 0em;
		}
	
		#whattsapp {
			background-color: #4daa50;
            transition: .5s;
			padding: 0em;
			width: 13%;
			margin: none;
			border-radius: 1em;
			/* border: 1px solid #1a58cc; */
			margin-bottom: 0em;
            margin-right: 0em;
            font-family: Century-Gothic;
            padding: 1em;
            font-size: 1.1em;
		}
	
		#whattsapp:hover {
			background-color: #0a1f03;
            transition: .5s;
			padding: 0em;
			width: 13%;
			margin: none;
			border-radius: 1em;
			border: 1px solid #ffffff;
			margin-bottom: 0em;
            margin-right: 0em;
            font-family: Century-Gothic;
            padding: 1em;
            font-size: 1.2em;
		}
	

			
		#whattsapp #button--whatsapp-index  {
			/* background-color: #4daa50; */
			text-decoration: none;
			display: block;
		}

		#whattsapp p {
			/* background-color: #4daa50; */
			color: white;
			padding: 0em;
			border-radius: 1.2em;
			font-weight:100;
			margin-bottom: 0em;
            margin: 0em;
            font-family: Century-Gothic;
		}
	
        #ctas {
            width: 90%;
            /* border: 1px solid #f70808; */
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0em 0em 0em 0em;
            margin-left: 3%;
        }

        #newinfo #iso {
            width: 10%;
            margin: 0em 1em 0em 0em; 
        }
	

        #iso2 {
            width: 8%;
            margin: 0em 0em 0em 0em; 
            /* background-color: red; */
        }
	

        #newinfo #iso {
            width: 10%;
            margin: 0em 1em 0em 0em; 
        }
	
		.bnav {
			/* background-color: red; */
			display:block;
            position: absolute;
            /* border: 1px solid #1054bb; */
		}
	
		.bnav-phone {
            background-color: rgba(0, 0, 0, .7);           
            width: 100%;
			display: flex;
			flex-direction: row;
			align-items: center;
            justify-content: space-around;
			margin: auto;
			margin-top: 0em;
			/* border-bottom: 1px solid #eb0f0f; */
		}
	
		.bnav-phone img {
            width: 50%;
            padding: 1em 0em;
            /* background-color: red; */
		}

		.bnav-phone #logo-header {
            /* background-color: rgba(216, 15, 15, 0.7);            */
            width: 30%;
			display: flex;
			flex-direction: row;
			align-items: center;
            justify-content: flex-start;
			margin: auto;
			margin-top: 0em;
            margin: 0em;
			/* border-bottom: 1px solid #eb0f0f; */
		}
	
		.bnav-phone h2 {
			/* background-color: rgb(192, 221, 26); */
			margin-top: 0em;
			border-bottom: 1px solid #000;
			width: 60%;
			margin-bottom: .6em;
			display: none;
		}
	
		#menu {
			background-color: rgba(0, 0, 0, 0);
			/* border-bottom: 5px solid #ffffff; */
			width: 58%;
            margin: 0em;
            padding: 0em;
            /* border: 1px solid #2b18db; */
		}
	
		#menu ul {
			background-color: none;
			/* border: 1px solid #67fc11; */
			width: 100%;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			margin: auto;
			align-items: center;
			justify-content: space-between;
			padding: 1em 0em;
		}
	
		#menu li {
			/* background-color: rgb(221, 25, 162); */
			text-align: center;
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			font-size: .9em;
			margin: 0em 0em;
			/* border: 1px solid #d5d80c; */
			/* border-right: 1px solid #ffffff;
			border-left: 1px solid #ffffff; */
		}
	
		li a {
			background-color: none;
			width: 100%;
			margin: 0em 0em;
			text-decoration: none;
			padding: .8em;
			color: rgb(255, 255, 255);
			border-radius: 0em;
			font-weight: normal;
            /* background-color: red; */
		}
	
		li a:hover {
			background-color: white;
            transition: .5s;
			width: 100%;
			margin: 0em 0em;
			text-decoration: none;
			padding: .8em;
			color: rgb(0, 0, 0);
			border-radius: 0em;
			font-weight: bold;
		}

    #newbanner_heaad {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/banner4.webp);
        /* background-color: rgb(10, 81, 30); */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
        
    #newbanner_heaadlocations {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/location.webp);
        /* background-color: rgb(10, 81, 30); */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
        
    #newbanner_heaad-noindex {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        /* background-image: url(/img/banner4.webp); */
        background-color: rgb(10, 81, 30);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    #capa {
        width: 100%;
        height: 90vh;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0);
        display: flex;
        flex-direction: column;
        align-items:flex-start;
        /* border: 1px solid #f51414; */
        /* padding: 0em 0em 0em 1em; */
    }

    
    #eso-index-2-rec {
         width: 50%;
        /* background: rgb(223, 6, 205); */
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        padding: 0em;
        /* position: absolute; */
        /* margin-left: 2.7em; */
    }

    #eso-index-2-rec img {
        width: 60%;
        /* background: rgb(34, 194, 13); */
        margin-bottom: 1em;
    }

    #esp-index-rec {
        width: 100%;
        background-image: url(/img/banner4-mid.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        /* border: 10px solid #db0909; */
        height: 48em;
        padding: 0em;
    }
    
    #esp-index-rec h1 {
        margin: 0px;
        font-size: 5em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 100%;
        margin-left: 0em;
        margin-bottom: 0.2em;
    }

    #esp-index-rec #subtittle {
        margin: 0px;
        margin-bottom: 1em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 100%;
        color: white;
        margin-left: 0em;
    }

    #valuesrec {
        background: rgb(214, 214, 214);
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
        padding: 3em 0em;
        margin-bottom: 0em;
        border: 1px solid #000;
        margin-left: 0%;
        box-shadow: rgba(0, 0, 0, 0.8) 0px 3px 8px;
    }
    
    #newinfocontact-rec {
        margin: 1em 0em;
        /* background-color: #0a531a; */
        padding: 0em 0 0 0;
        width: 35%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1em;
        font-family: Century-Gothic;
        line-height: 2.5em;
    }

		#formulario-rec {
			background-color: #084716;
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 70%;
			margin: auto;
            padding: 1em 0em;
            box-shadow: rgba(0, 0, 0, 0.8) 0px 3px 8px;
		}
	
		#formulario-rec .azul2 {
			color: #4daa50;
			text-align: center;
			/* background-color: red; */
			line-height: 1em;
			margin: 0.7em 0em .5em 0em;
			font-size: 1.7em;
			width: 100%;
		}
	
		#formulario-rec .txtlbl2 {
			font-size: 1em;
            font-weight: bold;
			width: 80%;
			color: rgb(255, 255, 255);
			line-height: 1.5em;
			margin-bottom: 1em;
            /* background-color: #4799e6; */
		}
	
		#formulario-rec label {
			color: rgb(255, 255, 255);
			margin-bottom: 0em;
			font-size: 1em;
            margin: 0em;
		}
	
		#formulario-rec input {
			margin: 0em;
			height: 1.5em;
			width: 80%;
			text-align: center;
		}

        #formulario-rec .texto2 {
            margin-bottom: 1em;
            width: 80%;
        }
	
		#formulario-rec #boton2 {
			background-color: #4daa50;
			color: rgb(0, 0, 0);
			font-family: Century-Gothic;
			font-size: 1.3em;
			border-radius: 1.2em;
			margin-bottom: 0em;
			width: 40%;
			margin-top: 0em;
			height: 3em;
            margin: 0em;
		}

        #values2rec {
            background: rgb(214, 214, 214);
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            flex-wrap: wrap;
            align-items: center;
            padding: 0em;
            margin: 0em;
        }

    #valuesrec2 {
        /* background: #f10fcc; */
        width: 80%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0em;
        margin-bottom: 2em;
    }

    #valuesrec .valuerec {
        /* background: #0a65db; */
        width: 17%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 1em 0em;
        color: rgb(0, 0, 0);
        line-height: 1.5em;
        /* border: 1px solid #000; */
    }

    .valuerec img {
        width: 80%;
        /* background-color: red; */
    }

    #values2rec .valuerec {
        /* background: #0a65db; */
        width: 13%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 0em 0em;
        color: rgb(0, 0, 0);
        line-height: 1.5em;
        /* border: 1px solid #000; */
    }
	
		#formulario-rec #boton2:hover {
			cursor: pointer;
			background-color: white;
			color: #4daa50;
			font-weight: bold;
		}
	
		#formulario-rec .nota {
			/* background: #c1950a; */
            margin: 1em;
            color: #ffffff;
		}
	
		#formulario-rec .nota a {
			font-size: 1.2em;
			background-color: none;
			margin-bottom: 0em;
			/* background-color: red; */
			color: rgb(255, 255, 255);
            margin: 0em;
		}

    #eso-index-2-sus {
        width: 95%;
        /* background: rgb(223, 6, 205); */
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        padding: 0em;
        /* position: absolute; */
        /* margin-left: 2.7em; */
        margin-left: 0em;
    }
        
    #eso-index-2-mats {
        width: 55%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        padding: 0em;
        /* position: absolute; */
        /* margin-left: 2.7em; */
        margin-left: 0em;
        /* border: 1px solid #000; */
    }
    

    #eso-index-2-sus img {
        width: 30%;
        /* background: rgb(34, 194, 13); */
        margin-bottom: 0em;
    }

    #esp-index-sus {
        width: 100%;
        background-image: url(/img/green-2.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 40em;
    }
    
    #esp-index-sus h1 {
        margin: 0px;
        font-size: 5em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 70%;
        margin-left: 0em;
        margin-bottom: .2em;
    }

    #esp-index-sus #subtittle {
        margin: 0px;
        margin-bottom: 1em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 70%;
        color: white;
        margin-left: 0em;
    }

    #esp-index-loc {
        width: 100%;
        background-image: url(/img/location.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 40em;
    } 

    #esp-index-loc h1 {
        margin: 0px;
        font-size: 5em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 70%;
        margin-left: 0em;
        margin-bottom: .2em;
    }

    #esp-index-mat {
        width: 100%;
        background-image: url(/img/location.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 35em;
    }
    
    #esp-index-loc #subtittle {
        margin: 0px;
        margin-bottom: 1em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 70%;
        color: white;
        margin-left: 0em;
    }

    #esp-index-cob h1 {
        margin: 0px;
        font-size: 5em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 70%;
        margin-left: 0em;
        margin-bottom: .2em;
    }

    #esp-index-cob {
        width: 100%;
        background-image: url(/img/material-cobre.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
        /* border: 1px solid #db0909; */
        height: 45em;
    }

    #esp-index-cob #subtittle {
        margin: 0px;
        margin-bottom: 0.5em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 100%;
        color: white;
        margin-left: 0em;
    }

    #esp-index-placa h1 {
        margin: 0px;
        font-size: 5em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 90%;
        margin-left: 0em;
        margin-bottom: .2em;
    }

    #esp-index-mats {
        width: 100%;
        background-image: url(/img/material.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
        /* border: 1px solid #db0909; */
        height: 45em;
    }

    #esp-index-mats #subtittle {
        margin: 0px;
        margin-bottom: 0.5em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 100%;
        color: white;
        margin-left: 0em;
    }

    #esp-index-mats h1 {
        margin: 0px;
        font-size: 5em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 90%;
        margin-left: 0em;
        margin-bottom: .2em;
    }

    #esp-index-mang {
        width: 100%;
        background-image: url(/img/material-manganeso.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
        /* border: 1px solid #db0909; */
        height: 45em;
    }

    #esp-index-mang #subtittle {
        margin: 0px;
        margin-bottom: 0.5em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 100%;
        color: white;
        margin-left: 0em;
    }

    #esp-index-mang h1 {
        margin: 0px;
        font-size: 5em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 90%;
        margin-left: 0em;
        margin-bottom: .2em;
    }

    #esp-index-placa {
        width: 100%;
        background-image: url(/img/material-placa.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
        /* border: 1px solid #db0909; */
        height: 45em;
    }

    #esp-index-placa #subtittle {
        margin: 0px;
        margin-bottom: 0.5em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 100%;
        color: white;
        margin-left: 0em;
    }

    #esp-index-inox h1 {
        margin: 0px;
        font-size: 5em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 70%;
        margin-left: 0em;
        margin-bottom: .2em;
    }

    #esp-index-mpp {
        width: 100%;
        background-image: url(/img/material-mpp.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
        /* border: 1px solid #db0909; */
        height: 45em;
    }

    #esp-index-mpp #subtittle {
        margin: 0px;
        margin-bottom: 0.5em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 100%;
        color: white;
        margin-left: 0em;
    }

    #esp-index-mpp h1 {
        margin: 0px;
        font-size: 5em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 100%;
        margin-left: 0em;
        margin-bottom: .2em;
    }

    #esp-index-inox {
        width: 100%;
        background-image: url(/img/material-inoxidable.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
        /* border: 1px solid #db0909; */
        height: 45em;
    }

    #esp-index-inox #subtittle {
        margin: 0px;
        margin-bottom: 0.5em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 100%;
        color: white;
        margin-left: 0em;
    }

    #esp-index-alm h1 {
        margin: 0px;
        font-size: 5em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 70%;
        margin-left: 0em;
        margin-bottom: .2em;
    }

    #esp-index-alm {
        width: 100%;
        background-image: url(/img/material-aluminio.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
        /* border: 1px solid #db0909; */
        height: 45em;
    }

    #esp-index-alm #subtittle {
        margin: 0px;
        margin-bottom: 0.5em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 100%;
        color: white;
        margin-left: 0em;
    }
  

    #esp-index-mat {
        width: 100%;
        background-image: url(/img/material.webp);
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        /* border: 1px solid #db0909; */
        height: 40em;
    }
    
    #esp-index-mat h1 {
        margin: 0px;
        font-size: 5em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1em;
        text-align: left;
        /* background: blue; */
        width: 90%;
        margin-left: 0em;
        margin-bottom: .2em;
    }

    #esp-index-mat #subtittle {
        margin: 0px;
        margin-bottom: 1em;
        font-size: 1.7em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 70%;
        color: white;
        margin-left: 0em;
    }


    #valuessus {
        /* background: rgb(214, 214, 214); */
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
        padding: 0em 0em;
        margin-bottom: 0em;
        /* border: 1px solid #000; */
        margin-left: 0%;
        /* box-shadow: rgba(0, 0, 0, 0.8) 0px 3px 8px; */
    }

    #valuessus2 .valuesus p {
        margin-top: .7em;
        /* background-color: red; */
    }
    
    #newinfocontact-sus {
        margin: 0;
        /* background-color: #0a531a; */
        padding: 0em 0 0 0;
        width: 35%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1em;
        font-family: Century-Gothic;
        line-height: 2.5em;
    }

		#formulario-sus {
			background-color: #084716;
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 70%;
			margin: auto;
            padding: 1em 0em;
            box-shadow: rgba(0, 0, 0, 0.8) 0px 3px 8px;
		}
	
		#formulario-sus .azul2 {
			color: #4daa50;
			text-align: center;
			/* background-color: red; */
			line-height: 1em;
			margin: 0.7em 0em 0.3em 0em;
			font-size: 2em;
			width: 50%;
		}
	
		#formulario-sus .txtlbl {
			font-size: 1em;
            font-weight: bold;
			width: 60%;
			color: rgb(255, 255, 255);
			line-height: 0em;
			margin-bottom: 0em;
		}
	
		#formulario-sus label {
			color: rgb(255, 255, 255);
			margin-bottom: 0em;
			font-size: 1em;
            margin: 0em;
		}
	
		#formulario-sus input {
			margin: 0em;
			height: 2.2em;
			width: 80%;
			text-align: center;
		}

        #formulario-sus .texto2 {
            margin-bottom: 1em;
            width: 80%;
        }
	
		#formulario-sus #boton2 {
			background-color: #4daa50;
			color: rgb(0, 0, 0);
			font-family: Century-Gothic;
			font-size: 1.3em;
			border-radius: 1.2em;
			margin-bottom: 0em;
			width: 40%;
			margin-top: 0em;
			height: 3em;
            margin: 0em;
		}
	
		#formulario-sus #boton2:hover {
			cursor: pointer;
			background-color: white;
			color: #4daa50;
			font-weight: bold;
		}
	
		#formulario-sus .nota {
			/* background: #c1950a; */
            margin: 1em;
            color: #ffffff;
		}
	
		#formulario-sus .nota a {
			font-size: 1.2em;
			background-color: none;
			margin-bottom: 0em;
			/* background-color: red; */
			color: rgb(255, 255, 255);
            margin: 0em;
		}

        #valuessus .valuesus {
            padding: 1em;
            background: rgb(214, 214, 214);
            width: 18%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            margin: 0em 0em;
            color: rgb(0, 0, 0);
            line-height: 1.5em;
            box-shadow: rgba(0, 0, 0, 0.8) 0px 3px 8px;
            /* border: 1px solid #000; */
        }

        #valuessus .valuesus img {
            /* background: #0a65db; */
            width: 50%;
            margin-bottom: .7em;
        }

        #values2sus .valuesus {
            /* background: #0a65db; */
            width: 18%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            margin: 1em 0em;
            color: rgb(0, 0, 0);
            line-height: 1.5em;
            text-align: center;
            /* border: 1px solid #000; */
        }

        #eso-index-4-sus {
            width: 100%;
            background: rgb(214, 214, 214);
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 0em;
        }
        
        #values2sus {
            /* background: rgb(214, 214, 214); */
            /* background: rgb(215, 185, 11); */
            width: 90%;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            flex-wrap: wrap;
            align-items: center;
            padding: 0em;
            margin: 0em 0em;
            margin: auto;
        }

        #valuessus2 {
            /* background: #f10fcc; */
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap;
            padding: 1em 0em 2em 0em;
            margin-bottom: 0em;
        }
    
        #subtitlesus {
            /* background: red; */
            font-size: 2em;
            padding: 1em 0em;
            font-weight: bolder;
            font-family: Century-Gothic;
        }


        #eso-index-4-sus img {
            width: 40%;
            /* background: rgb(34, 194, 13); */
            margin-bottom: 1em;
        }

    #caparec {
        width: 100%;
        height: 45vh;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0);
        display: flex;
        flex-direction: column;
        align-items:flex-start;
        /* border: 1px solid #f51414; */
        /* padding: 0em 0em 0em 1em; */
    }

    #newinfo {
        margin: 0;
        /* background: red;  */
        padding: 0em 0em 0em 0em;
        width: 70%;
        color: white;
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 0em;
        font-family: Arial, Helvetica, sans-serif;
        margin-left: 3%;

    }

    #newinforec {
        margin: 0;
        /* background: red;  */
        padding: 0em 0em 0em 0em;
        width: 70%;
        color: white;
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 0em;
        font-family: Arial, Helvetica, sans-serif;
        margin-left: 3%;

    }

    #certs {
        /* background-color: red; */
        width: 100%;
        display: none;
        flex-direction: row;
        align-items: center;
    }

    #certs2 {
        /* background-color: red; */
        width: 100%;
        display: none;
        flex-direction: row;
        align-items: center;
    }

    #certs img {
        width: 100%;
        margin-right: 1em;
        margin-bottom: 0em;

    }
    
    #newinfo #iso {
        /* background-color: red; */
        width: 10%;
        margin: 0em 1em 0em 0em; 
    }
    
    #newinfo #gptw {
        width: 7%;
        margin: 0em; 
    }
    
    #newinfo img{
        width: 100%;
        /* background-color: pink; */
    }

    #newinfo3 {
        margin: 0;
        background: rgb(4, 31, 1);
        padding: 10em 0 10em 3%;
        width: 34%;
        height: 18em;
        color: white;
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 0em;
        font-family: Century-Gothic;
        font-size: 1.2em;
        line-height: 1.5em;
    }

    
    #newinfo3 p {
        font-family: Century-Gothic;
        width: 80%;
        /* background-color: #4799e6; */
    }

    #newinfo img{
        width: 30%;
        /* background-color: red; */
    }

    #newinforec img{
        width: 30%;
        /* background-color: red; */
    }

    #newinfo3 img{
        width: 30%;
        /* background-color: red; */
    }

    #newinfo3 h1 {
        margin: 0px;
        font-size: 40px;
        font-family: "Archivo Black", sans-serif;
        color: #4daa50;
        line-height: 1.4em;
        text-align: left;
        width: 80%;
        margin-bottom: .5em;
        font-weight: bolder;
    }
    
    #newinfo h1 {
        margin: 0px;
        font-size: 3.5em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1.2em;
        text-align: left;
        /* background: blue; */
        width: 70%;
        margin: 0em;
    }
    
    #newinforec h1 {
        margin: 0px;
        font-size: 3.5em;
        font-family: "Archivo Black", sans-serif;
        font-weight: bolder;
        color: #5bd45f;
        line-height: 1.2em;
        text-align: left;
        /* background: blue; */
        width: 70%;
        margin: 0em;
    }

    #newinfo p {
        margin: 0px;
        margin-bottom: 0em;
        font-size: 1.3em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 65%;
    }

    #newinforec p {
        margin: 0px;
        margin-bottom: 0em;
        font-size: 1.3em;
        line-height: 1.5em;
        text-align: left;
        /* background-color: blue; */
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bolder;
        width: 65%;
    }
      
    #newbanner_heaad2 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fondo2-scrap.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaadcon {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/phone.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
      
    #newbanner_heaadfoot {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background: rgb(8, 48, 3);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad13 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/automotriz.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
    }
      
    #newbanner_heaad14 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/construccion.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad15 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/fundicion.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad16 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/ferroviaria.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
    
    #eso-index-3 {
        width: 100%;
        background: rgb(8, 48, 3);
       
        padding: 0em;
        /* border: 1px solid #e40f0f; */
    }

    #eso-index-3 ul{
        width: 100%;
        /* background: rgb(136, 83, 4); */
        margin: 0em;
        padding: 0em; 
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    #eso-index-3 li{
        width: 25%;
        background: rgb(136, 83, 4);
        margin: 0em;
    }

    #capainds {
        width: 100%;
        height:100vh;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* background-color: red; */
    }

    #capainds img {
        width: 35%;
    }
        
    #capainds h6 {
        color: rgb(255, 255, 255);
        font-size: 2em;
        /* background-color: #4799e6; */
        font-family: "Archivo Black", sans-serif;
        margin: .5em 0em;
        margin-bottom: 0em;
    }
        
    #capainds p {
        /* color: rgb(243, 8, 8); */
        font-size: 2.5em;
        /* background-color: #4799e6;              */
        font-family: "Archivo Black", sans-serif;
        margin: 0em;
        color: #4daa50;
        padding: 0em;
    }
        
    #capainds .num {
        font-size: 5em;
        color: #4daa50;
        /* background-color: red;    */
        padding: 0em;
        margin: 0em;
    }
        
    
    #eso-index-5 {
        width: 100%;
        background: rgb(255, 255, 255);
        padding: 0em;
        /* border: 1px solid #e40f0f; */
    }

    #eso-index-5 ul{
        width: 100%;
        background: rgb(136, 83, 4);
        margin: 0em;
        padding: 0em;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    #eso-index-5 li{
        width: 20%;
        /* background: rgb(136, 83, 4); */
        margin: 0em;
        /* border: 1px solid #1dcc2c; */
    }

    #eso-index-5 #capainds {
        width: 100%;
        height:40vh;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* background-color: red; */
    }
        
    #eso-index-5 #capainds h6 {
        color: rgb(255, 255, 255);
        font-size: 2.5em;
        /* background-color: #4799e6; */
        font-family: "Archivo Black", sans-serif;
        margin: 0em;
        margin-bottom: 0em;
    }
        
    #eso-index-5 #capainds p {
        /* color: rgb(243, 8, 8); */
        font-size: 1.5em;
        /* background-color: #4799e6; */
        font-family: "Archivo Black", sans-serif;
        margin: 0em;
        color: #ffffff;
    }
        
    #eso-index-5 #capainds .num {
        font-size: 2.5em;
        color: #4daa50;
        /* background-color: red; */
    }
    
    #newbanner_heaad17 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/industrias.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
    }
      
    #newbanner_heaad18 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/epp.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad19 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/materiales.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad20 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/logistica.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad21 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/patio-tultitlan.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
    
        
    #newbanner_heaad5 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/materiales/mixto.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
        border-radius: 0em;
        font-family: Century-Gothic;

    }
        
    #newbanner_heaad6 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/materiales/manganeso.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
        border-radius: 0em;
    }
        
    #newbanner_heaad7 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/materiales/placa.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
        border-radius: 0em;
    }
        
    #newbanner_heaad8 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/materiales/otros.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
        border-radius: 0em;
    }
        
    #newbanner_heaad9 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/materiales/aluminio.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
        border-radius: 0em;
    }
        
    #newbanner_heaad10 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/materiales/inoxidable.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
        border-radius: 0em;
    }
        
    #newbanner_heaad11 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/materiales/cobre.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
        border-radius: 0em;
    }
        
    #newbanner_heaad12 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/imagenes/banner/materiales-scrap-phone-02.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #e410d9; */
        height: 100%;
        border-radius: 0em;

    }
    
    #capain {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgba(43, 105, 43, 0);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        padding: 1em 0em;
        border-radius: 0em;
    }
    
    #capain:hover {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgba(43, 105, 43, .5);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        padding: 1em 0em;
        border-radius: 0em;
    }

    .card-container {
        perspective: 1000px;
        /* border: 10px solid #48c10f; */

    }

    .card {
        position: relative;
        width: 100%;
        height: 300px;
        transform-style: preserve-3d;
        transition: transform 0.6s;
        /* border: 1px solid #f10c0c; */
    }

    .card ~ p {
            background-color: red;
            width: 50%;
            font-size: 1.2em;
            color: white;
            font-weight: bolder;
            margin-bottom: 1em;
            display: none;
        }

    .front1, .back1, .front2, .back2, .front3, .back3, .front4, .back4, .front5, .back5, .front6, .back6, .front7, .back7, .front8, .back8 {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        backface-visibility: hidden;
        font-size: 1em;
    }

    .front1 {
        background-image: url(/img/materiales/mixto.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        /* color: red; */
        transform: rotateY(0deg);
    }

    .back1 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* color: rgb(255, 0, 0); */
        transform: rotateY(180deg);
    }

    .front2 {
        background-image: url(/img/materiales/manganeso.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back2 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front3 {
        background-image: url(/img/materiales/placa.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back3 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front4 {
        background-image: url(/img/materiales/otros.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back4 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front5 {
        background-image: url(/img/materiales/aluminio.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back5 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front6 {
        background-image: url(/img/materiales/cobre.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back6 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front7 {
        background-image: url(/img/materiales/inoxidable.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back7 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front8 {
        background-image: url(/img/materiales/otros2.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back8 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }
    
    .card-container:hover .card {
        transform: rotateY(180deg);
    }

    #newinfo6 {
        margin: 0;
        /* background: red;  */
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 0em;
        margin: 0em;
        /* border: 1px solid #0cf704; */
    }
    
    #newinfo6 a {
        /* border: 1px solid #1310bb; */
        width: 23%;
        text-decoration: none;
        font-family: Century-Gothic;
        color: white;
        background-color: none;
        margin: 2em 0em;
    }
    
    #newinfo6 a p {
        /* border: 1px solid #1310bb; */
        width: 90%;
        text-decoration: none;
        font-family: Century-Gothic;
        font-size: 1.3em;
        margin: auto;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    #newinfo6 h2 {
        color: rgb(0, 0, 0);
        font-size: 2em;
        padding: 0em 0em;
        /* background-color: blue; */
        margin: 0em;
        width: 100%;
        text-align: left;
    }

    #newinfo6 ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        /* border: 1px solid #ffffff; */
        padding: 0em;
        font-family: Century-Gothic;
        width: 100%;
        margin: 0em;
        margin: auto;
        /* background: #06550d; */
    }
    
    #newinfo6 ul li {
        width: 100%;
        height: 10em;
        /* border: 10px solid #ffffff; */
        color: white;
        border-radius: 0em;
        display: flex;
        flex-direction: column;
        font-family: Century-Gothic;
    }
    
    #newinfo6 ul li {
        font-family: Century-Gothic;
        /* background-color: red; */
    }
    
    #newinfo6 a {
        font-family: Century-Gothic;
        /* background-color: red; */
    }
    
    #newinfo6-2 {
        margin: 0;
        /* background: red;  */
        width: 66%;
        display: flex;
        flex-direction: column;
        margin: auto;
        /* border: 1px solid #0cf704; */
    }
    
    
    #newinfo6-2 a {
        /* border: 1px solid #1310bb; */
        width: 23%;
        text-decoration: none;
        font-family: Century-Gothic;
        color: white;
        background-color: none;
    }
    
    #newinfo6-2 a p {
        /* border: 1px solid #1310bb; */
        width: 90%;
        text-decoration: none;
        font-family: Century-Gothic;
        font-size: 1.3em;
        margin: auto;
        margin-top: .5em;
    }

    #newinfo6-2 h2 {
        color: white;
        font-size: 2em;
        padding: 1em 0em;
    }
    
    #newinfo6-2 ul {
        /* background-color: green; */
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        /* border: 1px solid #ffffff; */
        padding: 1em 0em;
        font-family: Century-Gothic;
    }
    
    #newinfo6-2 ul li {
        width: 100%;
        height: 5em;
        /* border: 10px solid #ffffff; */
        color: white;
        border-radius: 0em;
        display: flex;
        flex-direction: column;
        font-family: Century-Gothic;
    }
    
    #newinfo6-2 ul li {
        font-family: Century-Gothic;
        /* background-color: red; */
    }
    
    #newinfo6-2 a {
        font-family: Century-Gothic;
        /* background-color: red; */
    }
    
    #newbanner_heaad4 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fotos/image16.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #000; */
    }
        
    #newbanner_heaad3 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fondo-industrias-02-02.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #e714dd; */
    }
        
    #newbanner_heaad3-inds {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fondo-industrias-02-02.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: none;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #e714dd; */
    }

    #capa3 {
        width: 100%;
        height: 110em;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .7);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        /* background-color: red; */
        /* border: 1px solid #0920e9; */
    }

    #industries {
        background-color: none;
        /* border: 1px solid #11db1b; */
        display: grid;
        gap: 17em;
        width: 40%;
    }

    #industries h2 {
        /* background:red; */
        font-size: 4em;
        width: 100%;
        color: white;
    }

    #stats {
        /* background-color: red; */
        width: 60%;
        display: grid;
        gap: 14em;
    }

    .stat {
        color: white;
    }

    .stat h3{
        font-size: 10em;
        /* background-color: #0920e9; */
        margin: 0em;
        color: #4daa50;
    }

    .stat p{
        font-size: 1.5em;
        /* background-color: #0920e9; */
        margin: 0em;
        color: #4daa50;

    }

    #capa2 {
        width: 100%;
        height: 45em;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .5);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        /* background-color: red; */
    }

    #capa8 {
        width: 100%;
        height: 45em;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .8);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        /* background-color: red; */
    }

    #capa7 {
        width: 100%;
        height: 45em;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        /* background-color: red; */
    }

    #capafoot {
        width: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        margin: 0em;
        padding: 1em 0em;
        /* background-color: red; */
    }

    #capa4 {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .6);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        /* background-color: red; */
    }

    #capa3 img {
        width: 100%;
    }

    #newinfo2 {
        margin: 0;
        /* background: rgb(18, 78, 146);  */
        width: 40%;
        height: 100%;
        color: white;
        text-align: left;
        padding: 5em 0em;
    }

    #newinfo2 img{
        width: 100%;
        /* background-color: red; */
    }

    #newinfo2 p {
        text-align: left;
        margin: 0em;
        font-family: Century-Gothic;

    }
    
    #newinfo2 h1 {
        margin: 0px;
        font-size: 70px;
        font-family: Century-Gothic;
        color: #4daa50;
        line-height: 1em;
        text-align: left;
    }

	.subnav-burger {
		margin: auto;
		background: #4daa50;
		font-family: "Rubik Mono One", monospace;
		font-size: 1.2em;
		width: 100%;
		display: none;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		/* border-top: 1px solid #000;
		border-bottom: 1px solid #000; */
		margin-bottom: 1em;
	}
	
       #redesfmx {
        /* background-color: red;   */
        width: 80%;
        margin-top: 2em;

    }

    #redesfmx .sos {
        /* background-color: blue; */
        display: inline-block;
        width: 30%;
        margin-right: 0em;
    }

    #redesfmx a {
        width: fit-content;
        /* background-color: rgb(183, 230, 14); */
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0em;
        margin: auto;
        width: 80%;
        display: inline;
    }

    #redesfmx img {
        width: 100%;
        /* background-color: rgb(6, 61, 16); */
        /* border-radius: 2em; */
        margin: 0em;
        padding: .5em;
    }

    #redesfmx img:hover {
        width: 30%;
        transition: .3s;
        background-color: rgb(6, 61, 16);
        border-radius: 2em;
        margin: 0em;
        padding: .55em;
    }


    #contenedor {
		width: 100%;
		margin:auto;
		text-align:center;
		background: rgb(214, 214, 214);
		}

    #newbanner_heaad-historia #newinfo {
        margin: 0;
        padding: 14em 0em;
        width: 100%;
        height: 100%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    #newbanner_heaad-historia #newinfo h1 {
        margin: 20px;
        font-size: 70px;
        font-family: "AONCC___";
        line-height: 1em;
        width: 80%;
    }

    #newbanner_heaad-historia #capa {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0.8);
    }
    
    #newbanner_heaad-historia {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/images/san-patricio/2016/festival-cultural-san-patricio-méxico-año-2016-04.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #newbanner_heaad-historia #newinfo p {
        margin: 9px;
        font-size: 1.5em;
        line-height: 2em;
    }
    
    #newinfo #count {
    /* border: 1px solid #ffffff; */
    font-size: 1.5em;
    
    margin: 0em 0em 0em 0em;
    /* background: #c1950a; */
    }
     
    body {
        width: 100%;
        background-color: #072b03; 
        display: flex;
        flex-wrap: wrap;
    }
        
    #header-1 {
        width: 100%;
        /* background-color: red; */
        background-size: 100%;
        display: none;
    }

    main {
        width: 70%;
    }
    
    .subheader {
        width: 80%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2em 1em;
        /* border: 1px solid #000; */
    }
    
    #header-2 {
        width: 25%;
        background: url(/imagenes/fondo-01.webp);
        background-size: 100%;
        padding: 1.5% 2.5%;
        /* border: 1px solid #ffffff; */
    }

    #inn-header {
        /* background-color: red; */
        position: fixed;
        width:inherit;
    }

    #logo {
        margin: none;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        /* border: 1px solid #000; */
        margin-bottom: .5em;
    }

    #logo a{
        margin: auto;
        display: flex;
        align-items: center;
    }
    
    #logo img {
        width: 65%;
        /* background-color: #c5c216; */
        margin: auto;
    }

    
    #header-2 menu {
        width: 100%;
        margin: auto;
        /* background: blue; */
    }

    #header-2 nav {
        /* background: red; */
        margin: auto;
        text-align: center;
        width: 100%;
    }

    #header-2 nav ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        /* background-color: aqua; */
        margin-bottom: 1em;
    }
    
    #header-2 nav ul a {
        text-decoration: none;
    }

    #header-2 nav ul a li {
        padding: .3em;
        margin-bottom: 0.35em;
        color: #f1e8e8;
        text-decoration: none;
        font-size: 1em;
        line-height: 1.4em;
    }
 
    #header-2 nav ul a li:hover {
        background: #c1950a;
        color: black;
    }
      
    .subheader h1 {
        font-weight: 400;
        font-style: normal;
        font-size: 3em;
    }

    #esp-index {
        width: 100%;
        /* background: red; */
    }

    #eso-index-2 {
        width: 100%;
        background: rgb(4, 31, 1);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0em;
    }

    #eso-index-2 img {
        width: 30%;
        /* background: rgb(34, 194, 13); */
        margin-bottom: 0em;
    }

    #eso-index-4 {
        width: 100%;
        background: #e6e6e6;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0em;
    }

    #eso-index-4 img {
        width: 40%;
        /* background: rgb(34, 194, 13); */
        margin-bottom: 0em;
    }

    #values2 {
        /* background: #f10fcc; */
        width: 70%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        padding: 0em;
        margin: 0em;
    }
    
    .value2 {
        /* background: #0a65db; */
        width: 20%;
        padding: 0em;
        /* border: 1px solid #000; */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0em;
    }


    .value2 img {
        /* background: #db450a; */
        width: 10%;
        margin: 0em;
        padding: 0em;
    }

    #eso-index-2 .value3 img {
        /* background: #db450a; */
        margin: 0em;
        /* border: 1px solid #000; */
        width: 100%;
    }


    #vermasbutton:hover {
        background: rgb(20, 102, 7);
        transition: .5s;
        font-family: Century-Gothic;
        text-decoration:none;
        color: #000000;
        font-weight: bolder;
        padding: 1em;
        font-size: 1.1em;
        border-radius: 2em;
    }

    #vermasbutton2 {
        background: #4daa50;
        font-family: Century-Gothic;
        text-decoration:none;
        color: rgb(9, 49, 3);
        font-weight: bolder;
        padding: 1em;
        font-size: 1em;
        border-radius: 2em;
    }

    #vermasbutton2:hover {
        background: #89fd8d;
        transition: .5s;
        font-family: Century-Gothic;
        text-decoration:none;
        color: rgb(9, 49, 3);
        font-weight: bolder;
        padding: 1em;
        font-size: 1.1em;
        border-radius: 2em;
    }

    #capain #vermasbutton {
        /* background: rgb(9, 49, 3); */
        font-family: Century-Gothic;
        text-decoration:none;
        color: #081408;
        font-weight: bolder;
        padding: .5em;
        border-radius: 1em;
        width: 70%;
    }

    #capain #vermasbutton:hover {
        background: rgb(9, 49, 3);
        font-family: Century-Gothic;
        text-decoration:none;
        color: #ffffff;
        font-weight: bolder;
        padding: .5em;
        border-radius: 1em;
        width: 70%;

    }
    
    #capain #vermasbutton p {
        /* background-color: red; */
        padding: 0em;
        margin: 0em;
        width: 100%;
    }

    #message {
        background: #e6e6e6;
        width: 30%;
        text-align: left;
        padding: 0em;
        margin: 0em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0em;
    }

    
    #message p {
        width: 70%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1.5em;
        line-height: 1.5em;
        /* background-color: red; */
        margin-bottom: 0em;
        color: #4daa50;
        margin: 0em;
        margin-left: 3em;
        margin: 1em 0em 0em 3em;
    }

    #message p~p {
        width: 60%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1em;
        line-height: 1.5em;
        margin-left: 4.5em;
        /* background-color: red; */
        margin-bottom: 0em;
        color: #000000;
        margin: 0.5em 0em 1em 4.5em;
    }

    #vermasbutton {
        background: rgb(9, 49, 3);
        font-family: Century-Gothic;
        text-decoration:none;
        color: #4daa50;
        font-weight: bolder;
        padding: 1em;
        font-size: 1em;
        border-radius: 2em;
        margin-left: 4.5em;
        margin-bottom: 1em;
    }

    #message4{
        background: rgb(8, 48, 3);
        width: 30%;
        text-align: left;
        color: #4daa50;
        padding: 0em;
        margin: 0em;
        height: 15em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    #message2 {
        background: #e6e6e6;
        width: 30%;
        text-align: left;
        color: #4daa50;
        padding: 0em;
        margin: 0em;
        height: 35em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    #message4 p {
        width: 60%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1.5em;
        line-height: 1.5em;
        margin-left: 3em;
    }

    #message2 p {
        width: 65%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1.5em;
        line-height: 1.5em;
        margin-left: 3em;
    }

    #values {
        /* background: #f10fcc; */
        width: 70%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
        padding: 2em 0em;
    }

    .value {
        /* background: #0a65db; */
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        /* border: 1px solid #000; */
    }

    .value img {
        /* background-color: red; */
    }


    .value p {
        /* background: #0a65db; */
        width: 70%;
        margin: 1em 0em;
        color: white;
        font-family: Century-Gothic;
        line-height: 1.5em;
        font-size: .9em;
    }

    #valuesservs {
        /* background: #f10fcc; */
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        padding: 0em 0em;
    }

    #valuesservs img {
        /* background: #f10fcc; */
        width: 20%;
        margin-right: .8em;
    }

    .valueserv {
        /* background: #0a65db; */
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        /* border: 1px solid #000; */
        text-align: left;
        padding: 0em;
        margin: .8em 0em;
    }

    .valueserv p {
        /* background: #34db0a; */
        width: 100%;
        margin: 0em;
        color: white;
        font-family: Century-Gothic;
        line-height: 1.5em;
        text-align: left;
        margin: 0em;
        padding: 0em;
        font-size: .9em;
    }

    .value3 h4 {
        /* background-color: red; */
        text-align: left;
        width: 70%;
        margin: auto;
        margin: .5em;
        padding: 0em 0em;
        font-size: 1.2em;
        font-weight: bolder;
    }

    
    #newinfo4 {
        margin: 0;
        /* background: red;  */
        padding: 0em 0 0 0;
        width: 55%;
        height: 45em;
        color: white;
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 1em;
        font-family: Century-Gothic;
        line-height: 2.5em;
    }
    
    #newinfocontact {
        margin: 0;
        /* background: red;  */
        padding: 0em 0 0 0;
        width: 55%;
        height: 45em;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1em;
        font-family: Century-Gothic;
        line-height: 2.5em;
    }
    
    #newinfocontact h2{
        margin-bottom: 0em;
        /* background-color: red; */
        padding: 0em;
    }
    
    #newinfocontact p {
        margin-bottom: 0em;
        /* background-color: red; */
        padding: 0em;
        line-height: 1.5em;
        width: 80%;
    }

    
		form {
			background-color: #858585;
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 80%;
			margin: auto;
            padding: 1em 0em;
		}
	
		.azul {
			color: #4daa50;
			text-align: center;
			/* background-color: red; */
			line-height: 1em;
			margin: 0.7em 0em 0.3em 0em;
			font-size: 2.3em;
			width: 60%;
		}
	
		form .txtlbl {
			font-size: 1em;
			width: 60%;
			color: rgb(0, 0, 0);
			line-height: 1.5em;
			margin-bottom: 0em;
		}
	
		label {
			color: rgb(0, 0, 0);
			margin-bottom: 0em;
			font-size: 1em;
		}
	
		input {
			margin: 0em;
			height: 2.2em;
			width: 80%;
			text-align: center;
		}

        .texto1 {
            margin-bottom: 1em;
            width: 80%;
        }
	
		#boton {
			background-color: #4daa50;
			color: rgb(0, 0, 0);
			font-family: Century-Gothic;
			font-size: 1.3em;
			border-radius: 1.2em;
			margin-bottom: 0em;
			width: 60%;
			margin-top: 0em;
			height: 3em;
            margin: 0em;
		}
	
		#boton:hover {
			cursor: pointer;
			background-color: white;
			color: #4daa50;
			font-weight: bold;
		}
	
		.nota {
			/* background: #c1950a; */
            margin: 0em;
            color: #000;
		}
	
		.nota a {
			font-size: 1.2em;
			background-color: none;
			margin-bottom: 0em;
			/* background-color: red; */
			color: rgb(0, 0, 0);
            margin: 0em;
		}


     #newinfoimg{
        width: 40%;
        /* background-color: red; */
    }

    
    #newinfoimg img{
        width: 100%;
        /* background-color: red; */
    }

     
    #newinfo4 h1 {
        margin: 0px;
        font-size: 60px;
        font-family: Century-Gothic;
        color: #4daa50;
        line-height: 1.3em;
        text-align: left;
        width: 100%;
    }

    #estados {
        /* background: #4799e6; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }

    #newinfo4 ul {
        /* background-color: rgb(37, 214, 14); */
        display: flex;
        flex-direction: column;
        width: 19%;
        /* border: 1px solid #000; */
        line-height: 1em;
        margin: 0em;
    }

    #newinfo4 li {
        /* background-color: rgb(29, 19, 216); */
        font-size: .9em;
        font-weight: bolder;
        text-align: center;
        /* border: 1px solid #000; */
    }
    
    
    #newinfo5 {
        margin: 0;
        /* background: rgb(15, 223, 102);  */
        padding: 0em 0 0 0;
        width: 100%;
        height: 100%;
        color: white;
        text-align: left;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
        gap: 0em;
        font-family: Century-Gothic;
        line-height: 5em;

    }
     
    #newinfo5 h1 {
        margin: 0px;
        font-size: 60px;
        font-family: Century-Gothic;
        color: #4daa50;
        line-height: 1.3em;
        text-align: center;
        width: 100%;
    }

    #estados2 {
        /* background: #4799e6; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
        width: 100%;
        margin: 0em;
    }

    #estados3 {
        /* background: #4799e6; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
        width: 100%;
        margin: 0em;
    }
    
    #capafoot2 {
        width: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: #e6e6e6;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        margin: 0em;
        padding: 1em 0em;
        /* background-color: red; */
    }

    #estados3 {
        /* background: #4799e6; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
        width: 100%;
        margin: 0em;
    }

    #estados3 ul {
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 20%;
        /* border: 1px solid #000; */
        line-height: 1.8em;
        margin: 0em;
        gap: 0em;
    }

    
    #newinfo7 {
        margin: 0;
        /* background: rgb(15, 223, 102);  */
        padding: 0em 0 0 0;
        width: 100%;
        height: 100%;
        text-align: left;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
        gap: 0em;
        font-family: Century-Gothic;
        line-height: 5em;

    }

    #newinfo7 ul {
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 20%;
        /* border: 1px solid #000; */
        line-height: 1.8em;
        margin: 0em;
        gap: 0em;
    }

    #newinfo7 ul h4 {
        /* background-color: rgb(22, 196, 65); */
        text-align: center;
        width: 100%;
        margin: auto;
        padding: .5em 0em;
        color:  rgb(255, 255, 255);
        font-size: 1.5em;
        font-weight: bolder;
    }

    #newinfo7 li {
        background-color: rgb(255, 255, 255, 0);
        font-size: 1em;
        font-weight: bolder;
        line-height: 2.6em;
        padding: 0em;
        border-radius: 1.5em;
        padding: .5em;
        text-align: center;
    }

    #newinfo7 a {
        text-decoration: none;
        
    }

    #newinfo7 li:hover {
        background:#e0e0e0;
        transition: .5s;
        font-size: 1em;
        font-weight: bolder;
        line-height: 2.6em;
        padding: 0em;
        border-radius: 1.5em;
        padding: .5em;
    }

    #newinfo5 ul {
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 20%;
        /* border: 1px solid #000; */
        line-height: 1.8em;
        margin: 0em;
        gap: 0em;
    }

    #newinfo5 ul h4 {
        /* background-color: rgb(22, 196, 65); */
        text-align: center;
        width: 100%;
        margin: auto;
        padding: .5em 0em;
        color:  rgb(8, 48, 3);
        font-size: 1.5em;
        font-weight: bolder;
    }

    #newinfo5 li {
        background-color: rgb(255, 255, 255, 0);
        font-size: 1em;
        font-weight: bolder;
        line-height: 2.6em;
        padding: 0em;
        border-radius: 1.5em;
        padding: .5em;
        text-align: center;
        
    }

    #newinfo5 a {
        text-decoration: none;
        
    }

    #newinfo5 li:hover {
        background:  rgb(8, 48, 3);
        transition: .5s;
        font-size: 1em;
        font-weight: bolder;
        line-height: 2.6em;
        padding: 0em;
        border-radius: 1.5em;
        padding: .5em;
    }

    #message3 {
        background: #e6e6e6;
        width: 43%;
        text-align: left;
        color: #4daa50;
        padding: 0em;
        margin: 0em;
        height: 20em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    #message3others {
        background-color: rgb(255, 255, 255, 0);
        width: 55%;
        text-align: left;
        color: #4daa50;
        padding: 0em;
        margin: 0em;
        height: 20em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    #message3others p {
        width: 80%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1em;
        line-height: 2em;
    }
    
    #messageserv {
        /* background: rgb(172, 187, 170); */
        width: 15%;
        text-align: left;
        padding: 0em;
        margin: 0em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 1em 0em;
        height: 100vh;
        /* border: 1px solid #ffffff; */
    }

    #green {
        width: 20%;
        /* background-color: red; */
        /* border: 1px solid #ffffff; */
    }

    #green img{
        width: 100%;
        /* background-color: red; */
    }

  
    #messageserv p {
        width: 100%;
        font-family: Century-Gothic;	
        font-weight: bold;
        line-height: 1.5em;
        /* background-color: red; */
        margin-bottom: 0em;
        color: #4daa50;
        margin: 0em;
        margin-left: 0em;
        margin: 1em 0em 0em 0em;
        text-align: left;
    }

  #title {
        font-size: 1.3em;
        /* background-color: red; */
    }

    #messageserv p~p {
        width: 100%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1em;
        line-height: 1.5em;
        margin-left: 0em;
        /* background-color: red; */
        margin-bottom: 0em;
        color: #ffffff;
        margin: 1em 0em 1em 0em;
    }

    #values3 {
        /* background: #f10fcc; */
        width: 60%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        padding: 0em;
        font-family: Century-Gothic;	
    }


    #message3 p {
        width: 80%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1em;
        line-height: 2em;
    }
    
    .value3 .icono {
        /* background-color: red; */
        width: 30%;
        margin: 1em 1em;

    } 

    .value3 .icono img {
        width: 10%;
    } 

    .values3 img {
        width: 10%;
        border: 1px solid #000;
    } 

    .value3 a {
        /* background-color: red; */
        width: 100%;
        margin: 10em 0em;
        font-weight: bolder;
        text-decoration: none;
    } 
    
    .value3 {
        background: #e6e6e6;
        width: 23%;
        padding: 0em;
        /* border: 1px solid #000; */
        margin: 0em;
        color: rgb(0, 0, 0);
    }

    .value3:hover {
        background: #06550d;
        transition: .3s;
        width: 23%;
        padding: 0em;
        /* border: 1px solid #000; */
        margin: 0em;
        color: rgb(255, 255, 255);

    }

    .value3 p {
        /* background-color: red; */
        width: 80%;
        margin: auto;
        margin-top: 1em;
        margin-bottom: 1.5em;
        font-family: Century-Gothic;	
        text-align: left;
        font-size: 1em;
        line-height: 1.5em;
    }
    
}


@media (min-width: 652px) and (max-width: 1279px) {

    
    #newbanner_heaad {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/imagenes/fondo-new-banner.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    #newbanner_heaad-noindex {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-color: rgb(10, 81, 30);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #capa {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0.6);
    }

    #newbanner_heaad-historia #newinfo {
        margin: 0;
        padding: 11.5em 0em;
        width: 100%;
        height: 100%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #newbanner_heaad-historia #capa {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0.8);
    }
    
    #newbanner_heaad-historia {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/images/san-patricio/2016/festival-cultural-san-patricio-méxico-año-2016-04.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #newbanner_heaad-historia #newinfo p {
        margin: 5px;
        font-size: 1.2em;
        line-height: 1em;
    }
   
    #newbanner_heaad-historia #newinfo h1 {
        margin: 20px;
        font-size: 30px;
        font-family: "AONCC___";
        line-height: 1em;
        width: 80%;
    }

    #newinfo {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    #newinfo h1 {
        margin: 20px;
        font-size: 40px;
        font-family: "AONCC___";
        line-height: 1em;
    }
    
    #newinfo #count {
    /* border: 1px solid #ffffff; */
    font-size: .8em;
    
    margin: 0em 0em 0em 0em;
    /* background: #c1950a; */
    }

    #newinfo p {
        margin: 3px;
        font-size: 1.3em;
        line-height: 1.5em;
    }
    
    #patrocinadores {
        width: 50%;
        /* background-color: red; */
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        /* margin-top: .8em; */
        justify-content: space-between;
        padding: 0em;
        margin-top: 2em;
    }

    #patrocinadores img {
        width: 40%;
        margin-bottom: 2em;
    }

    #banner-index {
        width: 100%;
        background: url(/imagenes/desfile/337409295_727184179063585_7871876553211787193_n.jpg);
        background-size: 110%;
        /* border: 1px solid #0fda41; */
        font-family: "AONCC___";
    }

    #banner-index h1 {
    font-size: 1.5em;
    line-height: 1.3em;
    }

    #banner-index img{
        width: 10%;
        margin: auto;
    }

    #banner-index-inn {
        display: grid;
        gap: 1em;
        width: 80%;
        color: white;
        /* border: 1px solid #e90a0a; */
        margin: auto;
        position: absolute;
        z-index: 99;
        text-align: center;
        padding: 5% 10%;
        font-family: "AONCC___";
        font-size: 1em;
    }

    .pantalla {
        width: 100%;
        height: 260px;
        background-color: #0a1f03;
        opacity: .85;
        font-family: "AONCC___";
    }

    #banner-index-2 {
        width: 100%;
        background: url(/imagenes/desfile/1er-san\ -patricio-fest.webp);
        background-size: 120%;
        /* border: 1px solid #0fda41; */
        font-family: "AONCC___";
        display: none;
    }

    #banner-index-2 h1 {
    font-size: 2em;
    line-height: 1.3em;
    }

    #banner-index-2 img{
        width: 10%;
        margin: auto;
    }

    #banner-index-inn-2 {
        display: grid;
        gap: 1em;
        width: 80%;
        color: white;
        /* border: 1px solid #e90a0a; */
        margin: auto;
        position: absolute;
        z-index: 99;
        text-align: center;
        padding: 5% 10%;
        font-family: "AONCC___";
        font-size: 1em;
    }

    .pantalla-2 {
        width: 100%;
        height: 260px;
        background-color: #0a1f03;
        opacity: .85;
        font-family: "AONCC___";
    }

    #banner-index-3 {
        width: 100%;
        background: url(/imagenes/desfile/1er-san\ -patricio-fest.webp);
        background-size: 120%;
        /* border: 1px solid #0fda41; */
        font-family: "AONCC___";
        display: none;
    }

    #banner-index-3 h1 {
    font-size: 2em;
    line-height: 1.3em;
    }

    #banner-index-3 img{
        width: 10%;
        margin: auto;
    }

    #banner-index-inn-3 {
        display: grid;
        gap: 1em;
        width: 80%;
        color: white;
        /* border: 1px solid #e90a0a; */
        margin: auto;
        position: absolute;
        z-index: 99;
        text-align: center;
        padding: 5% 10%;
        font-family: "AONCC___";
        font-size: 1em;
    }

    #banner-index-inn-3 p {
        width: 80%;
        font-family: "AONCC___";
        font-size: 1em;
        margin: auto;
    }

    .pantalla-3 {
        width: 100%;
        height: 260px;
        background-color: #0a1f03;
        opacity: .85;
        font-family: "AONCC___";
    }

    #header-1 {
        width: 100%;
        /* background-color: red; */
        background-size: 100%;
        display: block;
    }

    #header-2 {
        display: none;
    }

    
       #redesfmx {
        /* background-color: red; */
        width: 100%;
        margin-top: 2em;

    }

    #redesfmx .sos {
        /* background-color: blue; */
        display: inline-block;
        width: 25%;
        margin-right: 0em;
        margin: 1em 0em;
    }

    #redesfmx a {
        width: fit-content;
        /* background-color: rgb(183, 230, 14); */
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0em;
        margin: auto;
        width: 80%;
        display: inline;
    }

    #redesfmx img {
        width: 100%;
        /* background-color: rgb(6, 61, 16); */
        /* border-radius: 2em; */
        margin: 0em;
        padding: .5em;
    }

    #redesfmx img:hover {
        width: 30%;
        transition: .3s;
        background-color: rgb(6, 61, 16);
        border-radius: 2em;
        margin: 0em;
        padding: .55em;
    }


	.subnav-burger {
		margin: auto;
		background: rgb(8, 48, 3);
		font-family: "Rubik Mono One", monospace;
		font-size: 1.2em;
		width: 100%;
		display: block;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		/* border-top: 1px solid #000;
		border-bottom: 1px solid #000; */
		margin-bottom: 0em;
        padding: 1em 0em;
	}

    .subheader {
        width: 80%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2em 1em;
        /* border: 1px solid #000; */
    }

    #logo {
        margin: none;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* border: 1px solid #ffffff; */
        /* background: red; */
    }

    #logo a {
        /* background: #c5c216; */
        display: flex;
        align-items: center;
    }

    #logo img {
        width: 95%;
        margin: auto;
    }
    
    .subheader h1 {
        font-weight: 400;
        font-style: normal;
        font-size: 3em;
    }

    .icon-menu {
        font-size: 2em;
        display:flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        /* background: blue; */
    }

    .menu-burger {
        display: none;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: #0a1f03;
    }

    .menu-burger ul {
        display: flex;
        flex-direction: column;
        background: url(/imagenes/fondo-02.webp);
        background-size: 100%;
    }

    .menu-burger ul a {
        margin: auto;
        text-decoration: none;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 2.5em;
    }

    .menu-burger ul a li {
        text-align: center;
        font-family: Century-Gothic;
        color: white;
        margin-bottom: .2em;
        font-size: 1.3em;
    }

    .menu-burger ul a {
        /* background-color: red; */
        padding: 1em;
        border-bottom: 1px solid #ffffff;

    }

    .menu-burger ul a li~img {
        width: 80%;
        padding: 0em;
    }

    .icon-cancel{
        color: white;
        font-size: 2em;
        margin: auto;
        padding: .5em 0em;  
        display: flex;
        flex-direction: column;
        
        /* border: 1px solid #000; */
        align-items: center; 
        margin-bottom: .5em;

    }

    #btn-menu {
        display: none;
    }

    #btn-menu:checked ~ nav {
        display: block;
    }

    .banner {
        width: 100%;
        height: 200px;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 5em 0em;
        /* margin-top: 1em; */
    }

    .banner-2 {
        width: 100%;
        height: 200px;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 4em 0em;
        /* margin-top: 1em; */
    }
    
    @keyframes banner {
        0%,
        100% {
        background-image: url("/imagenes/fondo-banner-shamrock.webp");
        }
    }

    .capa {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
    }

    .info {
        z-index: 1;
        width: 95%;
        max-width: 550px;
        text-align: center;
        /* background: rgb(7, 230, 92); */
        /* line-height: 31em; */
    }

    .info h1 {
        color: #fff;
        line-height: 1em;
        font-size: 2em;
        margin-bottom: 0em;
        letter-spacing: 1px;
        width: 100%;
        margin: auto;
        font-family: "AONCC___";
        /* background: red; */
    }

    .info p {
        color: #c7c7c7;
        line-height: 1.7em;
        margin-bottom: 0em;
        /* background-color: red; */
    }
    
    .info img {
        width: 20%;
    } 


#count-down {
    background: url(/imagenes/fondo-banner.webp);
    background-size: 100%;
    color: white;
    text-align: center;
    line-height: 2.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1em 0em;
} 

.image-container .nudos {
    border: none;
    /* background-color: rgb(27, 37, 233); */
    width: 40%;
    margin-top: 0em;
    padding: 0em 5em;
    margin: auto;
    margin-bottom: 1em;
}

.image-container h2 {
    font-size: 2em;
    text-align: center;
    width: 100%;
    /* margin: auto; */
    line-height: 1em;
    font-family: "AONCC___";
    /* background-color: rgb(27, 236, 4); */
    color: white;
    margin-top: 0em;
    margin-bottom: 0.1em;
    padding: 0em;
}

.image-item {
    margin-bottom: 1em;
    /* border: 1px solid #23d50b; */
    width: 100%;
}


.image-item img {
    width: 100%;
    /* border: 1px solid #c81515; */
}


.image-item-1 {
    margin-bottom: 1em;
    /* border: 1px solid #23d50b; */
    width: 100%;
}

.image-item-1 img {
    width: 100%;
    /* border: 1px solid #c81515; */
}

.images {
    /* border: 1px solid #0aef38; */

}

button {
    width: 70%;
    margin-bottom: 10em;
    /* border: 10px solid #ffffff; */
    /* border: 1px solid #000; */
}

.image-container {
    margin-bottom: 20em;
    padding: 0em 0em;
    width: 100%;
    margin: auto;
    margin-top: 1em;
    display: flex;
    flex-direction: column;
    /* border: 1px solid #ffffff; */
}
        
.container {
    border-top: 5px solid #c1950a;
    width: 80%;
    margin: auto;
    /* background: RED; */
}

#slider-new {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#slider-new ul {
    display: flex;
    padding: 0;
    width: 400%;
    animation: slide 15s infinite alternate ease-in-out;
}

.slider-new li {
    width: 100%;
    list-style: none;
    position: relative;
}

#slider-new img {
    width: 100%;
}

@keyframes slide {
    0% {margin-left: 0;}
    20% {margin-left: 0;}
    
    25% {margin-left: -100%;}
    45% {margin-left: -100%;}
    
    50% {margin-left: -200%;}
    70% {margin-left: -200%;}
    
    75% {margin-left: -300%;}
    100% {margin-left: -300%;}
}

#contacts-box {
    /* background-color: red; */
    display: flex;
    flex-direction: column;
    padding: 1em;
    width: 80%;
    margin: auto;
}

#contacts-box img {
    width: 50%;
}

.contact {
    margin-bottom: 1em;
    font-size: 2em;
    text-align: center;
    color: white;
}

.contact p {
    font-size: .5em;
    text-align: center;
    color: white;
    margin-top: .7em;
}

.icon-phone {
    font-size: 1.3em;
}

.icon-mail {
    font-size: 1.3em;
}

		header{
			width:100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			align-items: none;
			/* background:#da0e0e; */
			margin: auto;
		}
	
		#logo-foremex{
			width:32%;
			text-align:center;
			padding: 0em 0em;
			/* background-color: rgb(33, 44, 194); */
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding-left: 1em;
		}
	
		#logo-foremex img{
			width:100%;
			text-align:center;
			padding: 0em 0em;
		}

		#logo-foremex a { 
			/* background-color: rgb(201, 172, 172); */
			/* border: 1px solid #000; */
			width: 70%;
		}
	
		#logo-foremex img{
			width:100%;
			padding: 0em 0em;
		}
	
		#contact{
			text-align:center;
			font-size:1em;
			width:60%; 
			padding-top:.5em; 
			padding-right:0em; 
			/* background:green; */
			margin-top: 0em; 
			margin-bottom: 0em; 
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			justify-content: flex-end;
			padding-right: 1em;
		}
	
		#contact p{
			font-family: Century-Gothic;	
			font-size: 1em;
			/* background-color: #d0e0d1; */
			margin: 0.5em 0em;
		}
	
		#whattsapp {
			background-color: #4daa50;
			padding: 0em;
			width: 40%;
			margin: none;
			border-radius: 1em;
			/* border: 1px solid #1a58cc; */
			margin-bottom: 0em;
            margin-right: 0em;
            padding: 1em;
		}
	
		#whattsapp2 {
			background-color: #4daa50;
			padding: 0em;
			width: 40%;
			margin: none;
			border-radius: 1em;
			/* border: 1px solid #1a58cc; */
			margin-bottom: 0em;
            margin-right: 0em;
            padding: 1em;
		}
	
		#whattsapp:hover {
			background-color: #363636;
			padding: 0em;
			width: 40%;
			margin: none;
			border-radius: 1em;
			/* border: 1px solid #1a58cc; */
			margin-bottom: 0em;
            /* margin-right: 1em; */
            padding: 1em;
		}
	
		#whattsapp2:hover {
			background-color: #363636;
			padding: 0em;
			width: 40%;
			margin: none;
			border-radius: 1em;
			/* border: 1px solid #1a58cc; */
			margin-bottom: 0em;
            /* margin-right: 1em; */
            padding: 1em;
		}
	
		#whattsapp #button--whatsapp  {
			/* background-color: #4daa50; */
			text-decoration: none;
			display: block;
		}
	
		#whattsapp #button--whatsapp2  {
			/* background-color: #4daa50; */
			text-decoration: none;
			display: none;
		}

			
		#whattsapp #button--whatsapp-index  {
			/* background-color: #4daa50; */
			text-decoration: none;
			display: block;
		}
			
		#whattsapp2 #button--whatsapp-index  {
			/* background-color: #4daa50; */
			text-decoration: none;
			display: block;
		}
			
		#whattsapp #button--whatsapp-compras  {
			/* background-color: #4daa50; */
			text-decoration: none;
			display: block;
		}
	
		#whattsapp p {
			/* background-color: #4daa50; */
			color: white;
			padding: 0em;
			border-radius: 1.2em;
			font-weight:100;
			margin-bottom: 0em;
            margin: 0em;
            font-size: 1em;
		}
	
		#whattsapp2 p {
			/* background-color: #4daa50; */
			color: white;
			padding: 0em;
			border-radius: 1.2em;
			font-weight:100;
			margin-bottom: 0em;
            margin: 0em;
            font-size: 1em;
		}
	
		/* #whattsapp p:hover {
			background-color: #ffffff;
			color: #4daa50;
			padding: 1em;
			border-radius: 1.2em;
			font-weight:bold;
		} */

        #ctas {
            width: 100%;
            /* border: 1px solid #f70808; */
            display: flex;
            justify-content: space-around;
            align-items: flex-start;
            padding: 2em 0em 5em 0em;
            margin: auto;
        }
	
		.bnav {
			background-color: red;
			display:block;
            position: absolute;
            /* border: 1px solid #1054bb; */
		}
	
		.bnav-phone {
            background-color: rgba(0, 0, 0, .55);           
            width: 100%;
			display: none;
			flex-direction: row;
			align-items: center;
            justify-content: flex-end;
			margin: auto;
			margin-top: 0em;
			/* border-bottom: 1px solid #eb0f0f; */
		}
	
		.bnav-phone h2 {
			/* background-color: rgb(192, 221, 26); */
			margin-top: 0em;
			border-bottom: 1px solid #000;
			width: 60%;
			margin-bottom: .6em;
			display: none;
		}
	
		#menu {
			background-color: rgba(0, 0, 0, 0);
			/* border-bottom: 5px solid #ffffff; */
			width: 70%;
            margin: 0em;
            /* border: 1px solid #2b18db; */
		}
	
		ul {
			background-color: none;
			/* border: 1px solid #67fc11; */
			width: 100%;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			margin: auto;
			align-items: center;
			justify-content: space-between;
			padding: 1em 0em;
		}
	
		li {
			/* background-color: rgb(221, 25, 162); */
			text-align: center;
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			font-size: 1em;
			margin: 0em 0em;
			/* border: 1px solid #d5d80c; */
			/* border-right: 1px solid #ffffff;
			border-left: 1px solid #ffffff; */
		}
	
		li a {
			background-color: none;
			width: 100%;
			margin: 0em 0em;
			text-decoration: none;
			padding: .8em;
			color: rgb(255, 255, 255);
			border-radius: 0em;
			font-weight: normal;
		}
	
		li a:hover {
			background-color: white;
			width: 100%;
			margin: 0em 0em;
			text-decoration: none;
			padding: .8em;
			color: rgb(0, 0, 0);
			border-radius: 0em;
			font-weight: bold;
		}

        
    #newbanner_heaadlocations {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/location.webp);
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
        
    #newbanner_heaad {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/banner4.webp);
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
        
    #newbanner_heaad-noindex {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-color: rgb(10, 81, 30);
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    #capa {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0.55);
        display: flex;
        flex-direction: column;
        align-items:flex-end;
        /* background-color: #06550d; */
    }

    #newinfo {
        margin: 0;
        /* background: red;  */
        padding: 3em 0 0 0;
        width: 70%;
        height: 100%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1em;
        font-family: Century-Gothic;
        margin: auto;

    }
    
    #certs {
        /* background-color: red; */
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
    }

    #certs img {
        width: 100%;
        margin-right: 0em;
        margin-bottom: 5em;
    }
    
    #certs2 {
        /* background-color: red; */
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        padding: 2em 0em 0em 0em;
        margin-bottom: 0em;
    }

    #certs2 img {
        width: 60%;
        margin-right: 0em;
        margin-bottom: 2em;
    }

    #certs2 #iso {
        width: 30%;
        margin-right: 0em;
        margin-bottom: 2em;
        /* background-color: #4799e6; */
    }
    
    #newinfo #iso {
        width: 50%;
        margin: 0em; 
    }
    
        #iso2 {
            width: 10%;
            margin: 0em 0em 0em 0em; 
            display: none;
            /* background-color: red; */
        }
    
    #newinfo #gptw {
        width: 30%;
        margin: 0em; 
    }
    
    #newinfo img{
        width: 100%;
        /* background-color: pink; */
    }


    #newinfo3 {
        margin: 0;
        /* background: red;  */
        padding: 0em 0 0 0;
        width: 80%;
        height: 10%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 0em;
        font-family: Century-Gothic;
        line-height: 2.5em;
        margin-bottom: 0em;

    }

    #newinfo3 p {
        font-family: Century-Gothic;
        line-height: 1.7em;
        font-size: 1em;
        /* background-color: blue; */
        text-align: center;
    }

    #newinfo3 img{
        width: 30%;
        /* background-color: red; */
    }

    #newinfo3 h1 {
        margin: 0px;
        font-size: 30px;
        font-family: Century-Gothic;
        color: #4daa50;
        line-height: 1.3em;
        text-align: center;
        width: 100%;
        margin-bottom: .5em;
        /* background-color: blue; */
    }
    
    #newinfo p {
        text-align: center;
        margin: 0em;
        font-family: Century-Gothic;

    }
    
    #newinfo h1 {
        margin: 2em 0em;
        font-size: 30px;
        font-family: Century-Gothic;
        font-weight: bolder;
        color: rgb(8, 48, 3);
        line-height: 1.5em;
        text-align: center;
        color: white;
    }
    
        
    #newbanner_heaad2 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fondo2-scrap.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #000; */
    }
        
    #newbanner_heaad4 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fotos/image16.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #000; */
    }
        
    #newbanner_heaad3 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fondo-industrias-02-02.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: none;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #e714dd; */
    }
        
    #newbanner_heaad3-inds {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fondo-industrias-02-02.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #e714dd; */
    }

    
    #newinfo6 {
        margin: 0;
        /* background: red;  */
        width: 45%;
        display: flex;
        flex-direction: column;
        /* border: 1px solid #0cf704; */
    }
    
    #newinfo6 a {
        /* border: 1px solid #1310bb; */
        width: 23%;
        text-decoration: none;
        font-family: Century-Gothic;
        color: white;
        background-color: none;
    }
    
    #newinfo6 a p {
        /* border: 1px solid #1310bb; */
        width: 100%;
        text-decoration: none;
        font-family: Century-Gothic;
        font-size: 1.5em;
        margin: auto;
        margin-top: .5em;
    }

    #newinfo6 h2 {
        color: white;
        font-size: 2em;
        padding: .5em 0em;
    }
    
    #newinfo6 ul {
        /* background-color: green; */
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        /* border: 1px solid #ffffff; */
        padding: 0em;
        font-family: Century-Gothic;
    }
    
    #newinfo6 ul li {
        width: 100%;
        height: 10em;
        /* border: 10px solid #ffffff; */
        color: white;
        border-radius: 0em;
        display: flex;
        flex-direction: column;
        font-family: Century-Gothic;
    }
    
    #newinfo6 ul li {
        font-family: Century-Gothic;
        /* background-color: red; */
    }
    
      
    #newinfo6 a {
        /* border: 1px solid #1310bb; */
        width: 100%;
        text-decoration: none;
        font-family: Century-Gothic;
        color: white;
        background-color: none;
        margin-bottom: 1em;
    }

    
    .card-container {
        perspective: 1000px;
        /* border: 1px solid #ffffff; */

    }

    .card {
        position: relative;
        width: 90%;
        height: 300px;
        transform-style: preserve-3d;
        transition: transform 0.6s;
        margin: auto;
        /* border: 1px solid #f10c0c; */
    }
    
    .card-container ~ p {
            /* background-color: red; */
            width: 50%;
            font-size: 1.2em;
            color: white;
            font-weight: bolder;
            margin-bottom: 1em;
        }

    .front1, .back1, .front2, .back2, .front3, .back3, .front4, .back4, .front5, .back5, .front6, .back6, .front7, .back7, .front8, .back8 {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        backface-visibility: hidden;
    }

    .front1 {
        background-image: url(/img/materiales/mixto.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        /* color: red; */
        transform: rotateY(0deg);
    }

    .back1 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front2 {
        background-image: url(/img/materiales/manganeso.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back2 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front3 {
        background-image: url(/img/materiales/placa.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back3 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front4 {
        background-image: url(/img/materiales/otros.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back4 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front5 {
        background-image: url(/img/materiales/aluminio.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back5 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front6 {
        background-image: url(/img/materiales/cobre.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back6 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front7 {
        background-image: url(/img/materiales/inoxidable.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back7 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front8 {
        background-image: url(/imagenes/banner/materiales-scrap-phone-02.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back8 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }
    
    .card-container:hover .card {
        transform: rotateY(180deg);
    }
    
    #newinfo6-2 {
        margin: 0;
        background-color: #858585;
        width: 80%;
        display: flex;
        flex-direction: column;
        margin: auto;
        /* border: 1px solid #0cf704; */
    }
    
    #newinfo6-2 a {
        /* border: 1px solid #1310bb; */
        width: 23%;
        text-decoration: none;
        font-family: Century-Gothic;
        color: white;
        background-color: none;
    }
    
    #newinfo6-2 a p {
        /* border: 1px solid #1310bb; */
        width: 100%;
        text-decoration: none;
        font-family: Century-Gothic;
        font-size: 1.5em;
        margin: auto;
        margin-top: .5em;
    }

    #newinfo6-2 h2 {
        color: white;
        font-size: 2em;
        padding: .5em 0em;
    }
    
    #newinfo6-2 ul {
        /* background-color: green; */
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        /* border: 1px solid #ffffff; */
        padding: 0em;
        font-family: Century-Gothic;
        text-align: center;
    }
    
    #newinfo6-2 ul li {
        width: 90%;
        height: 3em;
        /* border: 1px solid #13e11d; */
        color: white;
        border-radius: 0em;
        display: flex;
        flex-direction: column;
        font-family: Century-Gothic;
        text-align: center;
    }
    
      
    #newinfo6-2 a {
        /* border: 1px solid #1310bb; */
        width: 100%;
        text-decoration: none;
        font-family: Century-Gothic;
        color: white;
        background-color: none;
        margin-bottom: 3em;
    }
    
    #capain {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        /* background: rgba(43, 105, 43, 1); */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        padding: 1em 0em;
        border-radius: 0em;
    }
    
    #capain:hover {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgba(43, 105, 43, .5);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        padding: 1em 0em;
        border-radius: 0em;
    }

    #capa3 {
        width: 100%;
        height: 80em;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .7);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        font-family: Century-Gothic;
        /* background-color: red; */
        /* border: 1px solid #0920e9; */
    }

    #capa3-2 {
        width: 100%;
        height: 80em;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .8);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        font-family: Century-Gothic;
        /* background-color: red; */
        /* border: 1px solid #0920e9; */
    }

    #industries {
        background-color: none;
        /* border: 1px solid #11db1b; */
        display: grid;
        gap: 12em;
        width: 40%;
    }

    #industries h2 {
        /* background:red; */
        font-size: 3em;
        width: 100%;
        color: white;
    }

    #stats {
        /* background-color: red; */
        width: 60%;
        display: grid;
        gap: 13em;
    }

    .stat {
        color: white;
    }

    .stat h3{
        font-size: 5em;
        /* background-color: #0920e9; */
        margin: 0em;
        color: #4daa50;
    }

    .stat p{
        font-size: 1.5em;
        /* background-color: #0920e9; */
        margin: 0em;
        color: #4daa50;

    }

    #stats2 {
        /* background-color: pink; */
        width: 60%;
        display: grid;
        gap: 8em;
        margin: auto;
    }

    .stat2 {
        color: white;
    }

    .stat2 h2 {
        margin: 0em;
    }

    .stat2 h3{
        font-size: 5em;
        /* background-color: #0920e9; */
        margin: 0em;
        color: #4daa50;
    }

    .stat2 p{
        font-size: 1.5em;
        /* background-color: #0920e9; */
        margin: 0em;
        color: #4daa50;

    }

    #capa2 {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .8);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        /* background-color: pink; */
    }
    

    #capa8 {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .8);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        /* background-color: pink; */
    }

    #capa4 {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .6);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        /* background-color: pink; */
    }

    #capa3 img {
        width: 100%;
    }

    #newinfo2 {
        margin: 0;
        /* background: rgb(18, 78, 146);  */
        width: 90%;
        height: 100%;
        color: white;
        text-align: left;
        padding: 0em 0em;
        margin-bottom: 1.2em;
    }

    #newinfo2 img{
        width: 100%;
        /* background-color: red; */
    }

    #newinfo2 p {
        text-align: left;
        margin: 0em;
        font-family: Century-Gothic;

    }
    
    #newinfo2 h1 {
        margin: 0px;
        font-size: 70px;
        font-family: Century-Gothic;
        color: #4daa50;
        line-height: 1em;
        text-align: left;
    }
	
    
		#banner {
			display: block;
			width: 100%;
		}
	
		#banner-phone {
			display: none;
			width: 100%;
			border-top:3px solid #ffffff;
		}
	
		#banner-index {
			display: block;
			width: 100%;
		}
	
		#banner-phone-index {
			display: none;
			width: 100%;
			border-top:0px solid #ffffff;
		}
	
		#banner-pc {
			display: block;
		}
	
		#banner h1 {
			font-size: 2em;
			width: 100%;
			text-align: center;
			/* background-color: red; */
			position: absolute;
			top: 8em;
			left: 0;
			z-index: -99;
			display: none;
		}
	
		#banner-index h1 {
			font-size: 2em;
			width: 100%;
			text-align: center;
			/* background-color: red; */
			position: absolute;
			top: 8em;
			left: 0;
			z-index: -99;
			display: none;
		}
	
		#materia-prima {
			height: 12em;
			background: url(/img/plecas/pleca-materia.jpg);
			background-size: 100%;
			color: white;
			display: flex;
			justify-content: center;
			align-items: center;
			/* border: 1px solid #000; */
			width: 100%;
		}
	
		#materia-prima h2 {
			color: white;
			font-size: 3em;
			width: 50%;
			/* background-color: red; */
		}
	
		#materia-prima-index {
			height: 7em;
			background: black;
			color: white;
			display: none;
			justify-content: center;
			align-items: center;
			/* border: 1px solid #000; */
		}
		
		#materia-prima-abast {
			height: 12em;
			background: url(/img/plecas/pleca-materia.jpg);
			background-size: 100%;
			color: white;
			display: flex;
			justify-content: center;
			align-items: center;
			/* border: 1px solid #000; */
			height: 10em;
			width: 100%;
		}
	
		#materia-prima-abast h2 {
			color: white;
			font-size: 3em;
			width: 100%;
			/* background-color: red; */
		}
	
		#materia-prima-index h2 {
			color: white;
			font-size: .9em;
			width: 85%;
			font-weight: normal;
			/* background-color: red; */
			line-height: 1.5em;
		}

		#materia-prima-compras {
			height: 12em;
			background: url(/img/plecas/pleca-materia.jpg);
			background-size: 100%;
			color: white;
			display: flex;
			justify-content: center;
			align-items: center;
			/* border: 1px solid #000; */
			width: 100%;
		}
	
		#materia-prima-compras h2 {
			color: white;
			font-size: 3em;
			width: 60%;
			/* background-color: red; */
		}

		
		#materia-prima-ofertas {
			height: 10em;
			background: url(/img/plecas/pleca-materia.jpg);
			color: white;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			/* border: 1px solid #000; */
		}
	
		#materia-prima-ofertas h2 {
			color: white;
			font-size: 2.5em;
			width: 50%;
			font-weight: bold;
			/* background-color: red; */
			line-height: 1.2em;
		}

            
        #capainds {
            width: 100%;
            height:60vh;
            /* position: absolute; */
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.7);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            /* background-color: red; */
        }

        
    #capainds img {
        width: 25%;
    }
       
            
        #capainds h6 {
            color: rgb(255, 255, 255);
            font-size: 1.8em;
            /* background-color: #4799e6; */
            font-family: "Archivo Black", sans-serif;
            margin: 0em;
            margin-bottom: 0em;
        }
            
        #capainds p {
            /* color: rgb(243, 8, 8); */
            font-size: 1.5em;
            /* background-color: #4799e6; */
            font-family: "Archivo Black", sans-serif;
            margin: 0em;
            color: #4daa50;
        }
            
        #capainds .num {
            font-size: 5em;
            color: #4daa50;
            /* background-color: red; */
        }
        
		#esp {
			width: 90%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 2em;
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			justify-content: space-between;
			margin-bottom: 1em;
			flex-wrap: wrap;
		}
	
		#esp h2 {
			width: 100%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: .5em;
			font-size: 1.8em;
			margin-bottom: 0em;
			color: #4daa50;
		}
	
		#esp h2+p {
			line-height: 2em;
			text-align: center;
			width: 90%;
			margin-bottom: 0em;
			font-size: 1em;
			display: block;
		}

		#call-me-1 {
			/* background-color: red; */
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0em;
			border: 0px solid #000;
			margin-top: 0em;
		}
	
		#call-me-1 a {
			width: 100%;
		}
	
		#call-me-1 a img {
			width: 100%;
			/* background-color: pink; */
			border: 1px solid #000;
		}
	
		#call-me-2 {
			display: none;
		}
	
		#esp-index {
			width: 100%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
			/* border-top: 1px solid #000; */
		}
	
		#esp-index h2 {
			width: 80%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 0.5em;
			font-size: 2.5em;
			margin-bottom: 0em;
			color: #4daa50;
		}
	
		#esp-index h2+p {
			line-height: 2em;
			text-align: justify;
			width: 100%;
			margin-top: 1em;
			margin-bottom: 0.5em;
			font-size: 1.2em;
			display: block;
			/* background: red; */
		}
	
	
		#esp-index-rec {
			width: 100%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
			/* border-top: 1px solid #000; */
		}
	
		#esp-index-rec h2 {
			width: 80%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 0.5em;
			font-size: 2.5em;
			margin-bottom: 0em;
			color: #4daa50;
		}
	
		#esp-index-rec h2+p {
			line-height: 2em;
			text-align: justify;
			width: 100%;
			margin-top: 1em;
			margin-bottom: 0.5em;
			font-size: 1.2em;
			display: block;
			/* background: red; */
		}

        #esp-index-rec h1 {
            margin: 20px;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 3em;
            color: #4daa50;
            padding: .5em 0em;
            width: 80%;
            text-align: center;
            /* background-color: red; */
        }
        
        #eso-index-2-rec {
            width: 100%;
            background: rgb(8, 48, 3);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            padding: 1em 0em;
        }
        
        #eso-index-2-rec img {
            width: 40%;
            /* background: rgb(34, 194, 13); */
            margin-bottom: 1em;
        }
        
		#esp-index-rec {
			width: 100%;
			background-image: url(/img/banner4.webp);
            background-size: 150%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: 1.3em;
			/* border-top: 1px solid #000; */
		}
    
        #esp-index-sus h1 {
            margin: 20px;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 2em;
            color: #4daa50;
            padding: .5em 0em;
            width: 60%;
            text-align: center;
            /* background-color: red; */
        }
        
        #esp-index-rec #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 50%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
        }
    
		#esp-index-cob {
			width: 100%;
			background-image: url(/img/material-cobre.webp);
            background-size: 100%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: 1.3em;
            padding: 0em;
			/* border: 1px solid #ff0000; */
		}
    
        #eso-index-2-cob {
            width: 100%;
            /* background: rgb(182, 211, 179); */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            padding: 0em 0em;
        }

        #esp-index-cob h1 {
            margin: 20px;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 3em;
            color: #4daa50;
            padding: 0em 0em;
            width: 80%;
            text-align: left;
            /* background-color: red; */
            margin: .2em;
        }
    
		#esp-index-mang {
			width: 100%;
			background-image: url(/img/material-manganeso-phone.webp);
            background-size: 100%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: 1.3em;
            padding: 0em;
			/* border: 1px solid #ff0000; */
		}
    
        #eso-index-2-mang {
            width: 100%;
            /* background: rgb(182, 211, 179); */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            padding: 0em 0em;
        }

        #esp-index-mang h1 {
            margin: 20px;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 3em;
            color: #4daa50;
            padding: 0em 0em;
            width: 80%;
            text-align: left;
            /* background-color: red; */
            margin: .2em;
        }
    
		#esp-index-placa {
			width: 100%;
			background-image: url(/img/material-placa-phone.webp);
            background-size: 100%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: 1.3em;
            padding: 0em;
			/* border: 1px solid #ff0000; */
		}
    
        #eso-index-2-placa {
            width: 100%;
            /* background: rgb(182, 211, 179); */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            padding: 0em 0em;
        }

        #esp-index-placa h1 {
            margin: 20px;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 3em;
            color: #4daa50;
            padding: 0em 0em;
            width: 80%;
            text-align: left;
            /* background-color: red; */
            margin: .2em;
        }
        
        #esp-index-placa #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 50%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
            margin: auto;
        }
        
        #esp-index-mang #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 50%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
            margin: auto;
        }
    
		#esp-index-mpp {
			width: 100%;
			background-image: url(/img/material-mpp-phone.webp);
            background-size: 100%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: 1.3em;
            padding: 0em;
			/* border: 1px solid #ff0000; */
		}
    
        #eso-index-2-mpp {
            width: 100%;
            /* background: rgb(182, 211, 179); */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            padding: 0em 0em;
        }

        #esp-index-mpp h1 {
            margin: 20px;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 3em;
            color: #4daa50;
            padding: 0em 0em;
            width: 80%;
            text-align: left;
            /* background-color: red; */
            margin: .2em;
        }

        #esp-index-mpp #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 50%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
            margin: auto;
        }

        #esp-index-cob #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 50%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
            margin: auto;
        }
    
		#esp-index-inox {
			width: 100%;
			background-image: url(/img/material-inox-phone.webp);
            background-size: 100%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: 1.3em;
            padding: 0em;
			/* border: 1px solid #ff0000; */
		}
    
        #eso-index-2-inox {
            width: 100%;
            /* background: rgb(182, 211, 179); */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            padding: 0em 0em;
        }

        #esp-index-inox h1 {
            margin: 20px;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 3em;
            color: #4daa50;
            padding: 0em 0em;
            width: 80%;
            text-align: left;
            /* background-color: red; */
            margin: .2em;
        }

        #esp-index-inox #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 50%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
            margin: auto;
        }
    
		#esp-index-alm {
			width: 100%;
			background-image: url(/img/material-aluminio-phone.webp);
            background-size: 100%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: 1.3em;
            padding: 0em;
			/* border: 1px solid #ff0000; */
		}
    
        #eso-index-2-alm {
            width: 100%;
            /* background: rgb(182, 211, 179); */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            padding: 0em 0em;
        }

        #esp-index-alm h1 {
            margin: 20px;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 3em;
            color: #4daa50;
            padding: 0em 0em;
            width: 80%;
            text-align: left;
            /* background-color: red; */
            margin: .2em;
        }

        #esp-index-alm #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 50%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
            margin: auto;
        }

        #esp-index-mat #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 50%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
        }
	
		#esp-index-sus {
			width: 100%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
			/* border-top: 1px solid #000; */
		}
	
		#esp-index-loc {
			width: 100%;
			background-image: url(/img/location.webp);
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
			/* border-top: 1px solid #000; */
		}
	
		#esp-index-sus h2 {
			width: 80%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 0.5em;
			font-size: 2.5em;
			margin-bottom: 0em;
			color: #4daa50;
		}
	
		#esp-index-sus h2+p {
			line-height: 2em;
			text-align: justify;
			width: 100%;
			margin-top: 1em;
			margin-bottom: 0.5em;
			font-size: 1.2em;
			display: block;
			/* background: red; */
		}


        #esp-index-loc h1 {
            margin: 20px;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 2em;
            color: #4daa50;
            padding: .5em 0em;
            width: 60%;
            text-align: center;
            /* background-color: red; */
        }

        #esp-index-mat h1 {
            margin: 20px;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 2em;
            color: #4daa50;
            padding: .5em 0em;
            width: 60%;
            text-align: center;
            /* background-color: red; */
        }
        
        #eso-index-2-loc {
            width: 100%;
            background: rgb(8, 48, 3);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            padding: 1em 0em;
        }
        
        #eso-index-2-sus {
            width: 100%;
            /* background: rgb(8, 48, 3); */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            padding: 1em 0em;
        }
        
        #eso-index-2-sus img {
            width: 40%;
            /* background: rgb(34, 194, 13); */
            margin-bottom: 1em;
        }
        
		#esp-index-mat {
			width: 100%;
			background-image: url(/img/material.webp);
            background-size: 150%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: 1.3em;
			/* border-top: 1px solid #000; */
		}
        
		#esp-index-sus {
			width: 100%;
			background-image: url(/img/banner4.webp);
            background-size: 150%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: 1.3em;
			/* border-top: 1px solid #000; */
		}
    
        #esp-index-sus #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 50%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
        }
    
        #esp-index-loc #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 50%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
        }
	
		#esp-compra {
			width: 90%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 2em;
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			justify-content: space-between;
			margin-bottom: 1em;
		}
	
		#esp-compra h2 {
			width: 90%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: .5em;
			font-size: 1.8em;
			margin-bottom: .5em;
			color: #4daa50;
		}
	
		#esp-compra h2+p {
			line-height: 2em;
			text-align: center;
			width: 90%;
			margin-bottom: 0em;
			font-size: 1em;
			display: block;
			margin-top: 0em;
			/* background: red; */
		}
	
		#esp-compra p ~ h2 {
			width: 90%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top:0.5em;
			font-size: 1.8em;
			margin-bottom: 0.5em;
			color: #000000;
		}
	
		#imgbenefits2 {
			/* background-color: red; */
			width: 68%;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: flex-start;
			margin-bottom: 0em;
		}
			
		#mats {
			width: 70%;
			/* background-color: red; */
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
		}
		
		#mats #imgbenefits2 {
			/* background-color: rgb(231, 228, 19); */
			width: 48%;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: flex-start;
			margin-bottom: 0em;
		}
	
		#imgbenefits2 > h2 {
			background-color: #4daa50;
			height: 1.2em;
			color: white;
			margin-bottom: .5em;
			width: 100%;
			font-size: 2em;
			margin-top: 0em;
		}
	
		#imgbenefits2 .ben {
			width: 30%;
			color: black;
			/* background-color: red; */
			display: flex;
			flex-direction: column;
			align-items: center;
			/* border-bottom: 1px solid #000; */
			padding-bottom: 0em;
			margin: auto;
			margin-bottom: 1em;
		}
	
		#imgbenefits2 .ben p {
			color: black;
			margin: 1em 0em;
			font-weight: bold;
			font-size: 1.5em;
			display: none;
			/* background: #4daa50; */
		}
	
		#imgbenefits2 .ben a {
			background-color: #4799e6;
			color: black;
			padding: 1em;
			border-radius: 1em;
			text-decoration: none;
			color: white;
			font-weight: bold;
			font-size: 1.5em;
			width: 50%;
			display: none;
		}
	
		#esp-servs {
			width: 90%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 2em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
		}

		#esp-servs #imgbenefits2 {
			/* background-color: pink; */
			width: 100%;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			margin-top: 0em;
			margin-bottom: 0em;
		}

		#esp-servs #imgbenefits2 .ben-of {
			width: 20%;
			color: black;
			/* background-color: red; */
			display: flex;
			flex-direction: column;
			align-items: center;
			/* border-bottom: 1px solid #000; */
			padding-bottom: 0em;
			margin: auto;
			margin-bottom: 1.5em;
		}

		#esp-servs #imgbenefits2 .ben-of a {
			background-color: #4daa50;
			color: black;
			padding: .5em;
			border-radius: .7em;
			text-decoration: none;
			color: white;
			font-weight: bold;
			font-size: 1.5em;
			width: 30%;
			display: block;
			margin-top: 0.5em;
		}
			
		#esp-servs h2 {
			display: flex;
			background: none;
			height: 1.2em;
			color: #4daa50;
			margin-bottom: 1em;
			width: 100%;
			font-size: 2.5em;
			margin-top: 0em;
			align-items: center;
			justify-content: center;
			border-bottom: 5px solid #4daa50;
		}


		#imgbenefits .ben img {
			/* background-color: #e9d310; */
			width: 100%;
			border-radius: 0em;
			border: 0px solid #a7a7a7;
		}
	
		.ben img {
			/* background-color: #e9d310; */
			width: 100%;
			border-radius: 0em;
			/* border: 1px solid #a7a7a7; */
		}

		#imgbenefits2 .ben1 {
			background-color: #63ad26;
			width: 45%;
			margin-bottom: 1em;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		
	#imgbenefits2 .ben-of {
		width: 30%;
		color: black;
		/* background-color: red; */
		display: flex;
		flex-direction: column;
		align-items: center;
		/* border-bottom: 1px solid #000; */
		padding-bottom: 0em;
		margin: auto;
		margin-bottom: 1em;
	}

	#imgbenefits2 .ben-of p {
		color: black;
		margin: .5em 0em;
		font-weight: bold;
		font-size: 1.5em;
		display: block;
		/* background: #4daa50; */
	}

	#imgbenefits2 .ben-of a {
		background-color: #4799e6;
		padding: .7em;
		border-radius: 1em;
		text-decoration: none;
		color: white;
		font-weight: bold;
		font-size: 1.2em;
		width: 40%;
		display: block;
		margin-top: .7em;
	}

	#imgbenefits2 .ben-of a:hover {
		background-color: #ffffff;
		padding: .7em;
		border-radius: 1em;
		text-decoration: none;
		color: #4799e6;
		font-weight: bold;
		font-size: 1.2em;
		width: 40%;
		display: block;
		margin-top: .7em;
		border: 1px solid #4799e6;
	}

	#esp-servs #imgbenefits2 .ben-of a {
		background-color: #4daa50;
		color: black;
		padding: .5em;
		border-radius: .7em;
		text-decoration: none;
		color: white;
		font-weight: bold;
		font-size: 1.3em;
		width: 30%;
		display: block;
		margin-top: 0.5em;
	}

	#esp-servs #imgbenefits2 .ben-of a:hover {
		background-color: #474747;
		padding: .5em;
		border-radius: .7em;
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
		font-size: 1.3em;
		width: 30%;
		display: block;
		margin-top: 0.5em;
		border: 0px solid #4daa50;
	}

		.ben1 img {
			/* background-color: #e9d310; */
			width: 100%;
			border-radius: 0em;
			border: 1px solid #a7a7a7;
		}

		#esp-rec {
			width: 90%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 1em;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			margin-bottom: 0em;
			/* border-top: 1px solid #000; */
		}
	
		#esp-rec h2 {
			width: 95%;
			/* background-color: #63ad26; */
			margin: none;
			margin-top: 0em;
			font-size: 1.8em;
			height: 1.4em;
			margin-bottom: 1em;
			color: #4daa50;
			border-bottom: 5px solid #4daa50;
			text-align: left;
			margin: auto;
			margin-bottom: 0.8em;
		}
	
		#esp-rec p {
			line-height: 1.8em;
			text-align: justify;
			width: 95%;
			margin-top: 0em;
			font-size: 1.3em;
			display: block;
			margin: auto;
			margin-bottom: 1em;
			/* background: red; */
		}
	
		#esp-rec ul {
			background: none;
			display: flex;
			flex-direction: column;
			margin-top: 0em;
			margin-bottom: 0em;
			width: 95%;
			border: 0px solid #000;
			text-align: center;
			margin: 0em;
			font-size: 1.3em;
			line-height: 1.3em;
			margin: auto;
		}
	
		#esp-rec li {
			width: 100%;
			margin: auto;
			font-size: 1em;
			margin-bottom: 1em;
			color: #4daa50;
			font-weight: bold;
			text-align: justify;
			/* background: red; */
		}	
	
		#esp-rec li::before {
			content: "-";
			color: #4daa50;
		}	

		#esp-rec #title_2 {
			width: 95%;
			/* background-color: #63ad26; */
			margin-top: 3em;
			font-size: 2em;
			height: 1.3em;
			margin: auto;
			margin-bottom: 0em;
			color: #4daa50;
			/* border-bottom: 5px solid #4daa50; */
			text-align: left;
		}
	
		#esp-compra textarea {
			width: 90%;
			height: 5em;
			margin-bottom: 1em;
		}
					
	#esp .texto3 {
		text-align: center;
		width: 80%;
		height: 3em;
		margin-bottom: 1em;
		margin-top: 0.2em;
		font-size: 1.4em;
	}
		
		#esp-contact {
			width: 90%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 2em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
		}

		#esp-contact h2 {
			width: 100%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 0em;
			font-size: 2.5em;
			margin-bottom: .5em;
			color: #4daa50;
		}
		
		#esp-contact p {
			line-height: 1.8em;
			text-align: center;
			width: 50%;
			margin-top: 0em;
			margin-bottom: 0em;
			font-size: 1.3em;
			display: block;
			/* background: red; */
		}
	
		* {box-sizing:border-box}
	
		/* Slideshow container */
		.slideshow-container {
		width: 80%;
		position: relative;
		margin: auto;
		margin-bottom: 1em;
		}
	
		.slideshow-container-index {
			width: 100%;
			position: relative;
			margin: auto;
			margin-bottom: 0em;
			display: block;
			box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 30px;
			}
	
		.slideshow-container-abast {
		width: 100%;
		position: relative;
		margin: auto;
		margin-bottom: 0em;
		display: block;
		}
	
		/* Hide the images by default */
		.mySlides {
		display: none;
		margin: 0em;
		}
	
		/* Next & previous buttons */
		.prev, .next {
		cursor: pointer;
		position: absolute;
		top: 50%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: white;
		font-weight: bold;
		font-size: 18px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
		user-select: none;
		}
	
		/* Position the "next button" to the right */
		.next {
		right: 0;
		border-radius: 3px 0 0 3px;
		}
	
		/* On hover, add a black background color with a little bit see-through */
		.prev:hover, .next:hover {
		background-color: rgba(0,0,0,0.8);
		}
	
		/* Caption text */
		.text {
		color: #f2f2f2;
		font-size: 15px;
		padding: 8px 12px;
		position: absolute;
		bottom: 8px;
		width: 100%;
		text-align: center;
		}
	
		/* Number text (1/3 etc) */
		.numbertext {
		color: #f2f2f2;
		font-size: 12px;
		padding: 8px 12px;
		position: absolute;
		top: 0;
		}
	
		/* Fading animation */
		.fade {
		animation-name: fade;
		animation-duration: 1.5s;
		}
	
		@keyframes fade {
		from {opacity: .4}
		to {opacity: 1}
		}
	
		#materia-prima1 {
			height: 12em;
			background: url(/img/plecas/pleca-primera.jpg);
			background-size: 100%;
			color: white;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-bottom: 1em;
			/* border: 1px solid #000; */
		}
	
		#materia-prima1 h2 {
			color: white;
			font-size: 2em;
			width: 90%;
			/* background-color: red; */
		}
	
		#leadzone {
			width: 100%;
			background-color: #4daa50;
			margin: auto;
			margin-top: 1em;
			margin-bottom: 0em;
			padding: 2em 0em;
			/* border: 1px solid #000; */
		}
	
		#leadzone h2 {
			width: 50%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: .5em;
			font-size: 2.5em;
			margin-bottom: .5em;
			color: #ffffff;
			display: block;
		}
	
		#leadzone h2+p {
			line-height: 1.6em;
			text-align: justify;
			width: 80%;
			margin: auto;
			color: white;
			margin-bottom: 0em;
			font-size: 1.5em;
			display: block;
		}
	
		#imgbenefits {
			/* background-color: red; */
			width: 80%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			margin: auto;
			margin-bottom: 0em;
		}

		#inds {
			/* background-color: red; */
			width: 90%;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
		}
	
		.ind {
			width: 100%;
			margin-bottom: 1.5em;
			/* background-color: red; */
		}
	
		.ind img{
			width: 100%;
			margin-bottom: 0em;
		}
	
		.ind h3 {
			text-align: left;
			/* background-color: yellow; */
			border-bottom: 1px solid #000000;
			height: 1.2em;
			font-size: 1.5em;
			width: 60%;
			color: #4daa50;
		}
	
		#inds-index {
			/* background-color: rgb(210, 245, 13); */
			width: 90%;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
		}
	
		.ind-index {
			width: 100%;
			margin-bottom: 0em;
			/* background-color: red; */
		}
	
		.ind-index img{
			width: 100%;
			margin-bottom: 0em;
		}
	
		.ind-index h3 {
			text-align: left;
			/* background-color: yellow; */
			border-bottom: 1px solid #ffffff;
			height: 1.2em;
			font-size: 2em;
			width: 60%;
			color: #ffffff;
			margin-top: .3em;
		}
	
		.texto2 {
			text-align: center;
			/* background-color: red; */
		}
	
		.slick-slide {
			margin: 0px 20px;
		}
	
		.slick-slide img {
			width: 100%;
		}
	
		.slick-slider {
			position: relative;
			display: block;
			box-sizing: border-box;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
					user-select: none;
			-webkit-touch-callout: none;
			-khtml-user-select: none;
			-ms-touch-action: pan-y;
				touch-action: pan-y;
			-webkit-tap-highlight-color: transparent;
		}
	
		.slick-list {
			position: relative;
			display: block;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}
	
		.slick-list:focus {
			outline: none;
		}
	
		.slick-list.dragging {
			cursor: pointer;
			cursor: hand;
		}
	
		.slick-slider .slick-track,
		.slick-slider .slick-list {
			-webkit-transform: translate3d(0, 0, 0);
			-moz-transform: translate3d(0, 0, 0);
				-ms-transform: translate3d(0, 0, 0);
				-o-transform: translate3d(0, 0, 0);
					transform: translate3d(0, 0, 0);
		}
	
		.slick-track {
			position: relative;
			top: 0;
			left: 0;
			display: block;
		}
	
		.slick-track:before,
		.slick-track:after {
			display: table;
			content: '';
		}
	
		.slick-track:after {
			clear: both;
		}
	
		.slick-loading .slick-track {
			visibility: hidden;
		}
	
		.slick-slide {
			display: none;
			float: left;
			height: 100%;
			min-height: 1px;
		}
	
		[dir='rtl'] .slick-slide {
			float: right;
		}
	
		.slick-slide img {
			display: block;
		}
	
		.slick-slide.slick-loading img {
			display: none;
		}
	
		.slick-slide.dragging img {
			pointer-events: none;
		}
	
		.slick-initialized .slick-slide {
			display: block;
		}
	
		.slick-loading .slick-slide {
			visibility: hidden;
		}
	
		.slick-vertical .slick-slide {
			display: block;
			height: auto;
			border: 1px solid transparent;
		}
	
		.slick-arrow.slick-hidden {
			display: none;
		}
	
		.container {
			/* background-color: rgb(255, 27, 27); */
			margin-top: 1em;
		}
	
		.container h2 {
			/* background-color: rgb(238, 190, 190); */
			font-size: 2.5em;
			margin-bottom: 0em;
			margin-top: 0em;
			color: #4daa50;
		}
	
		.customer-logos {
			/* background-color: #414141; */
			display: flex;
			margin-bottom: 0em;
		}
	
		.customer-logos .slide {
			width: 100%;
			/* background-color: #63ad26; */
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			height: 13em;
		}
	
		.slide img {
			width: 90%;
			/* background-color: #63ad26; */
		}
	
		.container-abast h2 {
			/* background-color: rgb(238, 190, 190); */
			font-size: 1.8	em;
			margin-bottom: 1em;
			color: #4daa50;
		}
	
		.container-abast .customer-logos {
			/* background-color: #414141; */
			display: flex;
			margin-bottom: 0em;
		}
	
		.container-abast .customer-logos .slide {
			width: 100%;
			/* background-color: #63ad26; */
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			height: 6em;
		}
	
		.container-abast .slide img {
			width: 130%;
			/* background-color: #63ad26; */
		}
	
		#map {
			background: url(/img/plecas/mapa-new.webp);
			background-size: 95%;
			background-position: center;
			background-repeat: no-repeat;
			display: flex;
			width: 100%;
			margin-bottom: 0em;
			/* border: 1px solid #000; */
		}
	
		#map-us {
			background: url(/img/plecas/mapa-foremex.webp);
			background-size: 100%;
			background-position: center;
			background-repeat: no-repeat;
			display: flex;
			width: 50%;
			margin: auto;
			margin-top: 0em;
			margin-bottom: 0em;
			/* border: 1px solid #000; */
		}
	
		#map-index {
			background: url(/img/plecas/mapa-index.webp);
			background-size: 90%;
			background-position: center;
			background-repeat: no-repeat;
			display: flex;
			width: 40%;
			margin: auto;
			margin-top: 0em;
			margin-bottom: 0em;
			padding: 1em 0em;
			/* border: 1px solid #000; */
		}
	
		#map-patios {
			background: url(/img/plecas/map-patios.webp);
			background-size: 95%;
			background-position: center;
			background-repeat: no-repeat;
			display: flex;
			width: 60%;
			margin-bottom: 1em;
			/* border: 1px solid #000; */
			margin: auto;
		}
	
		#map img {
			/* background-color: rgb(236, 240, 30); */
			/* border: 1px solid #000; */
			width: 100%;
		}
	
		#map-patios img {
			/* background-color: rgb(236, 240, 30); */
			/* border: 1px solid #000; */
			width: 100%;
		}
	
		#map-us img {
			/* background-color: rgb(236, 240, 30); */
			/* border: 1px solid #000; */
			width: 97%;
			opacity: 0;
			/* background: red; */
		}
	
		#map-index img {
			/* background-color: rgb(236, 240, 30); */
			/* border: 1px solid #000; */
			width: 100%;
		}
	
		#pointer {
			width: 15%;
			padding: .3em;
			opacity: 0;
		}
	
		#pointer {
			animation: blink-animation 1.5s steps(5, start) infinite;
			-webkit-animation: blink-animation 1.5s steps(5, start) infinite;
		}
		@keyframes blink-animation {
			to {
			visibility: hidden;
			}
		}
	
		@-webkit-keyframes blink-animation {
			to {
			visibility: hidden;
			}
		}
		
		#aceros {
			width: 100%;
			background: url(/img/plecas/acero-pleca.webp);
			background-size: 100%;
			background-repeat: no-repeat;
			margin-bottom: 0em;
			color: white;
		}
	
		#barra-aceros {
			background-color: rgb(255, 94, 0);
			height: 1em;
		}
		
		.in-aceros {
			/* border: 1px solid #ff0000; */
			width: 80%;
			margin: auto;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			align-items: center;
			padding: 2em 0em;
		}
	
		.in-aceros a p {
			background-color: rgb(255, 94, 0);
			padding: 1em;
			margin-bottom: 0em;
			border-radius: 1em;
			color: white;
			font-size: 1.2em;
		}
	
		.in-aceros a p:hover {
			background-color: rgb(255, 255, 255);
			padding: 1em;
			margin-bottom: 0em;
			border-radius: 1em;
			color: rgb(0, 0, 0);
			font-size: 1.2em;
		}
	
		.in-aceros a {
			text-decoration: none;
		}
	
		#aceros h4 {
			width: 45%;
			margin: auto;
			line-height: 1.3em;
			font-size: 1.5em;
		}		
		
		#pie{
			width:100%;
			background-color: #000;
			margin:0;
			padding:1em 0em;
			display: flex;
			flex-wrap: wrap;
			gap: 1em;
		}
	
		.foot{
			width:100%;
			padding:1%;
			text-align:center;
			color:#fff;
			font-size: .9em;
			float:left;
			/* background-color: #da0b0b; */
			margin: auto;
			line-height: 1.5em;
		}
	
		.ft{
			padding:1%;
			float:left;
			/* background:#175fe4; */
			color:#fff;
			font-size:1em;
			text-align:center;
			width: 30%;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			margin: auto;
		}
	
		.ft a{
			color:#fff;
			text-decoration:none;
			width: 24%;
			/* background-color: rgb(255, 0, 221); */
			margin-bottom: 1.5em;
		}
		
		.ft img{
			width: 40%;
			background-color: none;
		}
		
		.ft img:hover {
			color:#000000;
			text-decoration:none;
			background-color: #4daa50;
		}

    #contenedor {
		width: 100%;
		margin:auto;
		text-align:center;
		background: rgb(8, 48, 3);
		}

    #newbanner_heaad-historia #newinfo {
        margin: 0;
        padding: 14em 0em;
        width: 100%;
        height: 100%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    #newbanner_heaad-historia #newinfo h1 {
        margin: 20px;
        font-size: 70px;
        font-family: "AONCC___";
        line-height: 1em;
        width: 80%;
    }

    #newbanner_heaad-historia #capa {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0.8);
    }
    
    #newbanner_heaad-historia {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/images/san-patricio/2016/festival-cultural-san-patricio-méxico-año-2016-04.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #newbanner_heaad-historia #newinfo p {
        margin: 9px;
        font-size: 1.5em;
        line-height: 2em;
    }
    
    #newinfo #count {
    /* border: 1px solid #ffffff; */
    font-size: 1.5em;
    
    margin: 0em 0em 0em 0em;
    /* background: #c1950a; */
    }

    #newinfo p {
        margin: 0px;
        font-size: 1.2em;
        line-height: 1.6em;
        text-align: center;
        /* background-color: blue; */
    }

    #newinfo h1 ~ p {
        display: none;
        margin: 0px;
        font-size: 1.2em;
        line-height: 1.6em;
        text-align: center;
        background-color: red;
    }
   
    #patrocinadores {
        width: 90%;
        /* background-color: red; */
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        /* margin-top: .8em; */
        justify-content: space-between;
        padding: 0em;
        margin-top: 1em;
    }

    #patrocinadores img {
        width: 15%;
        margin-bottom: 2.5em;
    }
     
    body {
        width: 100%;
        background-color: #072b03; 
        display: flex;
        flex-wrap: wrap;
    }
        
    #header-1 {
        width: 100%;
        /* background-color: red; */
        background-size: 100%;
        display: none;
    }

    main {
        width: 70%;
    }
    
    .subheader {
        width: 80%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2em 1em;
        /* border: 1px solid #000; */
    }
    
    #header-2 {
        width: 25%;
        background: url(/imagenes/fondo-01.webp);
        background-size: 100%;
        padding: 1.5% 2.5%;
        /* border: 1px solid #ffffff; */
    }

    #inn-header {
        /* background-color: red; */
        position: fixed;
        width:inherit;
    }

    #logo {
        margin: none;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        /* border: 1px solid #000; */
        margin-bottom: .5em;
    }

    #logo a{
        margin: auto;
        display: flex;
        align-items: center;
    }
    
    #logo img {
        width: 65%;
        /* background-color: #c5c216; */
        margin: auto;
    }


    #header-2 menu {
        width: 100%;
        margin: auto;
        /* background: blue; */
    }

    #header-2 nav {
        /* background: red; */
        margin: auto;
        text-align: center;
        width: 100%;
    }

    #header-2 nav ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        /* background-color: aqua; */
        margin-bottom: 1em;
    }
    
    #header-2 nav ul a {
        text-decoration: none;
    }

    #header-2 nav ul a li {
        padding: .3em;
        margin-bottom: 0.35em;
        color: #f1e8e8;
        text-decoration: none;
        font-size: 1em;
        line-height: 1.4em;
    }
 
    #header-2 nav ul a li:hover {
        background: #c1950a;
        color: black;
    }
      
    .subheader h1 {
        font-weight: 400;
        font-style: normal;
        font-size: 3em;
    }

    #inn-footer-2 {
        width: 100%;
        text-align: center;
        color: white;
        line-height: 1.5em;
        margin: auto;
        /* background-color: rgb(50, 231, 14); */
        margin-top: 0.5em;
        padding: 0em;
    }
    
    #inn-footer-2 p {
        font-size: .8em;
        color: white;

    }
    
    #inn-footer-2 a {
        color: rgb(39, 255, 75);
        font-size: 1em;
        /* background-color: aqua; */
    }
    
    .redes {
        /* background: red; */
        display: flex;
        justify-content: space-between;
        width: 40%;
        margin: auto;
        margin-bottom: 1em;
        margin-top: 0em;
    }
   
    .icon-facebook {
        color: white;
        font-size: 2.5em;
        /* background-color: red; */
        
    }
    
    .icon-youtube-play {
        color: white;
        font-size: 2.5em;
        /* background-color: red; */
    }
    
    .icon-facebook:hover {
        color: rgb(0, 0, 0);
        font-size: 2em;
        background-color: #c1950a;
        
    }
    
    .icon-youtube-play:hover {
        color: rgb(0, 0, 0);
        font-size: 2em;
        background-color: #c1950a;
    }


    .banner {
        width: 100%;
        height: 700px;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 2em 0em;
        /* margin-top: 1em; */
    }
    
    .banner .info p {
        color: #c7c7c7;
        line-height: 2em;
        /* margin-bottom 0em; */
        font-size: 1.8em;
        /* background-color: red; */
    }

    .banner-2 {
        width: 100%;
        height: 100vh;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 1em 0em;
        /* margin-top: 1em; */
    }
    
    @keyframes banner {
        0%,
        100% {
        background-image: url("/imagenes/fondo-banner-shamrock.webp");
        }
    }

    .capa {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
    }

    .info {
        z-index: 1;
        width: 100%;
        max-width: 950px;
        text-align: center;
        /* background: rgb(7, 230, 92); */
        /* line-height: 31em; */
    }

    .info h1 {
        color: #fff;
        line-height: 1.1em;
        font-size: 5em;
        margin-bottom: 0em;
        font-family: AONCC___;
        letter-spacing: 1px;
        width: 100%;
        margin: auto;
        font-family: "AONCC___";
    }

    .banner-2 .info h1 {
        color: #fff;
        line-height: 1em;
        font-size: 5em;
        font-family: AONCC___;
        letter-spacing: 1px;
        width: 80%;
        margin: auto;
        font-family: "AONCC___";
    }

    .info p {
        color: #c7c7c7;
        line-height: 2em;
        /* margin-bottom: 10em; */
        font-size: 1.6em;
        /* background-color: red; */
    }
    
    .info img {
        width: 20%;
    } 
   
    #count {
        /* border: 1px solid #ffffff; */
        font-size: 1.5em;
        
        margin: .5em 0em 0em 0em;
        /* background: #c1950a; */
    }
  
    #count ~ p {
        margin-top: 0em;
    }

    .image-container .nudos {
        border: none;
        /* background-color: rgb(27, 37, 233); */
        width: 25%;
        margin: auto;
        margin-top: 0.5em;
        margin-bottom: 1em;
        padding: 0em 22.5em;
    }

    .image-container h2 {
        font-size: 3em;
        text-align: center;
        width: 100%;
        /* margin: auto; */
        line-height: 1em;
        font-family: "AONCC___";
        /* background-color: rgb(16, 105, 213); */
        color: white;
        margin-top: 0em;
        margin-bottom: 0em;
        padding: 0em;
    }

    .image-item {
        margin-bottom: 1em;
        /* border: 1px solid #23d50b; */
        width: 45%;
    }


    .image-item img {
        width: 100%;
        /* border: 1px solid #c81515; */
    }


    .image-item-1 {
        margin-bottom: 1em;
        /* border: 1px solid #f10606; */
        width: 45%;
    }

    .image-item-1 img {
        width: 100%;
        /* border: 1px solid #c81515; */
    }


    .image-item-1 {
        margin-bottom: 1em;
    }


    button {
        width: 49.5%;
        margin-bottom: 10em;
        /* border: 10px solid #ffffff; */
        /* border: 1px solid #000; */
    }

    #esp-index {
        width: 100%;
        /* background: red; */
    }

    #eso-index-2 {
        width: 100%;
        background: rgb(8, 48, 3);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 1em 0em;
    }

    #eso-index-2 img {
        width: 40%;
        /* background: rgb(34, 194, 13); */
        margin-bottom: 0em;
    }

    #eso-index-4 {
        width: 100%;
        background: #e6e6e6;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 2em 0em 0em 0em;
    }

    #eso-index-4-rec {
        width: 100%;
        background: #e6e6e6;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 2em 0em 0em 0em;
    }

    #eso-index-4-sus {
        width: 100%;
        background: #e6e6e6;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 2em 0em 0em 0em;
    }
    
    #message4 p {
        width: 80%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1.5em;
        line-height: 1.5em;
        margin-left: 0em;
        /* background-color: red; */
        margin: auto;
    }
    
    #values2 {
        background: #e6e6e6;
        width: 70%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        padding: 1em 0em;
        margin: 0em;
    }

    .value2 {
        /* background: #0a65db; */
        width: 40%;
        padding: 0em;
        /* border: 1px solid #000; */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0em 0em 3em 0em;
    }


    .value2 img {
        /* background: #db450a; */
        width: 100%;
        margin: 0em;
        padding: 0em;
       
    }

    #eso-index-2 .value3 img {
        /* background: #db450a; */
        margin: 0em;
        /* border: 1px solid #000; */
        width: 100%;
    }

    #vermasbutton {
        /* background: rgb(9, 49, 3); */
        font-family: Century-Gothic;
        text-decoration:none;
        color: #4daa50;
        font-weight: bolder;
        padding: 1em;
        border-radius: 2em;
    }

    #vermasbutton:hover {
        background: rgb(9, 49, 3, 1);
        transition: .5s;
        font-family: Century-Gothic;
        text-decoration:none;
        color: #4daa50;
        font-weight: bolder;
        padding: 1em;
        border-radius: 2em;
    }

    #message {
        background: rgb(8, 48, 3);
        width: 100%;
        text-align: center;
        color: #4daa50;
        padding: 0em;
        margin: 1em 0em;
        height: 18em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #message a {
        display: none;
    }

    #message2 a {
        display: none;
    }

    #message2 {
        background: rgb(8, 48, 3);
        width: 100%;
        text-align: center;
        color: #4daa50;
        padding: 0em;
        margin: 2em 0em;
        height: 6em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #message p {   
        width: 80%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1.3em;
        line-height: 1.7em;
        /* background-color: red; */
    }

    #message2 p {
        width: 80%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1.5em;
        line-height: 1.5em;
    }

    #values {
        /* background: #f10fcc; */
        width: 70%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }

    .value {
        /* background: #0a65db; */
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 1em 0em;
        /* border: 1px solid #000; */
    }


    .value p {
        /* background: #0a65db; */
        width: 100%;
        margin: 0em;
        color: white;
        font-family: Century-Gothic;
        line-height: 1.5em;
    }

    .value3 h4 {
        /* background-color: red; */
        text-align: left;
        width: 70%;
        margin: auto;
        margin: .5em;
        padding: 0em 0em;
        font-size: 1.5em;
        font-weight: bolder;
    }
    
    #valuesrec {
        /* background: #f10fcc; */
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }

    #valuesrec2 {
        /* background: #f10fcc; */
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }

    #valuesrec .valuerec {
        /* background: #0a65db; */
        width: 40%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 1em 0em;
        color: white;
        /* border: 1px solid #000; */
    }

    #values2rec .valuerec {
        /* background: #0a65db; */
        width: 30%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 1em 0em;
        color: white;
        /* border: 1px solid #000; */
    }

    .valuerec img {
       margin: 0em;
       /* background-color: #06550d; */
    }
    
    #valuessus {
        /* background: #f10fcc; */
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }

    #valuessus2 {
        /* background: #f10fcc; */
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }

    #valuessus .valuesus {
        /* background: #0a65db; */
        line-height: 1.5em;
        width: 40%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 1em 0em;
        color: white;
        /* border: 1px solid #000; */
    }

    #values2sus .valuesus {
        /* background: #0a65db; */
        width: 30%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 1em 0em;
        color: black;
        line-height: 1.5em;
        text-align: center;
        /* border: 1px solid #000; */
    }
    
        #subtitlesus {
            /* background: red; */
            font-size: 2em;
            padding: 1em 0em;
            font-weight: bolder;
            font-family: Century-Gothic;
            color: black;
        }

        #valuessus2 .valuesus img {
        /* background: #0a65db; */
        width: 60%;
        margin-bottom: 1em;
        }


    .valuesus img {
       margin: 1em 0em;
       width: 50%;
       /* background-color: #06550d; */
    }
 
    #messageserv {
        /* background: rgb(172, 187, 170); */
        width: 80%;
        text-align: left;
        padding: 0em;
        margin: 0em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 1em 0em;
        height: 45em;
        /* border: 1px solid #ffffff; */
    }

    #green {
        width: 100%;
        display: none;
        /* background-color: red; */
        /* border: 1px solid #ffffff; */
    }

    #green img{
        width: 100%;
        /* background-color: red; */
    }

  
    #messageserv p {
        width: 100%;
        font-family: Century-Gothic;	
        font-weight: bold;
        line-height: 1.5em;
        /* background-color: red; */
        margin-bottom: 0em;
        color: #4daa50;
        margin: 0em;
        margin-left: 0em;
        margin: 1em 0em 0em 0em;
        text-align: center;
    }

  #title {
        font-size: 1.3em;
        /* background-color: red; */
    }

    
    #eso-index-5 {
        width: 100%;
        background: rgb(255, 255, 255);
        
        padding: 0em;
        /* border: 1px solid #e40f0f; */
    }

    #eso-index-5 ul{
        width: 100%;
        /* background: rgb(136, 83, 4); */
        margin: 0em;
        padding: 0em;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    #eso-index-5 li{
        width: 100%;
        /* background: rgb(136, 83, 4); */
        margin: 0em;
    }

    #eso-index-5 #capainds {
        width: 100%;
        height:40vh;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* background-color: red; */
    }
        
    #eso-index-5 #capainds h6 {
        color: rgb(255, 255, 255);
        font-size: 2.5em;
        /* background-color: #4799e6; */
        font-family: "Archivo Black", sans-serif;
        margin: 0em;
        margin-bottom: 0em;
    }
        
    #eso-index-5 #capainds p {
        /* color: rgb(243, 8, 8); */
        font-size: 1.5em;
        /* background-color: #4799e6; */
        font-family: "Archivo Black", sans-serif;
        margin: 0em;
        color: #ffffff;
    }
        
    #eso-index-5 #capainds .num {
        font-size: 3em;
        color: #4daa50;
        /* background-color: red; */
    }
    
    #newbanner_heaad17 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/industrias.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
    }
      
    #newbanner_heaad18 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/epp.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad19 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/materiales.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad20 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/logistica.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad21 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/patio-tultitlan.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
    
    
    #eso-index-3 {
        width: 100%;
        background: rgb(8, 48, 3);
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 0em;
        /* border: 1px solid #e40f0f; */
    }

    #eso-index-3 ul{
        width: 100%;
        /* background: rgb(136, 83, 4); */
        margin: 0em;
        padding: 0em;
        display: flex;
        flex-wrap: wrap;
    }

    #eso-index-3 li{
        width: 100%;
        background: rgb(136, 83, 4);
        margin: 0em;
    }
    
    #capa7 {
        width: 100%;
        height: 90em;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .6);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        text-align: center;
        /* background-color: red; */
    }
        
    #newbanner_heaadcon {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/phone.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        /* border: 10px solid #000; */
    }

    #newinfocontact {
        margin: 0;
        /* background-color: #0a531a; */
        padding: 1em 0 0 0;
        width: 80%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1em;
        font-family: Century-Gothic;
        line-height: 2.5em;
    }

		form {
			background-color: #858585;
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 100%;
			margin: auto;
            padding: 1em 0em;
            margin: 0em;
		}
	
		.azul {
			color: #4daa50;
			text-align: center;
			/* background-color: red; */
			line-height: 1em;
			margin: 0.7em 0em 0.3em 0em;
			font-size: 2.3em;
			width: 60%;
		}
	
		form .txtlbl {
			font-size: 1em;
			width: 60%;
			color: rgb(0, 0, 0);
			line-height: 1.5em;
			margin-bottom: 0em;
		}
	
		label {
			color: rgb(0, 0, 0);
			margin-bottom: 0em;
			font-size: 1em;
		}
	
		input {
			margin: 0em;
			height: 2.2em;
			width: 80%;
			text-align: center;
		}

        .texto1 {
            margin-bottom: 1em;
            width: 80%;
        }
	
		#boton {
			background-color: #4daa50;
			color: rgb(0, 0, 0);
			font-family: Century-Gothic;
			font-size: 1.3em;
			border-radius: 1.2em;
			margin-bottom: 0em;
			width: 60%;
			margin-top: 0em;
			height: 3em;
            margin: 0em;
		}
	
		#boton:hover {
			cursor: pointer;
			background-color: white;
			color: #4daa50;
			font-weight: bold;
		}
	
		.nota {
			/* background: #c1950a; */
            margin: 0em;
            color: #000;
		}
	
		.nota a {
			font-size: 1.2em;
			background-color: none;
			margin-bottom: 0em;
			/* background-color: red; */
			color: rgb(0, 0, 0);
            margin: 0em;
		}

    
		#formulario-rec {
			background-color: #084716;
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 70%;
			margin: auto;
            padding: 1em 0em;
            box-shadow: rgba(0, 0, 0, 0.8) 0px 3px 8px;
		}
	
		#formulario-rec .azul2 {
			color: #4daa50;
			text-align: center;
			/* background-color: red; */
			line-height: 1em;
			margin: 0.7em 0em 0em 0em;
			font-size: 1.5em;
			width: 100%;
		}
	
		#formulario-rec .txtlbl2 {
			font-size: 1em;
            font-weight: bold;
			width: 80%;
			color: rgb(255, 255, 255);
			line-height: 1.5em;
			margin-bottom: .5em;
            /* background-color: #4799e6; */
		}
	
		#formulario-rec label {
			color: rgb(255, 255, 255);
			margin-bottom: 0em;
			font-size: 1em;
            margin: .5em;
		}
	
		#formulario-rec input {
			margin: 0em;
			height: 2em;
			width: 80%;
			text-align: center;
		}

        #formulario-rec .texto2 {
            margin-bottom: 1em;
            width: 80%;
        }
	
		#formulario-rec #boton2 {
			background-color: #4daa50;
			color: rgb(0, 0, 0);
			font-family: Century-Gothic;
			font-size: 1.3em;
			border-radius: 1.2em;
			margin-bottom: 0em;
			width: 40%;
			margin-top: 0em;
			height: 3em;
            margin: 0em;
		}
        
		#formulario-rec #boton2:hover {
			cursor: pointer;
			background-color: white;
			color: #4daa50;
			font-weight: bold;
		}
	
		#formulario-rec .nota {
			/* background: #c1950a; */
            margin: 1em;
            color: #ffffff;
		}
	
		#formulario-rec .nota a {
			font-size: 1.2em;
			background-color: none;
			margin-bottom: 0em;
			/* background-color: red; */
			color: rgb(255, 255, 255);
            margin: 0em;
		}
    
    #newinfo4 {
        margin: 0;
        /* background: red;  */
        padding: 2em 0 0 0;
        width: 80%;
        height: 100%;
        color: white;
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 1em;
        font-family: Century-Gothic;
        line-height: 2.5em;

    }
     
    #newinfo4 h1 {
        margin: 0px;
        font-size: 30px;
        font-family: Century-Gothic;
        color: #4daa50;
        line-height: 1.3em;
        text-align: center;
        width: 100%;
    }

    #estados {
        /* background: #4799e6; */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        text-align: center;
    }

    #newinfo4 ul {
        /* background-color: pink; */
        display: flex;
        flex-direction: column;
        width: 100%;
        /* border: 1px solid #000; */
        line-height: 2em;
        margin: 0em;
        text-align: center;
    }

    #newinfo4 li {
        /* background-color: pink; */
        font-size: 1em;
        font-weight: bolder;
    }
    
    #newbanner_heaadfoot {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background: #e6e6e6;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: none;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad13 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/automotriz.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
    }
      
    #newbanner_heaad14 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/construccion.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad15 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/fundicion.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad16 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/maquilacion.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
    
    #newinfo5 {
        margin: 0;
        /* background: rgb(15, 223, 102);  */
        padding: 0em 0 0 0;
        width: 100%;
        height: 100%;
        color: white;
        text-align: left;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
        gap: 0em;
        font-family: Century-Gothic;
        line-height: 5em;

    }
     
    #newinfo5 h1 {
        margin: 0px;
        font-size: 60px;
        font-family: Century-Gothic;
        color: #4daa50;
        line-height: 1.3em;
        text-align: left;
        width: 100%;
    }

    
    #valuesservs {
        /* background: #f10fcc; */
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        padding: 1em 0em;
    }

    #valuesservs img {
        /* background: #f10fcc; */
        width: 30%;
        margin-right: 0em;
    }

    .valueserv {
        /* background: #0a65db; */
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* border: 1px solid #000; */
        text-align: left;
        padding: 0em;
        margin: .8em 0em;
    }

    .valueserv p {
        /* background: #34db0a; */
        width: 100%;
        margin: 0em;
        color: white;
        font-family: Century-Gothic;
        line-height: 1.5em;
        text-align: left;
        margin: 0em;
        padding: 0em;
        font-size: .9em;
    }

    #estados2 {
        /* background: #4799e6; */
        display: none;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
        width: 80%;
        margin: 0em;
    }

    #newinfo5 ul {
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 20%;
        /* border: 1px solid #000; */
        line-height: 1.8em;
        margin: 0em;
    }

    #newinfo5 ul h4 {
        /* background-color: red; */
        text-align: center;
        width: 70%;
        margin: auto;
        padding: .5em 0em;
        color: grey;
        font-weight: bolder;
    }

    #newinfo5 li {
        /* background-color: rgb(92, 216, 19); */
        font-size: .8em;
        font-weight: bolder;
        line-height: 3.5em;
    }

    #newinfo5 a {
        text-decoration: none;
    }

    #message3 {
        background: rgb(8, 48, 3);
        width: 100%;
        text-align: center;
        color: #4daa50;
        padding: 0em;
        margin: 0em;
        height: 28em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #message3others {
        background: rgb(8, 48, 3);
        width: 100%;
        text-align: center;
        color: #4daa50;
        padding: 0em;
        margin: 0em;
        height: 18em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #values3 {
        /* background: #f10fcc; */
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        padding: 0em;
        font-family: Century-Gothic;	
    }


    #message3 p {
        width: 80%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1em;
        line-height: 1.8em;
    }
    
    #message3others p {
        width: 80%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1em;
        line-height: 1.8em;
    }
    
    .value3 .icono {
        /* background-color: red; */
        width: 20%;
        margin: 1em .8em 0em 1em;

    } 

    .value3 .icono img {
        width: 10%;
    } 

    .value3 a {
        /* background-color: red; */
        width: 100%;
        margin: 10em 0em;
        font-weight: bolder;
        text-decoration: none;
    } 
    
    .value3 {
        background: #e6e6e6;
        width: 90%;
        padding: 0em;
        /* border: 1px solid red; */
        margin: 0em;
        color: rgb(0, 0, 0);
        margin-bottom: 3em;
    }

    .value3:hover {
        background: #e6e6e6;
        width: 90%;
        padding: 0em;
        /* border: 1px solid #000; */
        margin: 0em;
        color: rgb(0, 0, 0);
        margin-bottom: 3em;

    }

    .value3 p {
        /* background-color: red; */
        width: 70%;
        margin: auto;
        margin-top: 1em;
        margin-bottom: 1em;
        font-family: Century-Gothic;	
        text-align: left;
    }
    
    #newinfoimg {
        margin: 0;
        /* background: rgb(18, 78, 146);  */
        width: 40%;
        height: 100%;
        color: white;
        text-align: left;
        padding: 5em 0em;
        display: none;
    }

    #newinfoimg img{
        width: 100%;
        /* background-color: red; */
    }

    .image-container {
        margin-bottom: 20em;
        padding: 0em 0em;
        width: 100%;
        margin: auto;
        margin-top: 2em;
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        flex-wrap: wrap;
        /* border: 1px solid #ffffff; */
    }
            
    .container {
        /* border-top: 5px solid #c1950a; */
        width: 90%;
        margin: auto;
        /* background: RED; */
    }
      
    .slider-wrapper {
        position: relative;
        max-width: 48rem;
        margin: 0 auto;
        /* border: 1px solid #ffffff; */
    }

    .history__paragraph-1__programa {
        color:white;
        padding: 0% 0% 0% 0%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        /* background-color: red; */
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        margin-top: 2em;
        border: 1px solid #ffffff;
    }

    .history__paragraph-1__programa .event {
        width: 20%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        background-color: red;
        margin-top: .7em;
        margin-bottom: .7em;
        padding: 0em;
    }
   
    #count-down-hist #prog {
        margin-bottom: 0em;
        width: 60%;
        margin: 0em;
        text-align: center;
        /* background: red; */
        margin: auto;
    }

    .history__paragraph-1__programa--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph-1__programa .nudos {
        border: none;
        /* background-color: red; */
        /* margin-top: 5em; */
        /* margin-bottom: 1em; */
        width: 40%;
        margin: auto;
    }

    .history__paragraph-1__programa h1 {
        font-size: 2em;
        text-align: center;
        width: 70%;
        margin: auto;
        line-height: .9em;
        font-family: "AONCC___";
        margin-bottom: .3em;
    }

    .history__paragraph-1__programa p {
        font-size: 1em;
        text-align: center;
        font-family: "AONCC___";
        width: 100%;
        margin: auto;
        
        line-height: 1.7em;
        color: #072b03;
    }

    .history__paragraph-1__programa a {
        text-decoration: none;
    }

    .history__paragraph-1__programa img {
    width: 100%;
    margin: 0em;
    margin-bottom: 1em;
    }

    #vermas {
        width: 30%;
        background: #c1950a;
        border-radius: 1em;
        padding: .5em;
    }

    #slider-new {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    #slider-new ul {
        display: flex;
        padding: 0;
        width: 400%;
        animation: slide 15s infinite alternate ease-in-out;
    }

    .slider-new li {
        width: 100%;
        list-style: none;
        position: relative;
    }

    #slider-new img {
        width: 100%;
    }

    @keyframes slide {
        0% {margin-left: 0;}
        20% {margin-left: 0;}
        
        25% {margin-left: -100%;}
        45% {margin-left: -100%;}
        
        50% {margin-left: -200%;}
        70% {margin-left: -200%;}
        
        75% {margin-left: -300%;}
        100% {margin-left: -300%;}
    }

#contacts-box {
    /* background-color: red; */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 1em;
    width: 100%;
    margin: auto;
    flex-wrap: wrap;
}

#contacts-box img {
    width: 50%;
    margin-top: .2em;
}

.contact + .contact + .contact {
    margin-bottom: 8em;
}

.icon-phone {
    font-size: 1.5em;
}

.icon-mail {
    font-size: 1.5em;
}

.contact {
    margin-bottom: 1em;
    font-size: 3em;
    text-align: center;
    color: white;
    width: 45%;
    /* background-color: blue; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact p {
    font-size: .5em;
    text-align: center;
    color: white;
    margin-top: .5em;
}
        
#mapa {
    color: white;
    width: 100%;
    /* border: 1px solid #000;   */
    /* background-color: red; */
    margin: auto;
    text-align: center;
    padding: 2em 0em 1em 0em;
}

#mapa iframe {
   width: 80%;
}

#mapa h1{
    font-family: "AONCC___";
    line-height: 1em;
    font-size: 3em;
    text-align: center;
    width: 100%;
    margin: auto;
    /* background-color: red;    */
    margin-bottom: .5em;
}

#mapa p{
    
    width: 70%;
    margin: auto;
    margin-bottom: .7em;
    font-size: 1.5em;
}

.contact + .contact + .contact {
    margin-bottom: 0em;
}
 
    .history__paragraph-1__programa {
        color:white;
        padding: 0% 0% 0em 0%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        /* background-color: red; */
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 2em;
        text-align: justify;
        line-height: 2em;
        border: 0px solid #000;
        /* border: 1px solid #ffffff; */
    }

    .event {
        width: 80%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        /* background-color: red; */
        margin-top: .7em;
        margin-bottom: .7em;
        padding: 0em;
    }

    .history__paragraph-1__programa--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph-1__programa h2 {
        font-size: 2.5em;
        text-align: center;
        width: 100%;
        margin: auto;
        line-height: 1em;
        font-family: "AONCC___";
        margin-bottom: .3em;
    }

    .history__paragraph-1__programa ul {
        line-height: 1.7em;
        border-bottom: 5px solid #c1950a;
        padding-bottom: 2em;
        width: 80%;
        margin: auto;
    }

    .history__paragraph-1__programa li {
        font-size: 1.2em;   
    }

    
    .history__paragraph {
        color:white;
        padding: 1.5em 10% 2% 10%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #ffffff; */
        border-bottom: 5px solid #c1950a;
    }
    
    .history__paragraph img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph .nudos {
        border: none;
        /* background-color: red; */
        width: 50%;
        margin-top: .8em;
    }
    
    .history__paragraph h1 {
        font-size: 3.5em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: 1em;
        font-family: "AONCC___";
    }
    
    .history__paragraph p {
        font-size: 1.2em;
        text-align: center;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        
        line-height: 1.7em;
    }
    
    .history__paragraph-1 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
    }
    
    .history__paragraph-1 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph-1 .nudos {
        border: none;
        /* background-color: red; */
        margin-top: 1em;
        margin-bottom: 1.5em;
        width: 70%;
    }
    
    .history__paragraph-1 h1 {
        font-size: 3em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .5em;
        font-family: "AONCC___";
        margin-top: .5em;
    }
    
    .history__paragraph-1 p {
        font-size: 1em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        
        line-height: 1.7em;
    }
    
    .history__paragraph-2 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */        
    }
    
    .history__paragraph-2 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph-2 .nudos {
        border: none;
        /* background-color: red; */
    }
    
    .history__paragraph-2 p {
        font-size: 1em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: none;
        
        line-height: 1.7em;
    }
    
    
    .history__paragraph-3 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        /* background-color: red; */
    }
    
    .history__paragraph-3 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph-3 .nudos {
        border: none;
        /* background-color: red; */
    }
    
    .history__paragraph-3 h1 {
        font-size: 3em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .9em;
        font-family: "AONCC___";
    }
    
    .history__paragraph-3 p {
        font-size: 1em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        
        line-height: 1.7em;
    }
    
    .batallon__paragraph {
        color:white;
        padding: 2em 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        border-bottom: 5px solid #c1950a;
    }
    
    .batallon__paragraph img {
        width: 20%;
        border: 5px solid #c1950a;
        margin-bottom: .5em;
        margin-top: .5em;
    }
    
    .batallon__paragraph img ~ img {
        width: 50%;
        border: 5px solid #c1950a;
        margin-bottom: 1em;
        margin-top: 1em;
    }
    
    .batallon__paragraph .nudos {
        border: none;
        /* background-color: red; */
        width: 40%;
        margin-top: .5em;
    }
    
    .batallon__paragraph h2 {
        font-size: 3.5em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: 1em;
        font-family: "AONCC___";
        /* background-color: red; */
    }
    
    .batallon__paragraph p {
        font-size: 1.2em;
        text-align: center;
        font-family: "AONCC___";
        width: 70%;
        margin: auto;
        
        line-height: 1.7em;
    }

    .convocatorias {
        color:white;
        padding: 0% 0% 0% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: none;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        border-bottom: 5px solid #c1950a;
    }
    
    #sponsors .nudos {
        margin-top: 0em;
        margin-bottom: 1em;
        width: 80% ;
        margin: auto;
     }
    
     #patrocinadores--2 {
        color:white;
        padding: 2em 0% 8% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        /* border-bottom: 5px solid #c1950a; */
     }
    
     #patrocinadores--2 .nudos {
        border: none;
        /* background-color: red; */
        width: 45%;
        margin-top: 0.8em;
     }

         #patrocinadores--2 h2 {
        font-size: 3.5em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .8em;
        font-family: "AONCC___";
        color: white;
        /* background-color: #0a1f03; */
    }
    
     #patrocinadores--2 img{
        width: 15%;
        margin: 1em 0em 4em 0em;
     }
    
    
    .inn-patrons {
        /* background-color: red; */
        /* border: 1px solid #000; */
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }
    
    #patrocinadores--2 a {
        font-size: 1.5em;
        color: #072b03;
        background: #c1950a;
        padding: 1em;
        border-radius: 1em;
        text-decoration: none;
        
        width: 20%;
        text-align: center;
        line-height: 1.3em;
    }
    
    #patrocinadores--2 a:hover {
        font-size: 1.2em;
        color: #072b03;
        background: #ffffff;
        padding: 1em;
        border-radius: 1em;
        text-decoration: none;
        
        width: 15%;
        text-align: center;
        line-height: 1.3em;
    }

    #convocatoria-main {
        width: 100%;
        padding: 0.5em 0em 0em 0em;
        /* border: 1px solid #ffffff; */
        margin: auto;
        /* background-color: red; */
    }
    
    #convocatoria-main iframe {
        width: 100%;
    }


    .descripcion{
        width: 48%;
        margin: none;
        /* padding: .5em; */
        /* background-color: red; */
        margin: 0em;
    }

    .convocatoria-square-dibujo .descripcion{
        width: 90%;
        margin: none;
        /* padding: .5em; */
        /* background-color: red; */
        margin: 1.5em 0em 0em 0em;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 1em;
    }

    .descripcion-2{
        width: 100%;
        margin: none;
        color: white;
        margin: 0em;
        color: white;
        
        text-align: justify;
        line-height: 2.5em;
        font-size: .6em;
        /* background-color: red; */
    }

    .descripcion p {
        color: white;
        text-align: left;
        line-height: 2.3em;
        font-size: 1em;
        display: flex;
        flex-direction: column;
    }
    
    .convocatoria-square {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* background-color: #c1950a; */
        margin: auto;
    }
    
    .convocatoria-square h2 {
        font-size: 2em;
        text-align: left;
        color: white;
        margin: 1em 0em;
    }

    .convocatoria-square h2 + img{
        width: 80%;
        margin: auto;
        /* background-color: red; */
    }

    .convocatoria-square img {
        width: 48%;
        margin: 0em;
    }
    
    .convocatoria-square-dibujo {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        /* background-color: #c1950a; */
        margin: auto;
    }

    .convocatoria-square-dibujo h2 {
        font-size: 2em;
        text-align: left;
        color: white;
        margin: 1em 0em;
    }

    .convocatoria-square-dibujo h2 + img{
        width: 40%;
        margin: auto;
        /* background-color: red; */
    }

    .convocatoria-square-dibujo img {
        width: 100%;
        margin: 0em;
    }

    #convocatoria-main-prensa {
        width: 90%;
        padding: 0.5em 0em 0em 0em;
        /* border: 1px solid #ffffff; */
        margin: auto;
        /* background-color: red; */
    }
    
    #convocatoria-main-prensa .descripcion{
        width: 100%;
        margin: none;
        /* padding: .5em; */
        /* background-color: red; */
        margin: 0em;
    }

    #convocatoria-main-prensa .descripcion p {
        color: white;
        text-align: justify;
        line-height: 2.5em;
        font-size: .6em;
        /* background-color: aqua  ; */
        margin: 0em;
    }


    #boton {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 4em;
        /* background-color: red;*/
        display: flex;
        flex-direction: row;
        margin-bottom: 1em;
    }

    .convocatoria-square-dibujo #boton {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 1em;
        /* background-color: red; */
        display: flex;
        flex-direction: row;
        margin-bottom: 0em;
    }
    
    .inside-boton div {
       /* background-color: green; */
       width: 40%;
       margin: auto;
       /* padding: 1em; */
    }
    
    .inside-boton {
        width: 30%;
        margin: auto;
        color: white;
        text-align: center;
        padding: 1em;
        /* background-color: #8f1f1f; */
    }
    
    .inside-boton p {
        margin-bottom: .3em;
        font-size: 1.2em;
    }

       
    .icon-edit {
        width: 20%;
        margin: auto;
        background-color: #c1950a;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
        margin-top: .3em;
        margin-bottom: .5em;
    }

       
    .icon-edit:hover {
        width: 40%;
        margin: auto;
        background-color: #ffffff;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
    }
    
    .icon-download {
        width: 100%;
        margin: auto;
        background-color: #c1950a;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
    }
    
    .icon-download:hover {
        width: 40%;
        margin: auto;
        background-color: #ffffff;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
    }
    
    footer {
        display: none;
    }

    #inn-footer {
        display: none;
    }

    #boton-2 {
        width: 100%;
        margin: auto;
        color: white;
        text-align: center;
        /* background-color: red;   */
        display: flex;
        flex-direction: row;
        margin-top: 0em;
        font-size: 1.9em;
    }

    
    .inside-boton-2 .icon-download {
        width: 30%;
        margin: auto;
        background-color: #c1950a;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
        margin-top: .5em;
        margin-bottom: .5em;
    }

    .inside-boton-2 {
        width: 30%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 0em;
        line-height: .8em;
        margin-bottom: 1em;
        /* background-color: rgb(123, 236, 16); */
    }

    .inside-boton-2 a {
        color: white;
        font-size: .6em;
        text-decoration: none;
        font-weight: bold;
    }
    
    .inside-boton-dropdown {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 0.7em;
        margin-bottom: 1em;
        /* background-color: red; */
        font-size: 2em;
        display: none;
    }

    .inside-boton-dropdown ul {
        list-style: none;
        background-color: #c1950a;

    }

    .inside-boton-dropdown ul li {
        display: inline-block;
        position: relative;
    }

    .inside-boton-dropdown ul li a {
        display: block;
        padding: 20px 25px;
        color: #072b03;
        text-decoration: none;
        text-align: center;
        /* font-size: 20px; */
    }

    .inside-boton-dropdown ul li ul.dropdown li {
        display: block;
    }

    .inside-boton-dropdown ul li ul.dropdown {
        width: 100%;
        background-color: #c1950a;
        position: absolute;
        z-index: 999;
        display: none;
    }

    .inside-boton-dropdown ul li a:hover {
        background-color: #072b03;
        color: #ffffff;
        border: 1px solid #ffffff;
    }

    .inside-boton-dropdown ul li:hover ul.dropdown {
        display: block;
    }
        
    .batallon__paragraph + iframe {
        margin: auto;
        width: 100%;
        margin-bottom: 1em;
    }
    

}

@media (min-width: 360px) and (max-width: 651px) {

    #newbanner_heaad {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/imagenes/fondo-new-banner.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #newbanner_heaadlocations {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/location.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #newbanner_heaad-noindex {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-color: rgb(10, 81, 30);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #capa {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0.6);
    }

    #newbanner_heaad-historia #newinfo {
        margin: 0;
        padding: 11.5em 0em;
        width: 100%;
        height: 100%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #newbanner_heaad-historia #capa {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0.8);
    }
    
    #newbanner_heaad-historia {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/images/san-patricio/2016/festival-cultural-san-patricio-méxico-año-2016-04.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #newbanner_heaad-historia #newinfo p {
        margin: 5px;
        font-size: 1.2em;
        line-height: 1em;
    }
   
    #newbanner_heaad-historia #newinfo h1 {
        margin: 20px;
        font-size: 30px;
        font-family: "AONCC___";
        line-height: 1em;
        width: 80%;
    }

    #newinfo {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    #newinfo h1 {
        margin: 20px;
        font-size: 40px;
        font-family: "AONCC___";
        line-height: 1em;
    }
    
    #esp-index-rec h1 {
        margin: 20px;
        font-family: "Archivo Black", sans-serif;
        line-height: 1.1em;
        font-size: 3.5em;
        color: #4daa50;
        padding: .5em 0em;
    }
    
    #esp-index-sus h1 {
        margin: 20px;
        font-family: "Archivo Black", sans-serif;
        line-height: 1.1em;
        font-size: 2em;
        color: #4daa50;
        padding: .5em 0em;
    }
    
    #esp-index-loc h1 {
        margin: 20px;
        font-family: "Archivo Black", sans-serif;
        line-height: 1.1em;
        font-size: 2em;
        color: #4daa50;
        padding: .5em 0em;
    }
    
    #esp-index-mat h1 {
        margin: 20px;
        font-family: "Archivo Black", sans-serif;
        line-height: 1.1em;
        font-size: 2em;
        color: #4daa50;
        padding: .5em 0em;
        text-align: left;
    }
    
    #newinfo #count {
    /* border: 1px solid #ffffff; */
    font-size: .8em;
    
    margin: 0em 0em 0em 0em;
    /* background: #c1950a; */
    }

    #newinfo p {
        margin: 3px;
        font-size: 1.3em;
        line-height: 1.5em;
    }

    #esp-index-rec p {
        margin: 3px;
        font-size: 1.3em;
        line-height: 1.3em;
        width: 80%;
        margin: auto;
    }
    
    #patrocinadores {
        width: 50%;
        /* background-color: red; */
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        /* margin-top: .8em; */
        justify-content: space-between;
        padding: 0em;
        margin-top: 2em;
    }

    #patrocinadores img {
        width: 40%;
        margin-bottom: 2em;
    }

    #banner-index {
        width: 100%;
        background: url(/imagenes/desfile/337409295_727184179063585_7871876553211787193_n.jpg);
        background-size: 110%;
        /* border: 1px solid #0fda41; */
        font-family: "AONCC___";
    }

    #banner-index h1 {
    font-size: 1.5em;
    line-height: 1.3em;
    }

    #banner-index img{
        width: 10%;
        margin: auto;
    }

    #banner-index-inn {
        display: grid;
        gap: 1em;
        width: 80%;
        color: white;
        /* border: 1px solid #e90a0a; */
        margin: auto;
        position: absolute;
        z-index: 99;
        text-align: center;
        padding: 5% 10%;
        font-family: "AONCC___";
        font-size: 1em;
    }

    .pantalla {
        width: 100%;
        height: 260px;
        background-color: #0a1f03;
        opacity: .85;
        font-family: "AONCC___";
    }

    #banner-index-2 {
        width: 100%;
        background: url(/imagenes/desfile/1er-san\ -patricio-fest.webp);
        background-size: 120%;
        /* border: 1px solid #0fda41; */
        font-family: "AONCC___";
        display: none;
    }

    #banner-index-2 h1 {
    font-size: 2em;
    line-height: 1.3em;
    }

    #banner-index-2 img{
        width: 10%;
        margin: auto;
    }

    #banner-index-inn-2 {
        display: grid;
        gap: 1em;
        width: 80%;
        color: white;
        /* border: 1px solid #e90a0a; */
        margin: auto;
        position: absolute;
        z-index: 99;
        text-align: center;
        padding: 5% 10%;
        font-family: "AONCC___";
        font-size: 1em;
    }

    .pantalla-2 {
        width: 100%;
        height: 260px;
        background-color: #0a1f03;
        opacity: .85;
        font-family: "AONCC___";
    }

    #banner-index-3 {
        width: 100%;
        background: url(/imagenes/desfile/1er-san\ -patricio-fest.webp);
        background-size: 120%;
        /* border: 1px solid #0fda41; */
        font-family: "AONCC___";
        display: none;
    }

    #banner-index-3 h1 {
    font-size: 2em;
    line-height: 1.3em;
    }

    #banner-index-3 img{
        width: 10%;
        margin: auto;
    }

    #banner-index-inn-3 {
        display: grid;
        gap: 1em;
        width: 80%;
        color: white;
        /* border: 1px solid #e90a0a; */
        margin: auto;
        position: absolute;
        z-index: 99;
        text-align: center;
        padding: 5% 10%;
        font-family: "AONCC___";
        font-size: 1em;
    }

    #banner-index-inn-3 p {
        width: 80%;
        font-family: "AONCC___";
        font-size: 1em;
        margin: auto;
    }

    .pantalla-3 {
        width: 100%;
        height: 260px;
        background-color: #0a1f03;
        opacity: .85;
        font-family: "AONCC___";
    }

    #header-1 {
        width: 100%;
        /* background-color: red; */
        background-size: 100%;
        display: block;
    }

    #header-2 {
        display: none;
    }

    
       #redesfmx {
        /* background-color: red; */
        width: 100%;
        margin-top: 2em;

    }

    #redesfmx .sos {
        /* background-color: blue; */
        display: inline-block;
        width: 40%;
        margin-right: 0em;
        margin: 1em 0em;
    }

    #redesfmx a {
        width: fit-content;
        /* background-color: rgb(183, 230, 14); */
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0em;
        margin: auto;
        width: 80%;
        display: inline;
    }

    #redesfmx img {
        width: 100%;
        /* background-color: rgb(6, 61, 16); */
        /* border-radius: 2em; */
        margin: 0em;
        padding: .5em;
    }

    #redesfmx img:hover {
        width: 30%;
        transition: .3s;
        background-color: rgb(6, 61, 16);
        border-radius: 2em;
        margin: 0em;
        padding: .55em;
    }


	.subnav-burger {
		margin: auto;
		background: rgb(8, 48, 3);
		font-family: "Rubik Mono One", monospace;
		font-size: 1.2em;
		width: 100%;
		display: block;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		/* border-top: 1px solid #000;
		border-bottom: 1px solid #000; */
		margin-bottom: 0em;
        padding: 1em 0em;
	}

    .subheader {
        width: 80%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2em 1em;
        /* border: 1px solid #000; */
    }

    #logo {
        margin: none;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* border: 1px solid #ffffff; */
        /* background: red; */
    }

    #logo a {
        /* background: #c5c216; */
        display: flex;
        align-items: center;
    }

    #logo img {
        width: 95%;
        margin: auto;
    }
    
    .subheader h1 {
        font-weight: 400;
        font-style: normal;
        font-size: 3em;
    }

    .icon-menu {
        font-size: 2em;
        display:flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        /* background: blue; */
    }

    .menu-burger {
        display: none;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: #0a1f03;
    }

    .menu-burger ul {
        display: flex;
        flex-direction: column;
        background: url(/imagenes/fondo-02.webp);
        background-size: 100%;
    }

    .menu-burger ul a {
        margin: auto;
        text-decoration: none;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 2.5em;
    }

    .menu-burger ul a li {
        text-align: center;
        font-family: Century-Gothic;
        color: white;
        margin-bottom: .2em;
        font-size: 1.3em;
    }

    .menu-burger ul a {
        /* background-color: red; */
        padding: 1em;
        border-bottom: 1px solid #ffffff;

    }

    .menu-burger ul a li~img {
        width: 80%;
        padding: 0em;
    }

    .icon-cancel{
        color: white;
        font-size: 2em;
        margin: auto;
        padding: .5em 0em;  
        display: flex;
        flex-direction: column;
        
        /* border: 1px solid #000; */
        align-items: center; 
        margin-bottom: .5em;

    }

    #btn-menu {
        display: none;
    }

    #btn-menu:checked ~ nav {
        display: block;
    }

    .banner {
        width: 100%;
        height: 200px;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 5em 0em;
        /* margin-top: 1em; */
    }

    .banner-2 {
        width: 100%;
        height: 200px;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 4em 0em;
        /* margin-top: 1em; */
    }
    
    @keyframes banner {
        0%,
        100% {
        background-image: url("/imagenes/fondo-banner-shamrock.webp");
        }
    }

    .capa {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
    }

    .info {
        z-index: 1;
        width: 95%;
        max-width: 550px;
        text-align: center;
        /* background: rgb(7, 230, 92); */
        /* line-height: 31em; */
    }

    .info h1 {
        color: #fff;
        line-height: 1em;
        font-size: 2em;
        margin-bottom: 0em;
        letter-spacing: 1px;
        width: 100%;
        margin: auto;
        font-family: "AONCC___";
        /* background: red; */
    }

    .info p {
        color: #c7c7c7;
        line-height: 1.7em;
        margin-bottom: 0em;
        /* background-color: red; */
    }
    
    .info img {
        width: 20%;
    } 


#count-down {
    background: url(/imagenes/fondo-banner.webp);
    background-size: 100%;
    color: white;
    text-align: center;
    line-height: 2.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1em 0em;
} 

.image-container .nudos {
    border: none;
    /* background-color: rgb(27, 37, 233); */
    width: 40%;
    margin-top: 0em;
    padding: 0em 5em;
    margin: auto;
    margin-bottom: 1em;
}

.image-container h2 {
    font-size: 2em;
    text-align: center;
    width: 100%;
    /* margin: auto; */
    line-height: 1em;
    font-family: "AONCC___";
    /* background-color: rgb(27, 236, 4); */
    color: white;
    margin-top: 0em;
    margin-bottom: 0.1em;
    padding: 0em;
}

.image-item {
    margin-bottom: 1em;
    /* border: 1px solid #23d50b; */
    width: 100%;
}


.image-item img {
    width: 100%;
    /* border: 1px solid #c81515; */
}


.image-item-1 {
    margin-bottom: 1em;
    /* border: 1px solid #23d50b; */
    width: 100%;
}

.image-item-1 img {
    width: 100%;
    /* border: 1px solid #c81515; */
}

.images {
    /* border: 1px solid #0aef38; */

}

button {
    width: 70%;
    margin-bottom: 10em;
    /* border: 10px solid #ffffff; */
    /* border: 1px solid #000; */
}

.image-container {
    margin-bottom: 20em;
    padding: 0em 0em;
    width: 100%;
    margin: auto;
    margin-top: 1em;
    display: flex;
    flex-direction: column;
    /* border: 1px solid #ffffff; */
}
        
.container {
    border-top: 5px solid #c1950a;
    width: 80%;
    margin: auto;
    /* background: RED; */
}

#slider-new {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#slider-new ul {
    display: flex;
    padding: 0;
    width: 400%;
    animation: slide 15s infinite alternate ease-in-out;
}

.slider-new li {
    width: 100%;
    list-style: none;
    position: relative;
}

#slider-new img {
    width: 100%;
}

@keyframes slide {
    0% {margin-left: 0;}
    20% {margin-left: 0;}
    
    25% {margin-left: -100%;}
    45% {margin-left: -100%;}
    
    50% {margin-left: -200%;}
    70% {margin-left: -200%;}
    
    75% {margin-left: -300%;}
    100% {margin-left: -300%;}
}

#contacts-box {
    /* background-color: red; */
    display: flex;
    flex-direction: column;
    padding: 1em;
    width: 80%;
    margin: auto;
}

#contacts-box img {
    width: 50%;
}

.contact {
    margin-bottom: 1em;
    font-size: 2em;
    text-align: center;
    color: white;
}

.contact p {
    font-size: .5em;
    text-align: center;
    color: white;
    margin-top: .7em;
}

.icon-phone {
    font-size: 1.3em;
}

.icon-mail {
    font-size: 1.3em;
}

		header{
			width:100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			align-items: none;
			/* background:#da0e0e; */
			margin: auto;
		}
	
		#logo-foremex{
			width:32%;
			text-align:center;
			padding: 0em 0em;
			/* background-color: rgb(33, 44, 194); */
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding-left: 1em;
		}
	
		#logo-foremex img{
			width:100%;
			text-align:center;
			padding: 0em 0em;
		}

		#logo-foremex a { 
			/* background-color: rgb(201, 172, 172); */
			/* border: 1px solid #000; */
			width: 70%;
		}
	
		#logo-foremex img{
			width:100%;
			padding: 0em 0em;
		}
	
		#contact{
			text-align:center;
			font-size:1em;
			width:60%; 
			padding-top:.5em; 
			padding-right:0em; 
			/* background:green; */
			margin-top: 0em; 
			margin-bottom: 0em; 
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			justify-content: flex-end;
			padding-right: 1em;
		}
	
		#contact p{
			font-family: Century-Gothic;	
			font-size: 1em;
			/* background-color: #d0e0d1; */
			margin: 0.5em 0em;
		}
	
		#whattsapp {
			background-color: #4daa50;
			padding: 0em;
			width: 40%;
			margin: none;
			border-radius: 1em;
			/* border: 1px solid #1a58cc; */
			margin-bottom: 0em;
            margin-right: 0em;
            padding: 1em;
		}
	
		#whattsapp2 {
			background-color: #4daa50;
			padding: 0em;
			width: 40%;
			margin: none;
			border-radius: 1em;
			/* border: 1px solid #1a58cc; */
			margin-bottom: 0em;
            margin-right: 0em;
            padding: 1em;
		}
	
		#whattsapp:hover {
			background-color: #363636;
			padding: 0em;
			width: 40%;
			margin: none;
			border-radius: 1em;
			/* border: 1px solid #1a58cc; */
			margin-bottom: 0em;
            /* margin-right: 1em; */
            padding: 1em;
		}
	
		#whattsapp2:hover {
			background-color: #363636;
			padding: 0em;
			width: 40%;
			margin: none;
			border-radius: 1em;
			/* border: 1px solid #1a58cc; */
			margin-bottom: 0em;
            /* margin-right: 1em; */
            padding: 1em;
		}
	
		#whattsapp #button--whatsapp  {
			/* background-color: #4daa50; */
			text-decoration: none;
			display: block;
		}
	
		#whattsapp #button--whatsapp2  {
			/* background-color: #4daa50; */
			text-decoration: none;
			display: none;
		}

			
		#whattsapp #button--whatsapp-index  {
			/* background-color: #4daa50; */
			text-decoration: none;
			display: block;
		}
			
		#whattsapp2 #button--whatsapp-index  {
			/* background-color: #4daa50; */
			text-decoration: none;
			display: block;
		}
			
		#whattsapp #button--whatsapp-compras  {
			/* background-color: #4daa50; */
			text-decoration: none;
			display: block;
		}
	
		#whattsapp p {
			/* background-color: #4daa50; */
			color: white;
			padding: 0em;
			border-radius: 1.2em;
			font-weight:100;
			margin-bottom: 0em;
            margin: 0em;
            font-size: 1em;
		}
	
		#whattsapp2 p {
			/* background-color: #4daa50; */
			color: white;
			padding: 0em;
			border-radius: 1.2em;
			font-weight:100;
			margin-bottom: 0em;
            margin: 0em;
            font-size: 1em;
		}
	
		/* #whattsapp p:hover {
			background-color: #ffffff;
			color: #4daa50;
			padding: 1em;
			border-radius: 1.2em;
			font-weight:bold;
		} */

        #ctas {
            width: 100%;
            /* border: 1px solid #f70808; */
            display: flex;
            justify-content: space-around;
            align-items: flex-start;
            padding: 2em 0em 5em 0em;
            margin: auto;
        }
	
		.bnav {
			background-color: red;
			display:block;
            position: absolute;
            /* border: 1px solid #1054bb; */
		}
	
		.bnav-phone {
            background-color: rgba(0, 0, 0, .55);           
            width: 100%;
			display: none;
			flex-direction: row;
			align-items: center;
            justify-content: flex-end;
			margin: auto;
			margin-top: 0em;
			/* border-bottom: 1px solid #eb0f0f; */
		}
	
		.bnav-phone h2 {
			/* background-color: rgb(192, 221, 26); */
			margin-top: 0em;
			border-bottom: 1px solid #000;
			width: 60%;
			margin-bottom: .6em;
			display: none;
		}
	
		#menu {
			background-color: rgba(0, 0, 0, 0);
			/* border-bottom: 5px solid #ffffff; */
			width: 70%;
            margin: 0em;
            /* border: 1px solid #2b18db; */
		}
	
		ul {
			background-color: none;
			/* border: 1px solid #67fc11; */
			width: 100%;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			margin: auto;
			align-items: center;
			justify-content: space-between;
			padding: 1em 0em;
		}
	
		li {
			/* background-color: rgb(221, 25, 162); */
			text-align: center;
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			font-size: 1em;
			margin: 0em 0em;
			/* border: 1px solid #d5d80c; */
			/* border-right: 1px solid #ffffff;
			border-left: 1px solid #ffffff; */
		}
	
		li a {
			background-color: none;
			width: 100%;
			margin: 0em 0em;
			text-decoration: none;
			padding: .8em;
			color: rgb(255, 255, 255);
			border-radius: 0em;
			font-weight: normal;
		}
	
		li a:hover {
			background-color: white;
			width: 100%;
			margin: 0em 0em;
			text-decoration: none;
			padding: .8em;
			color: rgb(0, 0, 0);
			border-radius: 0em;
			font-weight: bold;
		}

        
    #newbanner_heaad {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/banner4.webp);
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
        
    #newbanner_heaadlocations {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/location.webp);
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
        
    #newbanner_heaad-noindex {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-color: rgb(10, 81, 30);
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    #capa {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0.55);
        display: flex;
        flex-direction: column;
        align-items:flex-end;
        /* background-color: #06550d; */
    }

    #newinfo {
        margin: 0;
        /* background: red;  */
        padding: 3em 0 0 0;
        width: 70%;
        height: 100%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1em;
        font-family: Century-Gothic;
        margin: auto;

    }
    
    #certs {
        /* background-color: red; */
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
    }

    #certs img {
        width: 100%;
        margin-right: 0em;
        margin-bottom: 5em;
    }
    
    #certs2 {
        /* background-color: red; */
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        padding: 2em 0em 0em 0em;
        margin-bottom: 0em;
    }

    #certs2 img {
        width: 60%;
        margin-right: 0em;
        margin-bottom: 2em;
    }

    #certs2 #iso {
        width: 30%;
        margin-right: 0em;
        margin-bottom: 2em;
        /* background-color: #4799e6; */
    }
    
    #newinfo #iso {
        width: 50%;
        margin: 0em; 
    }
    
        #iso2 {
            width: 10%;
            margin: 0em 0em 0em 0em; 
            display: none;
            /* background-color: red; */
        }
    
    #newinfo #gptw {
        width: 30%;
        margin: 0em; 
    }
    
    #newinfo img{
        width: 100%;
        /* background-color: pink; */
    }


    #newinfo3 {
        margin: 0;
        /* background: red;  */
        padding: 0em 0 0 0;
        width: 80%;
        height: 100%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 1em;
        font-family: Century-Gothic;
        line-height: 2.5em;
        margin-bottom: 1em;

    }

    #newinfo3 p {
        font-family: Century-Gothic;
        line-height: 1.7em;
        font-size: 1em;
    }

    #newinfo3 img{
        width: 30%;
        /* background-color: red; */
    }

    #newinfo p {
        text-align: center;
        margin: 0em;
        font-family: Century-Gothic;

    }
    
    #newinfo3 h1 {
        margin: 0px;
        font-size: 30px;
        font-family: Century-Gothic;
        color: #4daa50;
        line-height: 1.3em;
        text-align: center;
        width: 100%;
    }
    
    #newinfo h1 {
        margin: 2em 0em;
        font-size: 30px;
        font-family: Century-Gothic;
        font-weight: bolder;
        color: rgb(8, 48, 3);
        line-height: 1.5em;
        text-align: center;
        color: white;
    }
    
        
    #newbanner_heaad2 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fondo2-scrap.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #000; */
    }
        
    #newbanner_heaadcon {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fondo2-scrap.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #000; */
    }
    
        
    #newbanner_heaad4 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fotos/image16.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #000; */
    }
        
    #newbanner_heaad3 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fondo-industrias-02-02.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: none;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #e714dd; */
    }
        
    #newbanner_heaad3-inds {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/fondo-industrias-02-02.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border: 10px solid #e714dd; */
    }

    
    #newinfo6 {
        margin: 0;
        /* background: red;  */
        width: 100%;
        display: flex;
        flex-direction: column;
        /* border: 1px solid #0cf704; */
    }
    
    #newinfo6 a {
        /* border: 1px solid #1310bb; */
        width: 23%;
        text-decoration: none;
        font-family: Century-Gothic;
        color: white;
        background-color: none;
    }
    
    #newinfo6 a p {
        /* border: 1px solid #1310bb; */
        width: 100%;
        text-decoration: none;
        font-family: Century-Gothic;
        font-size: 1.5em;
        margin: auto;
        margin-top: .5em;
    }

    #newinfo6 h2 {
        color: rgb(0, 0, 0);
        font-size: 2em;
        padding: 0em 0em;
        /* background-color: blue; */
        margin: 1em 0em;
        width: 80%;
        text-align: center;
        margin: auto;
        margin-bottom: .5em;
    }
    
    #newinfo6 ul {
        /* background-color: green; */
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        /* border: 1px solid #ffffff; */
        padding: 0em;
        font-family: Century-Gothic;
    }
    
    #newinfo6 ul li {
        width: 100%;
        height: 10em;
        /* border: 10px solid #ffffff; */
        color: white;
        border-radius: 0em;
        display: flex;
        flex-direction: column;
        font-family: Century-Gothic;
    }
    
    #newinfo6 ul li {
        font-family: Century-Gothic;
        /* background-color: red; */
    }
    
      
    #newinfo6 a {
        /* border: 1px solid #1310bb; */
        width: 100%;
        text-decoration: none;
        font-family: Century-Gothic;
        color: white;
        background-color: none;
        margin-bottom: 1em;
    }

    
    .card-container {
        perspective: 1000px;
        /* border: 1px solid #ffffff; */

    }

    .card {
        position: relative;
        width: 70%;
        height: 300px;
        transform-style: preserve-3d;
        transition: transform 0.6s;
        margin: auto;
        /* border: 1px solid #f10c0c; */
    }

    .card ~ p {
            /* background-color: red; */
            width: 50%;
            font-size: 1.2em;
            color: black;
            font-weight: bolder;
            margin-bottom: 1em;
            display: block;
        }

    .front1, .back1, .front2, .back2, .front3, .back3, .front4, .back4, .front5, .back5, .front6, .back6, .front7, .back7, .front8, .back8 {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        backface-visibility: hidden;
    }

    .front1 {
        background-image: url(/img/materiales/mixto.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        /* color: red; */
        transform: rotateY(0deg);
    }

    .back1 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front2 {
        background-image: url(/img/materiales/manganeso.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back2 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front3 {
        background-image: url(/img/materiales/placa.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back3 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front4 {
        background-image: url(/img/materiales/otros.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back4 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front5 {
        background-image: url(/img/materiales/aluminio.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back5 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front6 {
        background-image: url(/img/materiales/cobre.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back6 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front7 {
        background-image: url(/img/materiales/inoxidable.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back7 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }

    .front8 {
        background-image: url(/imagenes/banner/materiales-scrap-phone-02.webp);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        color: red;
        transform: rotateY(0deg);
    }

    .back8 {
        background:  rgb(8, 48, 3);
        background-size:cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(255, 255, 255);
        transform: rotateY(180deg);
    }
    
    .card-container:hover .card {
        transform: rotateY(180deg);
    }

    
    #newinfo6-2 {
        margin: 0;
        /* background: red;  */
        width: 80%;
        display: flex;
        flex-direction: column;
        /* border: 1px solid #0cf704; */
    }
    
    #newinfo6-2 a {
        /* border: 1px solid #1310bb; */
        width: 23%;
        text-decoration: none;
        font-family: Century-Gothic;
        color: white;
        background-color: none;
    }
    
    #newinfo6-2 a p {
        /* border: 1px solid #1310bb; */
        width: 100%;
        text-decoration: none;
        font-family: Century-Gothic;
        font-size: 1.5em;
        margin: auto;
        margin-top: .5em;
    }

    #newinfo6-2 h2 {
        color: white;
        font-size: 2em;
        padding: .5em 0em;
    }
    
    #newinfo6-2 ul {
        /* background-color: green; */
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        /* border: 1px solid #ffffff; */
        padding: 0em;
        font-family: Century-Gothic;
        text-align: center;
    }
    
    #newinfo6-2 ul li {
        width: 90%;
        height: 3em;
        /* border: 1px solid #13e11d; */
        color: white;
        border-radius: 0em;
        display: flex;
        flex-direction: column;
        font-family: Century-Gothic;
        text-align: center;
    }
    
      
    #newinfo6-2 a {
        /* border: 1px solid #1310bb; */
        width: 100%;
        text-decoration: none;
        font-family: Century-Gothic;
        color: white;
        background-color: none;
        margin-bottom: 3em;
    }
    
    #capain {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        /* background: rgba(43, 105, 43, 1); */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        padding: 1em 0em;
        border-radius: 0em;
    }
    
    #capain:hover {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgba(43, 105, 43, .5);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        padding: 1em 0em;
        border-radius: 0em;
    }

    #capa3 {
        width: 100%;
        height: 80em;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .7);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        font-family: Century-Gothic;
        /* background-color: red; */
        /* border: 1px solid #0920e9; */
    }

    #capa3-2 {
        width: 100%;
        height: 80em;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .8);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        font-family: Century-Gothic;
        /* background-color: red; */
        /* border: 1px solid #0920e9; */
    }

    #industries {
        background-color: none;
        /* border: 1px solid #11db1b; */
        display: grid;
        gap: 12em;
        width: 40%;
    }

    #stats {
        /* background-color: red; */
        width: 60%;
        display: grid;
        gap: 13em;
    }

    .stat {
        color: white;
    }

    .stat h3{
        font-size: 5em;
        /* background-color: #0920e9; */
        margin: 0em;
        color: #4daa50;
    }

    .stat p{
        font-size: 1.5em;
        /* background-color: #0920e9; */
        margin: 0em;
        color: #4daa50;

    }

    #stats2 {
        /* background-color: pink; */
        width: 60%;
        display: grid;
        gap: 8em;
        margin: auto;
    }

    .stat2 {
        color: white;
    }

    .stat2 h3{
        font-size: 5em;
        /* background-color: #0920e9; */
        margin: 0em;
        color: #4daa50;
    }

    .stat2 p{
        font-size: 1.5em;
        /* background-color: #0920e9; */
        margin: 0em;
        color: #4daa50;

    }

    #capa2 {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .8);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        /* background-color: pink; */
    }

    #capa8 {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .8);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        /* background-color: pink; */
    }

    #capa4 {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, .6);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        /* background-color: pink; */
    }

    #capa3 img {
        width: 100%;
    }

    #newinfo2 {
        margin: 0;
        /* background: rgb(18, 78, 146);  */
        width: 90%;
        height: 100%;
        color: white;
        text-align: left;
        padding: 0em 0em;
        margin-bottom: 1.2em;
    }

    #newinfo2 img{
        width: 100%;
        /* background-color: red; */
    }

    #newinfo2 p {
        text-align: left;
        margin: 0em;
        font-family: Century-Gothic;

    }
    
    #newinfo2 h1 {
        margin: 0px;
        font-size: 70px;
        font-family: Century-Gothic;
        color: #4daa50;
        line-height: 1em;
        text-align: left;
    }
	
    
		#banner {
			display: block;
			width: 100%;
		}
	
		#banner-phone {
			display: none;
			width: 100%;
			border-top:3px solid #ffffff;
		}
	
		#banner-index {
			display: block;
			width: 100%;
		}
	
		#banner-phone-index {
			display: none;
			width: 100%;
			border-top:0px solid #ffffff;
		}
	
		#banner-pc {
			display: block;
		}
	
		#banner h1 {
			font-size: 2em;
			width: 100%;
			text-align: center;
			/* background-color: red; */
			position: absolute;
			top: 8em;
			left: 0;
			z-index: -99;
			display: none;
		}
	
		#banner-index h1 {
			font-size: 2em;
			width: 100%;
			text-align: center;
			/* background-color: red; */
			position: absolute;
			top: 8em;
			left: 0;
			z-index: -99;
			display: none;
		}
	
		#materia-prima {
			height: 12em;
			background: url(/img/plecas/pleca-materia.jpg);
			background-size: 100%;
			color: white;
			display: flex;
			justify-content: center;
			align-items: center;
			/* border: 1px solid #000; */
			width: 100%;
		}

		#materia-prima-index {
			height: 7em;
			background: black;
			color: white;
			display: none;
			justify-content: center;
			align-items: center;
			/* border: 1px solid #000; */
		}
		
		#materia-prima-abast {
			height: 12em;
			background: url(/img/plecas/pleca-materia.jpg);
			background-size: 100%;
			color: white;
			display: flex;
			justify-content: center;
			align-items: center;
			/* border: 1px solid #000; */
			height: 10em;
			width: 100%;
		}

		#materia-prima-compras {
			height: 12em;
			background: url(/img/plecas/pleca-materia.jpg);
			background-size: 100%;
			color: white;
			display: flex;
			justify-content: center;
			align-items: center;
			/* border: 1px solid #000; */
			width: 100%;
		}
		
		#materia-prima-ofertas {
			height: 10em;
			background: url(/img/plecas/pleca-materia.jpg);
			color: white;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			/* border: 1px solid #000; */
		}
  
        #capainds {
            width: 100%;
            height:60vh;
            /* position: absolute; */
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.7);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            /* background-color: red; */
        }

        
    #capainds img {
        width: 25%;
    }
       
            
        #capainds h6 {
            color: rgb(255, 255, 255);
            font-size: 1.8em;
            /* background-color: #4799e6; */
            font-family: "Archivo Black", sans-serif;
            margin: 0em;
            margin-bottom: 0em;
        }
            
        #capainds p {
            /* color: rgb(243, 8, 8); */
            font-size: 1.5em;
            /* background-color: #4799e6; */
            font-family: "Archivo Black", sans-serif;
            margin: 0em;
            color: #4daa50;
        }
            
        #capainds .num {
            font-size: 5em;
            color: #4daa50;
            /* background-color: red; */
        }
        
		#esp {
			width: 90%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 2em;
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			justify-content: space-between;
			margin-bottom: 1em;
			flex-wrap: wrap;
		}

		#call-me-1 {
			/* background-color: red; */
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0em;
			border: 0px solid #000;
			margin-top: 0em;
		}
	
		#call-me-1 a {
			width: 100%;
		}
	
		#call-me-1 a img {
			width: 100%;
			/* background-color: pink; */
			border: 1px solid #000;
		}
	
		#call-me-2 {
			display: none;
		}
	
		#esp-index {
			width: 100%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
			/* border-top: 1px solid #000; */
		}
	
		#esp-index-rec {
			width: 100%;
			background-image: url(/img/banner4.webp);
            background-size: 150%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: .8em;
			/* border-top: 1px solid #000; */
		}

        #esp-index-rec #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1.7em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 80%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
        }
	
		#esp-index-sus {
			width: 100%;
			background-image: url(/img/banner4.webp);
            background-size: 150%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: .8em;
			/* border-top: 1px solid #000; */
		}

        #esp-index-sus #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1.7em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 80%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
            margin: auto;
        }
	
		#esp-index-loc {
			width: 100%;
			background-image: url(/img/location.webp);
            background-size: 100%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: .8em;
			/* border-top: 1px solid #000; */
		}
	
		#esp-index-mat {
			width: 100%;
			background-image: url(/img/material.webp);
            background-size: 100%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: .8em;
			/* border-top: 1px solid #000; */
		}

        #esp-index-loc #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1.7em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 80%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
            margin: auto;
        }

        #esp-index-mat #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1.7em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 80%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
            margin: auto;
        }

		#esp-compra {
			width: 90%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 2em;
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			justify-content: space-between;
			margin-bottom: 1em;
		}
	
		#imgbenefits2 {
			/* background-color: red; */
			width: 68%;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: flex-start;
			margin-bottom: 0em;
		}
			
		#mats {
			width: 70%;
			/* background-color: red; */
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
		}
		
		#mats #imgbenefits2 {
			/* background-color: rgb(231, 228, 19); */
			width: 48%;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: flex-start;
			margin-bottom: 0em;
		}

		#imgbenefits2 .ben {
			width: 30%;
			color: black;
			/* background-color: red; */
			display: flex;
			flex-direction: column;
			align-items: center;
			/* border-bottom: 1px solid #000; */
			padding-bottom: 0em;
			margin: auto;
			margin-bottom: 1em;
		}
	
		#imgbenefits2 .ben p {
			color: black;
			margin: 1em 0em;
			font-weight: bold;
			font-size: 1.5em;
			display: none;
			/* background: #4daa50; */
		}
	
		#imgbenefits2 .ben a {
			background-color: #4799e6;
			color: black;
			padding: 1em;
			border-radius: 1em;
			text-decoration: none;
			color: white;
			font-weight: bold;
			font-size: 1.5em;
			width: 50%;
			display: none;
		}
	
		#esp-servs {
			width: 90%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 2em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
		}

		#esp-servs #imgbenefits2 {
			/* background-color: pink; */
			width: 100%;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			margin-top: 0em;
			margin-bottom: 0em;
		}

		#esp-servs #imgbenefits2 .ben-of {
			width: 20%;
			color: black;
			/* background-color: red; */
			display: flex;
			flex-direction: column;
			align-items: center;
			/* border-bottom: 1px solid #000; */
			padding-bottom: 0em;
			margin: auto;
			margin-bottom: 1.5em;
		}

		#esp-servs #imgbenefits2 .ben-of a {
			background-color: #4daa50;
			color: black;
			padding: .5em;
			border-radius: .7em;
			text-decoration: none;
			color: white;
			font-weight: bold;
			font-size: 1.5em;
			width: 30%;
			display: block;
			margin-top: 0.5em;
		}
			
		#esp-servs h2 {
			display: flex;
			background: none;
			height: 1.2em;
			color: #4daa50;
			margin-bottom: 1em;
			width: 100%;
			font-size: 2.5em;
			margin-top: 0em;
			align-items: center;
			justify-content: center;
			border-bottom: 5px solid #4daa50;
		}


		#imgbenefits .ben img {
			/* background-color: #e9d310; */
			width: 100%;
			border-radius: 0em;
			border: 0px solid #a7a7a7;
		}
	
		.ben img {
			/* background-color: #e9d310; */
			width: 100%;
			border-radius: 0em;
			/* border: 1px solid #a7a7a7; */
		}

		#imgbenefits2 .ben1 {
			background-color: #63ad26;
			width: 45%;
			margin-bottom: 1em;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		
	#imgbenefits2 .ben-of {
		width: 30%;
		color: black;
		/* background-color: red; */
		display: flex;
		flex-direction: column;
		align-items: center;
		/* border-bottom: 1px solid #000; */
		padding-bottom: 0em;
		margin: auto;
		margin-bottom: 1em;
	}

	#imgbenefits2 .ben-of p {
		color: black;
		margin: .5em 0em;
		font-weight: bold;
		font-size: 1.5em;
		display: block;
		/* background: #4daa50; */
	}

	#imgbenefits2 .ben-of a {
		background-color: #4799e6;
		padding: .7em;
		border-radius: 1em;
		text-decoration: none;
		color: white;
		font-weight: bold;
		font-size: 1.2em;
		width: 40%;
		display: block;
		margin-top: .7em;
	}

	#imgbenefits2 .ben-of a:hover {
		background-color: #ffffff;
		padding: .7em;
		border-radius: 1em;
		text-decoration: none;
		color: #4799e6;
		font-weight: bold;
		font-size: 1.2em;
		width: 40%;
		display: block;
		margin-top: .7em;
		border: 1px solid #4799e6;
	}

	#esp-servs #imgbenefits2 .ben-of a {
		background-color: #4daa50;
		color: black;
		padding: .5em;
		border-radius: .7em;
		text-decoration: none;
		color: white;
		font-weight: bold;
		font-size: 1.3em;
		width: 30%;
		display: block;
		margin-top: 0.5em;
	}

	#esp-servs #imgbenefits2 .ben-of a:hover {
		background-color: #474747;
		padding: .5em;
		border-radius: .7em;
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
		font-size: 1.3em;
		width: 30%;
		display: block;
		margin-top: 0.5em;
		border: 0px solid #4daa50;
	}

		.ben1 img {
			/* background-color: #e9d310; */
			width: 100%;
			border-radius: 0em;
			border: 1px solid #a7a7a7;
		}

		#esp-rec {
			width: 90%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 1em;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			margin-bottom: 0em;
			/* border-top: 1px solid #000; */
		}
	
		#esp-rec h2 {
			width: 95%;
			/* background-color: #63ad26; */
			margin: none;
			margin-top: 0em;
			font-size: 1.8em;
			height: 1.4em;
			margin-bottom: 1em;
			color: #4daa50;
			border-bottom: 5px solid #4daa50;
			text-align: left;
			margin: auto;
			margin-bottom: 0.8em;
		}
	
		#esp-rec p {
			line-height: 1.8em;
			text-align: justify;
			width: 95%;
			margin-top: 0em;
			font-size: 1.3em;
			display: block;
			margin: auto;
			margin-bottom: 1em;
			/* background: red; */
		}
	
		#esp-rec ul {
			background: none;
			display: flex;
			flex-direction: column;
			margin-top: 0em;
			margin-bottom: 0em;
			width: 95%;
			border: 0px solid #000;
			text-align: center;
			margin: 0em;
			font-size: 1.3em;
			line-height: 1.3em;
			margin: auto;
		}
	
		#esp-rec li {
			width: 100%;
			margin: auto;
			font-size: 1em;
			margin-bottom: 1em;
			color: #4daa50;
			font-weight: bold;
			text-align: justify;
			/* background: red; */
		}	
	
		#esp-rec li::before {
			content: "-";
			color: #4daa50;
		}	

		#esp-rec #title_2 {
			width: 95%;
			/* background-color: #63ad26; */
			margin-top: 3em;
			font-size: 2em;
			height: 1.3em;
			margin: auto;
			margin-bottom: 0em;
			color: #4daa50;
			/* border-bottom: 5px solid #4daa50; */
			text-align: left;
		}
	
	#esp .texto3 {
		text-align: center;
		width: 80%;
		height: 3em;
		margin-bottom: 1em;
		margin-top: 0.2em;
		font-size: 1.4em;
	}
	
		#esp-contact {
			width: 90%;
			/* background-color: #63ad26; */
			margin: auto;
			margin-top: 2em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
		}
		
		#esp-contact p {
			line-height: 1.8em;
			text-align: center;
			width: 50%;
			margin-top: 0em;
			margin-bottom: 0em;
			font-size: 1.3em;
			display: block;
			/* background: red; */
		}

		#esp-contact input {
			margin-top: 0em;
			margin-bottom: 0em;
			height: 3em;
			width: 90%;
			text-align: center;
			/* background-color: #63ad26; */
		}

		#esp-contact .texto1 {
			margin-bottom: 1em;
			height: 3em;
			width: 90%;
			text-align: center;
		}
		
		#esp-contact #boton {
			background-color: #4daa50;
			color: white;
			font-family: Century-Gothic;
			font-size: 1.3em;
			border-radius: 0.5em;
			margin-bottom: 0em;
			width: 60%;
			margin-top: .5em;
			height: 2.5em;
		}

		* {box-sizing:border-box}
	
		/* Slideshow container */
		.slideshow-container {
		width: 80%;
		position: relative;
		margin: auto;
		margin-bottom: 1em;
		}
	
		.slideshow-container-index {
			width: 100%;
			position: relative;
			margin: auto;
			margin-bottom: 0em;
			display: block;
			box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 30px;
			}
	
		.slideshow-container-abast {
		width: 100%;
		position: relative;
		margin: auto;
		margin-bottom: 0em;
		display: block;
		}
	
		/* Hide the images by default */
		.mySlides {
		display: none;
		margin: 0em;
		}
	
		/* Next & previous buttons */
		.prev, .next {
		cursor: pointer;
		position: absolute;
		top: 50%;
		width: auto;
		margin-top: -22px;
		padding: 16px;
		color: white;
		font-weight: bold;
		font-size: 18px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
		user-select: none;
		}
	
		/* Position the "next button" to the right */
		.next {
		right: 0;
		border-radius: 3px 0 0 3px;
		}
	
		/* On hover, add a black background color with a little bit see-through */
		.prev:hover, .next:hover {
		background-color: rgba(0,0,0,0.8);
		}
	
		/* Caption text */
		.text {
		color: #f2f2f2;
		font-size: 15px;
		padding: 8px 12px;
		position: absolute;
		bottom: 8px;
		width: 100%;
		text-align: center;
		}
	
		/* Number text (1/3 etc) */
		.numbertext {
		color: #f2f2f2;
		font-size: 12px;
		padding: 8px 12px;
		position: absolute;
		top: 0;
		}
	
		/* Fading animation */
		.fade {
		animation-name: fade;
		animation-duration: 1.5s;
		}
	
		@keyframes fade {
		from {opacity: .4}
		to {opacity: 1}
		}
	
		#materia-prima1 {
			height: 12em;
			background: url(/img/plecas/pleca-primera.jpg);
			background-size: 100%;
			color: white;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-bottom: 1em;
			/* border: 1px solid #000; */
		}
	
		#leadzone {
			width: 100%;
			background-color: #4daa50;
			margin: auto;
			margin-top: 1em;
			margin-bottom: 0em;
			padding: 2em 0em;
			/* border: 1px solid #000; */
		}
	
		#imgbenefits {
			/* background-color: red; */
			width: 80%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			margin: auto;
			margin-bottom: 0em;
		}

		#inds {
			/* background-color: red; */
			width: 90%;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
		}
	
		.ind {
			width: 100%;
			margin-bottom: 1.5em;
			/* background-color: red; */
		}
	
		.ind img{
			width: 100%;
			margin-bottom: 0em;
		}
	
		.ind h3 {
			text-align: left;
			/* background-color: yellow; */
			border-bottom: 1px solid #000000;
			height: 1.2em;
			font-size: 1.5em;
			width: 60%;
			color: #4daa50;
		}
	
		#inds-index {
			/* background-color: rgb(210, 245, 13); */
			width: 90%;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
		}
	
		.ind-index {
			width: 100%;
			margin-bottom: 0em;
			/* background-color: red; */
		}
	
		.ind-index img{
			width: 100%;
			margin-bottom: 0em;
		}
	
		.ind-index h3 {
			text-align: left;
			/* background-color: yellow; */
			border-bottom: 1px solid #ffffff;
			height: 1.2em;
			font-size: 2em;
			width: 60%;
			color: #ffffff;
			margin-top: .3em;
		}
	
		.texto2 {
			text-align: center;
			/* background-color: red; */
		}
	
		.slick-slide {
			margin: 0px 20px;
		}
	
		.slick-slide img {
			width: 100%;
		}
	
		.slick-slider {
			position: relative;
			display: block;
			box-sizing: border-box;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
					user-select: none;
			-webkit-touch-callout: none;
			-khtml-user-select: none;
			-ms-touch-action: pan-y;
				touch-action: pan-y;
			-webkit-tap-highlight-color: transparent;
		}
	
		.slick-list {
			position: relative;
			display: block;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}
	
		.slick-list:focus {
			outline: none;
		}
	
		.slick-list.dragging {
			cursor: pointer;
			cursor: hand;
		}
	
		.slick-slider .slick-track,
		.slick-slider .slick-list {
			-webkit-transform: translate3d(0, 0, 0);
			-moz-transform: translate3d(0, 0, 0);
				-ms-transform: translate3d(0, 0, 0);
				-o-transform: translate3d(0, 0, 0);
					transform: translate3d(0, 0, 0);
		}
	
		.slick-track {
			position: relative;
			top: 0;
			left: 0;
			display: block;
		}
	
		.slick-track:before,
		.slick-track:after {
			display: table;
			content: '';
		}
	
		.slick-track:after {
			clear: both;
		}
	
		.slick-loading .slick-track {
			visibility: hidden;
		}
	
		.slick-slide {
			display: none;
			float: left;
			height: 100%;
			min-height: 1px;
		}
	
		[dir='rtl'] .slick-slide {
			float: right;
		}
	
		.slick-slide img {
			display: block;
		}
	
		.slick-slide.slick-loading img {
			display: none;
		}
	
		.slick-slide.dragging img {
			pointer-events: none;
		}
	
		.slick-initialized .slick-slide {
			display: block;
		}
	
		.slick-loading .slick-slide {
			visibility: hidden;
		}
	
		.slick-vertical .slick-slide {
			display: block;
			height: auto;
			border: 1px solid transparent;
		}
	
		.slick-arrow.slick-hidden {
			display: none;
		}
	
		.container {
			/* background-color: rgb(255, 27, 27); */
			margin-top: 1em;
		}
	
		.customer-logos {
			/* background-color: #414141; */
			display: flex;
			margin-bottom: 0em;
		}
	
		.customer-logos .slide {
			width: 100%;
			/* background-color: #63ad26; */
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			height: 13em;
		}
	
		.slide img {
			width: 90%;
			/* background-color: #63ad26; */
		}

		.container-abast .customer-logos {
			/* background-color: #414141; */
			display: flex;
			margin-bottom: 0em;
		}
	
		.container-abast .customer-logos .slide {
			width: 100%;
			/* background-color: #63ad26; */
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			height: 6em;
		}
	
		.container-abast .slide img {
			width: 130%;
			/* background-color: #63ad26; */
		}
	
		#map {
			background: url(/img/plecas/mapa-new.webp);
			background-size: 95%;
			background-position: center;
			background-repeat: no-repeat;
			display: flex;
			width: 100%;
			margin-bottom: 0em;
			/* border: 1px solid #000; */
		}
	
		#map-us {
			background: url(/img/plecas/mapa-foremex.webp);
			background-size: 100%;
			background-position: center;
			background-repeat: no-repeat;
			display: flex;
			width: 50%;
			margin: auto;
			margin-top: 0em;
			margin-bottom: 0em;
			/* border: 1px solid #000; */
		}
	
		#map-index {
			background: url(/img/plecas/mapa-index.webp);
			background-size: 90%;
			background-position: center;
			background-repeat: no-repeat;
			display: flex;
			width: 40%;
			margin: auto;
			margin-top: 0em;
			margin-bottom: 0em;
			padding: 1em 0em;
			/* border: 1px solid #000; */
		}
	
		#map-patios {
			background: url(/img/plecas/map-patios.webp);
			background-size: 95%;
			background-position: center;
			background-repeat: no-repeat;
			display: flex;
			width: 60%;
			margin-bottom: 1em;
			/* border: 1px solid #000; */
			margin: auto;
		}
	
		#map img {
			/* background-color: rgb(236, 240, 30); */
			/* border: 1px solid #000; */
			width: 100%;
		}
	
		#map-patios img {
			/* background-color: rgb(236, 240, 30); */
			/* border: 1px solid #000; */
			width: 100%;
		}
	
		#map-us img {
			/* background-color: rgb(236, 240, 30); */
			/* border: 1px solid #000; */
			width: 97%;
			opacity: 0;
			/* background: red; */
		}
	
		#map-index img {
			/* background-color: rgb(236, 240, 30); */
			/* border: 1px solid #000; */
			width: 100%;
		}
	
		#pointer {
			width: 15%;
			padding: .3em;
			opacity: 0;
		}
	
		#pointer {
			animation: blink-animation 1.5s steps(5, start) infinite;
			-webkit-animation: blink-animation 1.5s steps(5, start) infinite;
		}
		@keyframes blink-animation {
			to {
			visibility: hidden;
			}
		}
	
		@-webkit-keyframes blink-animation {
			to {
			visibility: hidden;
			}
		}
		
	#datos {
		width: 90%;
		/* background-color: red; */
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		text-align: center;
		margin: auto;
		margin-top: 1em;
		margin-bottom: 2em;
		padding: 0em;
	}

	.dat {
		/* background-color: green; */
		margin-bottom: 0em;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 32%;
		/* border-bottom: 1px solid #000; */
	}

	.dat img {
		width: 70%;
		/* background-color: red; */
		margin-bottom: 1em;
	}

	.dat h3 {
		/* background-color: pink; */
		font-size: 1.5em;
		margin: 0em;
		margin-bottom: .5em;
	}

	.dat p {
		font-size: 1em;
		width: 80%;
		/* background: red; */
		margin: 0em;
		margin-bottom: .7em;
	}
	
		#aceros {
			width: 100%;
			background: url(/img/plecas/acero-pleca.webp);
			background-size: 100%;
			background-repeat: no-repeat;
			margin-bottom: 0em;
			color: white;
		}
	
		#barra-aceros {
			background-color: rgb(255, 94, 0);
			height: 1em;
		}
		
		.in-aceros {
			/* border: 1px solid #ff0000; */
			width: 80%;
			margin: auto;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			align-items: center;
			padding: 2em 0em;
		}
	
		.in-aceros a p {
			background-color: rgb(255, 94, 0);
			padding: 1em;
			margin-bottom: 0em;
			border-radius: 1em;
			color: white;
			font-size: 1.2em;
		}
	
		.in-aceros a p:hover {
			background-color: rgb(255, 255, 255);
			padding: 1em;
			margin-bottom: 0em;
			border-radius: 1em;
			color: rgb(0, 0, 0);
			font-size: 1.2em;
		}
	
		.in-aceros a {
			text-decoration: none;
		}
	
		#aceros h4 {
			width: 45%;
			margin: auto;
			line-height: 1.3em;
			font-size: 1.5em;
		}		
		
		#pie{
			width:100%;
			background-color: #000;
			margin:0;
			padding:1em 0em;
			display: flex;
			flex-wrap: wrap;
			gap: 1em;
		}
	
		.foot{
			width:100%;
			padding:1%;
			text-align:center;
			color:#fff;
			font-size: .9em;
			float:left;
			/* background-color: #da0b0b; */
			margin: auto;
			line-height: 1.5em;
		}
	
		.ft{
			padding:1%;
			float:left;
			/* background:#175fe4; */
			color:#fff;
			font-size:1em;
			text-align:center;
			width: 30%;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			margin: auto;
		}
	
		.ft a{
			color:#fff;
			text-decoration:none;
			width: 24%;
			/* background-color: rgb(255, 0, 221); */
			margin-bottom: 1.5em;
		}
		
		.ft img{
			width: 40%;
			background-color: none;
		}
		
		.ft img:hover {
			color:#000000;
			text-decoration:none;
			background-color: #4daa50;
		}

    #contenedor {
		width: 100%;
		margin:auto;
		text-align:center;
		background: rgb(8, 48, 3);
		}

    #newbanner_heaad-historia #newinfo {
        margin: 0;
        padding: 14em 0em;
        width: 100%;
        height: 100%;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    #newbanner_heaad-historia #newinfo h1 {
        margin: 20px;
        font-size: 70px;
        font-family: "AONCC___";
        line-height: 1em;
        width: 80%;
    }

    #newbanner_heaad-historia #capa {
        width: 100%;
        height: 100%;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgb(0, 0, 0, 0.8);
    }
    
    #newbanner_heaad-historia {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/images/san-patricio/2016/festival-cultural-san-patricio-méxico-año-2016-04.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #newbanner_heaad-historia #newinfo p {
        margin: 9px;
        font-size: 1.5em;
        line-height: 2em;
    }
    
    #newinfo #count {
    /* border: 1px solid #ffffff; */
    font-size: 1.5em;
    
    margin: 0em 0em 0em 0em;
    /* background: #c1950a; */
    }

    #newinfo p {
        margin: 0px;
        font-size: 1.2em;
        line-height: 1.6em;
        text-align: center;
        /* background-color: blue; */
    }

    #newinfo h1 ~ p {
        display: none;
        margin: 0px;
        font-size: 1.2em;
        line-height: 1.6em;
        text-align: center;
        background-color: red;
    }
   
    #patrocinadores {
        width: 90%;
        /* background-color: red; */
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        /* margin-top: .8em; */
        justify-content: space-between;
        padding: 0em;
        margin-top: 1em;
    }

    #patrocinadores img {
        width: 15%;
        margin-bottom: 2.5em;
    }
     
    body {
        width: 100%;
        background-color: #072b03; 
        display: flex;
        flex-wrap: wrap;
    }
        
    #header-1 {
        width: 100%;
        /* background-color: red; */
        background-size: 100%;
        display: none;
    }

    main {
        width: 70%;
    }
    
    .subheader {
        width: 80%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2em 1em;
        /* border: 1px solid #000; */
    }
    
    #header-2 {
        width: 25%;
        background: url(/imagenes/fondo-01.webp);
        background-size: 100%;
        padding: 1.5% 2.5%;
        /* border: 1px solid #ffffff; */
    }

    #inn-header {
        /* background-color: red; */
        position: fixed;
        width:inherit;
    }

    #logo {
        margin: none;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        /* border: 1px solid #000; */
        margin-bottom: .5em;
    }

    #logo a{
        margin: auto;
        display: flex;
        align-items: center;
    }
    
    #logo img {
        width: 65%;
        /* background-color: #c5c216; */
        margin: auto;
    }


    #header-2 menu {
        width: 100%;
        margin: auto;
        /* background: blue; */
    }

    #header-2 nav {
        /* background: red; */
        margin: auto;
        text-align: center;
        width: 100%;
    }

    #header-2 nav ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        /* background-color: aqua; */
        margin-bottom: 1em;
    }
    
    #header-2 nav ul a {
        text-decoration: none;
    }

    #header-2 nav ul a li {
        padding: .3em;
        margin-bottom: 0.35em;
        color: #f1e8e8;
        text-decoration: none;
        font-size: 1em;
        line-height: 1.4em;
    }
 
    #header-2 nav ul a li:hover {
        background: #c1950a;
        color: black;
    }
      
    .subheader h1 {
        font-weight: 400;
        font-style: normal;
        font-size: 3em;
    }

    #inn-footer-2 {
        width: 100%;
        text-align: center;
        color: white;
        line-height: 1.5em;
        margin: auto;
        /* background-color: rgb(50, 231, 14); */
        margin-top: 0.5em;
        padding: 0em;
    }
    
    #inn-footer-2 p {
        font-size: .8em;
        color: white;

    }
    
    #inn-footer-2 a {
        color: rgb(39, 255, 75);
        font-size: 1em;
        /* background-color: aqua; */
    }
    
    .redes {
        /* background: red; */
        display: flex;
        justify-content: space-between;
        width: 40%;
        margin: auto;
        margin-bottom: 1em;
        margin-top: 0em;
    }
   
    .icon-facebook {
        color: white;
        font-size: 2.5em;
        /* background-color: red; */
        
    }
    
    .icon-youtube-play {
        color: white;
        font-size: 2.5em;
        /* background-color: red; */
    }
    
    .icon-facebook:hover {
        color: rgb(0, 0, 0);
        font-size: 2em;
        background-color: #c1950a;
        
    }
    
    .icon-youtube-play:hover {
        color: rgb(0, 0, 0);
        font-size: 2em;
        background-color: #c1950a;
    }


    .banner {
        width: 100%;
        height: 700px;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 2em 0em;
        /* margin-top: 1em; */
    }
    
    .banner .info p {
        color: #c7c7c7;
        line-height: 2em;
        /* margin-bottom 0em; */
        font-size: 1.8em;
        /* background-color: red; */
    }

    .banner-2 {
        width: 100%;
        height: 100vh;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 1em 0em;
        /* margin-top: 1em; */
    }
    
    @keyframes banner {
        0%,
        100% {
        background-image: url("/imagenes/fondo-banner-shamrock.webp");
        }
    }

    .capa {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
    }

    .info {
        z-index: 1;
        width: 100%;
        max-width: 950px;
        text-align: center;
        /* background: rgb(7, 230, 92); */
        /* line-height: 31em; */
    }

    .info h1 {
        color: #fff;
        line-height: 1.1em;
        font-size: 5em;
        margin-bottom: 0em;
        font-family: AONCC___;
        letter-spacing: 1px;
        width: 100%;
        margin: auto;
        font-family: "AONCC___";
    }

    .banner-2 .info h1 {
        color: #fff;
        line-height: 1em;
        font-size: 5em;
        font-family: AONCC___;
        letter-spacing: 1px;
        width: 80%;
        margin: auto;
        font-family: "AONCC___";
    }

    .info p {
        color: #c7c7c7;
        line-height: 2em;
        /* margin-bottom: 10em; */
        font-size: 1.6em;
        /* background-color: red; */
    }
    
    .info img {
        width: 20%;
    } 
   
    #count {
        /* border: 1px solid #ffffff; */
        font-size: 1.5em;
        
        margin: .5em 0em 0em 0em;
        /* background: #c1950a; */
    }
  
    #count ~ p {
        margin-top: 0em;
    }

    .image-container .nudos {
        border: none;
        /* background-color: rgb(27, 37, 233); */
        width: 25%;
        margin: auto;
        margin-top: 0.5em;
        margin-bottom: 1em;
        padding: 0em 22.5em;
    }

    .image-item {
        margin-bottom: 1em;
        /* border: 1px solid #23d50b; */
        width: 45%;
    }


    .image-item img {
        width: 100%;
        /* border: 1px solid #c81515; */
    }


    .image-item-1 {
        margin-bottom: 1em;
        /* border: 1px solid #f10606; */
        width: 45%;
    }

    .image-item-1 img {
        width: 100%;
        /* border: 1px solid #c81515; */
    }


    .image-item-1 {
        margin-bottom: 1em;
    }


    button {
        width: 49.5%;
        margin-bottom: 10em;
        /* border: 10px solid #ffffff; */
        /* border: 1px solid #000; */
    }

    #esp-index {
        width: 100%;
        /* background: red; */
    }

    #eso-index-2 {
        width: 100%;
        background: rgb(8, 48, 3);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 1em 0em;
    }

    #eso-index-2-rec {
        width: 100%;
        background: rgb(8, 48, 3);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 1em 0em;
    }

    #eso-index-2 img {
        width: 40%;
        /* background: rgb(34, 194, 13); */
        margin-bottom: 0em;
    }

    #eso-index-2-rec img {
        width: 40%;
        /* background: rgb(34, 194, 13); */
        margin-bottom: 1em;
    }

    #eso-index-2-sus img {
        width: 40%;
        /* background: rgb(34, 194, 13); */
        margin-bottom: 1em;
    }
     
    #subtitlesus {
        /* background: red; */
        font-size: 1.5em;
        padding: 1em 0em;
        font-weight: bolder;
        font-family: Century-Gothic;
        color: black;
    }

    #eso-index-4 {
        width: 100%;
        background: #e6e6e6;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 2em 0em 0em 0em;
    }

    #eso-index-4-rec {
        width: 100%;
        background: #e6e6e6;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 2em 0em 0em 0em;
    }

    #eso-index-4-cob {
        width: 100%;
        background: #e6e6e6;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 0em 0em 0em 0em;
    }

		#esp-index-cob {
			width: 100%;
			background-image: url(/img/material-cobre.webp);
            background-size: 100%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: .8em;
            /* border: 10px solid pink; */
		}

		#esp-index-mang {
			width: 100%;
			background-image: url(/img/material-manganeso-phone.webp);
            background-size: 100%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: .8em;
            /* border: 10px solid pink; */
		}

		#esp-index-placa {
			width: 100%;
			background-image: url(/img/material-placa-phone.webp);
            background-size: 100%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: .8em;
            /* border: 10px solid pink; */
		}

		#esp-index-mpp {
			width: 100%;
			background-image: url(/img/material-mpp-phone.webp);
            background-size: 100%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: .8em;
            /* border: 10px solid pink; */
		}

		#esp-index-inox {
			width: 100%;
			background-image: url(/img/material-inox-phone.webp);
            background-size: 100%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: .8em;
            /* border: 10px solid pink; */
		}

		#esp-index-alm {
			width: 100%;
			background-image: url(/img/material-aluminio-phone.webp);
            background-size: 100%;
            background-repeat: no-repeat;
			margin: auto;
			margin-top: 0em;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 0em;
            font-size: .8em;
            /* border: 10px solid pink; */
		}
             
        #eso-index-2-mats {
            width: 80%;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: flex-start;
            padding: 0em;
            /* position: absolute; */
            /* margin-left: 2.7em; */
            margin-left: 0em;
        }
    
        #esp-index-cob h1 {
            margin: 0px 0em .5em 0em;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 3em;
            color: #4daa50;
            padding: 0em 0em;
            width: 80%;
            text-align: left;
            /* background-color: red; */
        }

        #esp-index-cob #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1.5em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 80%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
            margin: auto;
        }
    
        #esp-index-mang h1 {
            margin: 0px 0em .5em 0em;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 3em;
            color: #4daa50;
            padding: 0em 0em;
            width: 80%;
            text-align: left;
            /* background-color: red; */
        }

        #esp-index-mang #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1.5em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 80%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
            margin: auto;
        }
    
        #esp-index-placa h1 {
            margin: 0px 0em .5em 0em;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 3em;
            color: #4daa50;
            padding: 0em 0em;
            width: 80%;
            text-align: left;
            /* background-color: red; */
        }

        #esp-index-placa #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1.5em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 80%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
            margin: auto;
        }
    
        #esp-index-mpp h1 {
            margin: 0px 0em .5em 0em;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 3em;
            color: #4daa50;
            padding: 0em 0em;
            width: 80%;
            text-align: left;
            /* background-color: red; */
        }

        #esp-index-mpp #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1.5em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 80%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
            margin: auto;
        }
    
        #esp-index-inox h1 {
            margin: 0px 0em .5em 0em;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 3em;
            color: #4daa50;
            padding: 0em 0em;
            width: 80%;
            text-align: left;
            /* background-color: red; */
        }

        #esp-index-inox #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1.5em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 80%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
            margin: auto;
        }
    
        #esp-index-alm h1 {
            margin: 0px 0em .5em 0em;
            font-family: "Archivo Black", sans-serif;
            line-height: 1.1em;
            font-size: 3em;
            color: #4daa50;
            padding: 0em 0em;
            width: 80%;
            text-align: left;
            /* background-color: red; */
        }

        #esp-index-alm #subtittle {
            margin: 0px;
            margin-bottom: 0em;
            font-size: 1.5em;
            line-height: 1.5em;
            text-align: center;
            background: rgb(214, 214, 214);
            font-family: Century-Gothic;	;
            font-weight: bolder;
            width: 80%;
            color: white;
            margin-left: 0em;
            padding: 1em;
            color: #000;
            margin: auto;
        }

        #eso-index-2-sus {
            width: 100%;
            /* background: rgb(8, 48, 3); */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            padding: 1em 0em;
        }

    #eso-index-4-sus {
        width: 100%;
        /* background: red; */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 2em 0em 0em 0em;
    }

    #valuessus2 .valuesus img {
        /* background: #0a65db; */
        width: 60%;
        margin-bottom: 1em;
    }

    
    #message4 p {
        width: 80%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1.5em;
        line-height: 1.5em;
        margin-left: 0em;
        /* background-color: red; */
        margin: auto;
    }
    
    #values2 {
        background: #e6e6e6;
        width: 70%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        padding: 1em 0em;
        margin: 0em;
    }
    
    #values2rec {
        /* background: #e6e6e6; */
        width: 70%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        padding: 1em 0em;
        margin: 0em;
    }
    
    #values2sus {
        background: #e6e6e6;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        padding: 1em 0em;
        margin: 0em;
    }

    .value2 {
        /* background: #0a65db; */
        width: 40%;
        padding: 0em;
        /* border: 1px solid #000; */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0em 0em 3em 0em;
    }


    .value2 img {
        /* background: #db450a; */
        width: 100%;
        margin: 0em;
        padding: 0em;
       
    }

    #eso-index-2 .value3 img {
        /* background: #db450a; */
        margin: 0em;
        /* border: 1px solid #000; */
        width: 100%;
    }

    #eso-index-2-rec .value3 img {
        /* background: #db450a; */
        margin: 0em;
        /* border: 1px solid #000; */
        width: 100%;
    }

    #vermasbutton {
        /* background: rgb(9, 49, 3); */
        font-family: Century-Gothic;
        text-decoration:none;
        color: #4daa50;
        font-weight: bolder;
        padding: 1em;
        border-radius: 2em;
    }

    #vermasbutton:hover {
        background: rgb(9, 49, 3, 1);
        transition: .5s;
        font-family: Century-Gothic;
        text-decoration:none;
        color: #4daa50;
        font-weight: bolder;
        padding: 1em;
        border-radius: 2em;
    }

    #message {
        background: rgb(8, 48, 3);
        width: 100%;
        text-align: center;
        color: #4daa50;
        padding: 0em;
        margin: 1em 0em;
        height: 18em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #message a {
        display: none;
    }

    #message2 a {
        display: none;
    }

    #message2 {
        background: rgb(8, 48, 3);
        width: 100%;
        text-align: center;
        color: #4daa50;
        padding: 0em;
        margin: 2em 0em;
        height: 6em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #message p {   
        width: 80%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1.3em;
        line-height: 1.7em;
        /* background-color: red; */
    }

    #message2 p {
        width: 80%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1.5em;
        line-height: 1.5em;
    }

    #values {
        /* background: #f10fcc; */
        width: 70%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }

    #valuesrec {
        /* background: #f10fcc; */
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }

    #valuesrec2 {
        /* background: #f10fcc; */
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }

    #valuesrec .valuerec {
        /* background: #0a65db; */
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 1em 0em;
        color: white;
        /* border: 1px solid #000; */
    }

    #values2rec .valuerec {
        /* background: #0a65db; */
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 1em 0em;
        color: black;
        /* border: 1px solid #000; */
    }

    .valuerec img {
       margin: 0em;
       /* background-color: #06550d; */
    }

    #valuessus {
        /* background: #f10fcc; */
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }

    #valuessus2 {
        /* background: #f10fcc; */
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }

    #valuessus .valuesus {
        /* background: #0a65db; */
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 1em 0em;
        color: white;
        font-size: 1.5em;
        /* border: 1px solid #000; */
    }

    #values2sus .valuesus {
        /* background: #0a65db; */
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 1em 0em;
        color: black;
        text-align: center;
        line-height: 1.5em;
        /* border: 1px solid #000; */
    }

    .valuesus img {
       margin: 1em 0em;
       width: 60%;
       /* background-color: #06550d; */
    }

    .value {
        /* background: #0a65db; */
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 1em 0em;
        /* border: 1px solid #000; */
    }

    .value p {
        /* background: #0a65db; */
        width: 100%;
        margin: 0em;
        color: white;
        font-family: Century-Gothic;
        line-height: 1.5em;
    }

    .value3 h4 {
        /* background-color: red; */
        text-align: left;
        width: 70%;
        margin: auto;
        margin: .5em;
        padding: 0em 0em;
        font-size: 1.5em;
        font-weight: bolder;
    }
 
    #messageserv {
        /* background: rgb(172, 187, 170); */
        width: 80%;
        text-align: left;
        padding: 0em;
        margin: 0em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 1em 0em;
        height: 45em;
        /* border: 1px solid #ffffff; */
    }

    #green {
        width: 100%;
        display: none;
        /* background-color: red; */
        /* border: 1px solid #ffffff; */
    }

    #green img{
        width: 100%;
        /* background-color: red; */
    }

  
    #messageserv p {
        width: 100%;
        font-family: Century-Gothic;	
        font-weight: bold;
        line-height: 1.5em;
        /* background-color: red; */
        margin-bottom: 0em;
        color: #4daa50;
        margin: 0em;
        margin-left: 0em;
        margin: 1em 0em 0em 0em;
        text-align: center;
    }

    #title {
            font-size: 1.3em;
            /* background-color: red; */
    }

    
    #eso-index-5 {
        width: 100%;
        background: rgb(255, 255, 255);
        
        padding: 0em;
        /* border: 1px solid #e40f0f; */
    }

    #eso-index-5 ul{
        width: 100%;
        /* background: rgb(136, 83, 4); */
        margin: 0em;
        padding: 0em;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    #eso-index-5 li{
        width: 100%;
        /* background: rgb(136, 83, 4); */
        margin: 0em;
    }

    #eso-index-5 #capainds {
        width: 100%;
        height:40vh;
        /* position: absolute; */
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* background-color: red; */
    }
        
    #eso-index-5 #capainds h6 {
        color: rgb(255, 255, 255);
        font-size: 2.5em;
        /* background-color: #4799e6; */
        font-family: "Archivo Black", sans-serif;
        margin: 0em;
        margin-bottom: 0em;
    }
        
    #eso-index-5 #capainds p {
        /* color: rgb(243, 8, 8); */
        font-size: 1.5em;
        /* background-color: #4799e6; */
        font-family: "Archivo Black", sans-serif;
        margin: 0em;
        color: #ffffff;
    }
        
    #eso-index-5 #capainds .num {
        font-size: 3em;
        color: #4daa50;
        /* background-color: red; */
    }
    
    #newbanner_heaad17 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/industrias.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
    }
      
    #newbanner_heaad18 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/epp.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad19 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/materiales.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad20 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/logistica.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad21 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/bondades/patio-tultitlan.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
    
    
    #eso-index-3 {
        width: 100%;
        background: rgb(8, 48, 3);
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 0em;
        /* border: 1px solid #e40f0f; */
    }

    #eso-index-3 ul{
        width: 100%;
        /* background: rgb(136, 83, 4); */
        margin: 0em;
        padding: 0em;
        display: flex;
        flex-wrap: wrap;
    }

    #eso-index-3 li{
        width: 100%;
        background: rgb(136, 83, 4);
        margin: 0em;
    }

    
		#formulario-rec {
			background-color: #084716;
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 80%;
			margin: auto;
            padding: 1em 0em;
            box-shadow: rgba(0, 0, 0, 0.8) 0px 3px 8px;
		}
	
		#formulario-rec .azul2 {
			color: #4daa50;
			text-align: center;
			/* background-color: red; */
			line-height: 1em;
			margin: 0.7em 0em .5em 0em;
			font-size: 1.7em;
			width: 100%;
		}
	
		#formulario-rec .txtlbl2 {
			font-size: 1.3em;
            font-weight: bold;
			width: 80%;
			color: rgb(255, 255, 255);
			line-height: 1.5em;
			margin-bottom: 1em;
            /* background-color: #4799e6; */
		}
	
		#formulario-rec label {
			color: rgb(255, 255, 255);
			margin-bottom: 0em;
			font-size: 1em;
            margin: 0em;
		}
	
		#formulario-rec input {
			margin: 0em;
			height: 3em;
			width: 80%;
			text-align: center;
		}

        #formulario-rec .texto2 {
            margin-bottom: 1em;
            width: 80%;
        }
	
		#formulario-rec #boton2 {
			background-color: #4daa50;
			color: rgb(0, 0, 0);
			font-family: Century-Gothic;
			font-size: 1.3em;
			border-radius: 1.2em;
			margin-bottom: 0em;
			width: 40%;
			margin-top: 0em;
			height: 3em;
            margin: 0em;
		}


		#formulario-rec #boton2:hover {
			cursor: pointer;
			background-color: white;
			color: #4daa50;
			font-weight: bold;
		}
	
		#formulario-rec .nota {
			/* background: #c1950a; */
            margin: 1em;
            color: #ffffff;
		}
	
		#formulario-rec .nota a {
			font-size: 1.2em;
			background-color: none;
			margin-bottom: 0em;
			/* background-color: red; */
			color: rgb(255, 255, 255);
            margin: 0em;
		}

    #newinfo4 {
        margin: 0;
        /* background: red;  */
        padding: 2em 0 0 0;
        width: 80%;
        height: 100%;
        color: white;
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 1em;
        font-family: Century-Gothic;
        line-height: 2.5em;

    }
     
    #newinfo4 h1 {
        margin: 0px;
        font-size: 30px;
        font-family: Century-Gothic;
        color: #4daa50;
        line-height: 1.3em;
        text-align: center;
        width: 100%;
    }

    #estados {
        /* background: #4799e6; */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        text-align: center;
    }

    #newinfo4 ul {
        /* background-color: pink; */
        display: flex;
        flex-direction: column;
        width: 100%;
        /* border: 1px solid #000; */
        line-height: 2em;
        margin: 0em;
        text-align: center;
    }

    #newinfo4 li {
        /* background-color: pink; */
        font-size: 1em;
        font-weight: bolder;
    }
    
    #newbanner_heaadfoot {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background: #e6e6e6;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: none;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad13 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/automotriz.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
    }
      
    #newbanner_heaad14 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/construccion.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad15 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/fundicion.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
      
    #newbanner_heaad16 {
        position: relative;
        width: 100%;
        height: calc(108 vh - 50px);
        background-image: url(/img/clientes/maquilacion.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        /* border: 10px solid #000; */
    }
    
    #newinfo5 {
        margin: 0;
        /* background: rgb(15, 223, 102);  */
        padding: 0em 0 0 0;
        width: 100%;
        height: 100%;
        color: white;
        text-align: left;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
        gap: 0em;
        font-family: Century-Gothic;
        line-height: 5em;

    }
     
    #newinfo5 h1 {
        margin: 0px;
        font-size: 60px;
        font-family: Century-Gothic;
        color: #4daa50;
        line-height: 1.3em;
        text-align: left;
        width: 100%;
    }

    
    #valuesservs {
        /* background: #f10fcc; */
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        padding: 1em 0em;
    }

    #valuesservs img {
        /* background: #f10fcc; */
        width: 30%;
        margin-right: 0em;
    }

    .valueserv {
        /* background: #0a65db; */
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* border: 1px solid #000; */
        text-align: left;
        padding: 0em;
        margin: .8em 0em;
    }

    .valueserv p {
        /* background: #34db0a; */
        width: 100%;
        margin: 0em;
        color: white;
        font-family: Century-Gothic;
        line-height: 1.5em;
        text-align: left;
        margin: 0em;
        padding: 0em;
        font-size: .9em;
    }

    #estados2 {
        /* background: #4799e6; */
        display: none;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
        width: 80%;
        margin: 0em;
    }

    #newinfo5 ul {
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 20%;
        /* border: 1px solid #000; */
        line-height: 1.8em;
        margin: 0em;
    }

    #newinfo5 ul h4 {
        /* background-color: red; */
        text-align: center;
        width: 70%;
        margin: auto;
        padding: .5em 0em;
        color: grey;
        font-weight: bolder;
    }

    #newinfo5 li {
        /* background-color: rgb(92, 216, 19); */
        font-size: .8em;
        font-weight: bolder;
        line-height: 3.5em;
    }

    #newinfo5 a {
        text-decoration: none;
    }

    #message3 {
        background: rgb(8, 48, 3);
        width: 100%;
        text-align: center;
        color: #4daa50;
        padding: 0em;
        margin: 0em;
        height: 28em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #message3others {
        background: rgb(8, 48, 3);
        width: 100%;
        text-align: center;
        color: #4daa50;
        padding: 0em;
        margin: 0em;
        height: 28em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #values3 {
        /* background: #f10fcc; */
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        padding: 0em;
        font-family: Century-Gothic;	
    }


    #message3 p {
        width: 80%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1em;
        line-height: 1.8em;
    }
    
    #message3others p {
        width: 80%;
        font-family: Century-Gothic;	
        font-weight: bold;
        font-size: 1em;
        line-height: 1.8em;
    }
    
    .value3 .icono {
        /* background-color: red; */
        width: 20%;
        margin: 1em .8em 0em 1em;

    } 

    .value3 .icono img {
        width: 10%;
    } 

    .value3 a {
        /* background-color: red; */
        width: 100%;
        margin: 10em 0em;
        font-weight: bolder;
        text-decoration: none;
    } 
    
    .value3 {
        background: #e6e6e6;
        width: 90%;
        padding: 0em;
        /* border: 1px solid red; */
        margin: 0em;
        color: rgb(0, 0, 0);
        margin-bottom: 3em;
    }

    .value3:hover {
        background: #e6e6e6;
        width: 90%;
        padding: 0em;
        /* border: 1px solid #000; */
        margin: 0em;
        color: rgb(0, 0, 0);
        margin-bottom: 3em;

    }

    .value3 p {
        /* background-color: red; */
        width: 70%;
        margin: auto;
        margin-top: 1em;
        margin-bottom: 1em;
        font-family: Century-Gothic;	
        text-align: left;
    }
    
    #newinfoimg {
        margin: 0;
        /* background: rgb(18, 78, 146);  */
        width: 40%;
        height: 100%;
        color: white;
        text-align: left;
        padding: 5em 0em;
        display: none;
    }

    #newinfoimg img{
        width: 100%;
        /* background-color: red; */
    }

    .image-container {
        margin-bottom: 20em;
        padding: 0em 0em;
        width: 100%;
        margin: auto;
        margin-top: 2em;
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        flex-wrap: wrap;
        /* border: 1px solid #ffffff; */
    }
            
    .container {
        /* border-top: 5px solid #c1950a; */
        width: 90%;
        margin: auto;
        /* background: RED; */
    }
      
    .slider-wrapper {
        position: relative;
        max-width: 48rem;
        margin: 0 auto;
        /* border: 1px solid #ffffff; */
    }

    .history__paragraph-1__programa {
        color:white;
        padding: 0% 0% 0% 0%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        /* background-color: red; */
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        margin-top: 2em;
        border: 1px solid #ffffff;
    }

    .history__paragraph-1__programa .event {
        width: 20%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        background-color: red;
        margin-top: .7em;
        margin-bottom: .7em;
        padding: 0em;
    }
   
    #count-down-hist #prog {
        margin-bottom: 0em;
        width: 60%;
        margin: 0em;
        text-align: center;
        /* background: red; */
        margin: auto;
    }

    .history__paragraph-1__programa--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph-1__programa .nudos {
        border: none;
        /* background-color: red; */
        /* margin-top: 5em; */
        /* margin-bottom: 1em; */
        width: 40%;
        margin: auto;
    }

    .history__paragraph-1__programa h1 {
        font-size: 2em;
        text-align: center;
        width: 70%;
        margin: auto;
        line-height: .9em;
        font-family: "AONCC___";
        margin-bottom: .3em;
    }

    .history__paragraph-1__programa p {
        font-size: 1em;
        text-align: center;
        font-family: "AONCC___";
        width: 100%;
        margin: auto;
        
        line-height: 1.7em;
        color: #072b03;
    }

    .history__paragraph-1__programa a {
        text-decoration: none;
    }

    .history__paragraph-1__programa img {
    width: 100%;
    margin: 0em;
    margin-bottom: 1em;
    }

    #vermas {
        width: 30%;
        background: #c1950a;
        border-radius: 1em;
        padding: .5em;
    }

    #slider-new {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    #slider-new ul {
        display: flex;
        padding: 0;
        width: 400%;
        animation: slide 15s infinite alternate ease-in-out;
    }

    .slider-new li {
        width: 100%;
        list-style: none;
        position: relative;
    }

    #slider-new img {
        width: 100%;
    }

    @keyframes slide {
        0% {margin-left: 0;}
        20% {margin-left: 0;}
        
        25% {margin-left: -100%;}
        45% {margin-left: -100%;}
        
        50% {margin-left: -200%;}
        70% {margin-left: -200%;}
        
        75% {margin-left: -300%;}
        100% {margin-left: -300%;}
    }

#contacts-box {
    /* background-color: red; */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 1em;
    width: 100%;
    margin: auto;
    flex-wrap: wrap;
}

#contacts-box img {
    width: 50%;
    margin-top: .2em;
}

.contact + .contact + .contact {
    margin-bottom: 8em;
}

.icon-phone {
    font-size: 1.5em;
}

.icon-mail {
    font-size: 1.5em;
}

.contact {
    margin-bottom: 1em;
    font-size: 3em;
    text-align: center;
    color: white;
    width: 45%;
    /* background-color: blue; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact p {
    font-size: .5em;
    text-align: center;
    color: white;
    margin-top: .5em;
}
        
#mapa {
    color: white;
    width: 100%;
    /* border: 1px solid #000;   */
    /* background-color: red; */
    margin: auto;
    text-align: center;
    padding: 2em 0em 1em 0em;
}

#mapa iframe {
   width: 80%;
}

#mapa h1{
    font-family: "AONCC___";
    line-height: 1em;
    font-size: 3em;
    text-align: center;
    width: 100%;
    margin: auto;
    /* background-color: red;    */
    margin-bottom: .5em;
}

#mapa p{
    
    width: 70%;
    margin: auto;
    margin-bottom: .7em;
    font-size: 1.5em;
}

.contact + .contact + .contact {
    margin-bottom: 0em;
}
 
    .history__paragraph-1__programa {
        color:white;
        padding: 0% 0% 0em 0%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        /* background-color: red; */
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 2em;
        text-align: justify;
        line-height: 2em;
        border: 0px solid #000;
        /* border: 1px solid #ffffff; */
    }

    .event {
        width: 80%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        /* background-color: red; */
        margin-top: .7em;
        margin-bottom: .7em;
        padding: 0em;
    }

    .history__paragraph-1__programa--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph-1__programa ul {
        line-height: 1.7em;
        border-bottom: 5px solid #c1950a;
        padding-bottom: 2em;
        width: 80%;
        margin: auto;
    }

    .history__paragraph-1__programa li {
        font-size: 1.2em;   
    }

    
    .history__paragraph {
        color:white;
        padding: 1.5em 10% 2% 10%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #ffffff; */
        border-bottom: 5px solid #c1950a;
    }
    
    .history__paragraph img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph .nudos {
        border: none;
        /* background-color: red; */
        width: 50%;
        margin-top: .8em;
    }
    
    .history__paragraph h1 {
        font-size: 3.5em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: 1em;
        font-family: "AONCC___";
    }
    
    .history__paragraph p {
        font-size: 1.2em;
        text-align: center;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        
        line-height: 1.7em;
    }
    
    .history__paragraph-1 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
    }
    
    .history__paragraph-1 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph-1 .nudos {
        border: none;
        /* background-color: red; */
        margin-top: 1em;
        margin-bottom: 1.5em;
        width: 70%;
    }
    
    .history__paragraph-1 h1 {
        font-size: 3em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .5em;
        font-family: "AONCC___";
        margin-top: .5em;
    }
    
    .history__paragraph-1 p {
        font-size: 1em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        
        line-height: 1.7em;
    }
    
    .history__paragraph-2 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */        
    }
    
    .history__paragraph-2 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph-2 .nudos {
        border: none;
        /* background-color: red; */
    }
    
    .history__paragraph-2 p {
        font-size: 1em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: none;
        
        line-height: 1.7em;
    }
    
    
    .history__paragraph-3 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        /* background-color: red; */
    }
    
    .history__paragraph-3 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph-3 .nudos {
        border: none;
        /* background-color: red; */
    }
    
    .history__paragraph-3 h1 {
        font-size: 3em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .9em;
        font-family: "AONCC___";
    }
    
    .history__paragraph-3 p {
        font-size: 1em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        
        line-height: 1.7em;
    }
    
    .batallon__paragraph {
        color:white;
        padding: 2em 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        border-bottom: 5px solid #c1950a;
    }
    
    .batallon__paragraph img {
        width: 20%;
        border: 5px solid #c1950a;
        margin-bottom: .5em;
        margin-top: .5em;
    }
    
    .batallon__paragraph img ~ img {
        width: 50%;
        border: 5px solid #c1950a;
        margin-bottom: 1em;
        margin-top: 1em;
    }
    
    .batallon__paragraph .nudos {
        border: none;
        /* background-color: red; */
        width: 40%;
        margin-top: .5em;
    }

    .batallon__paragraph p {
        font-size: 1.2em;
        text-align: center;
        font-family: "AONCC___";
        width: 70%;
        margin: auto;
        
        line-height: 1.7em;
    }

    .convocatorias {
        color:white;
        padding: 0% 0% 0% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: none;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        border-bottom: 5px solid #c1950a;
    }
    
    #sponsors .nudos {
        margin-top: 0em;
        margin-bottom: 1em;
        width: 80% ;
        margin: auto;
     }
    
     #patrocinadores--2 {
        color:white;
        padding: 2em 0% 8% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        /* border-bottom: 5px solid #c1950a; */
     }
    
     #patrocinadores--2 .nudos {
        border: none;
        /* background-color: red; */
        width: 45%;
        margin-top: 0.8em;
     }

     #patrocinadores--2 img{
        width: 15%;
        margin: 1em 0em 4em 0em;
     }
    
    
    .inn-patrons {
        /* background-color: red; */
        /* border: 1px solid #000; */
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }
    
    #patrocinadores--2 a {
        font-size: 1.5em;
        color: #072b03;
        background: #c1950a;
        padding: 1em;
        border-radius: 1em;
        text-decoration: none;
        
        width: 20%;
        text-align: center;
        line-height: 1.3em;
    }
    
    #patrocinadores--2 a:hover {
        font-size: 1.2em;
        color: #072b03;
        background: #ffffff;
        padding: 1em;
        border-radius: 1em;
        text-decoration: none;
        
        width: 15%;
        text-align: center;
        line-height: 1.3em;
    }

    #convocatoria-main {
        width: 100%;
        padding: 0.5em 0em 0em 0em;
        /* border: 1px solid #ffffff; */
        margin: auto;
        /* background-color: red; */
    }
    
    #convocatoria-main iframe {
        width: 100%;
    }


    .descripcion{
        width: 48%;
        margin: none;
        /* padding: .5em; */
        /* background-color: red; */
        margin: 0em;
    }

    .convocatoria-square-dibujo .descripcion{
        width: 90%;
        margin: none;
        /* padding: .5em; */
        /* background-color: red; */
        margin: 1.5em 0em 0em 0em;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 1em;
    }

    .descripcion-2{
        width: 100%;
        margin: none;
        color: white;
        margin: 0em;
        color: white;
        
        text-align: justify;
        line-height: 2.5em;
        font-size: .6em;
        /* background-color: red; */
    }

    .descripcion p {
        color: white;
        text-align: left;
        line-height: 2.3em;
        font-size: 1em;
        display: flex;
        flex-direction: column;
    }
    
    .convocatoria-square {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* background-color: #c1950a; */
        margin: auto;
    }

    .convocatoria-square img {
        width: 48%;
        margin: 0em;
    }
    
    .convocatoria-square-dibujo {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        /* background-color: #c1950a; */
        margin: auto;
    }

    .convocatoria-square-dibujo img {
        width: 100%;
        margin: 0em;
    }

    #convocatoria-main-prensa {
        width: 90%;
        padding: 0.5em 0em 0em 0em;
        /* border: 1px solid #ffffff; */
        margin: auto;
        /* background-color: red; */
    }
    
    #convocatoria-main-prensa .descripcion{
        width: 100%;
        margin: none;
        /* padding: .5em; */
        /* background-color: red; */
        margin: 0em;
    }

    #convocatoria-main-prensa .descripcion p {
        color: white;
        text-align: justify;
        line-height: 2.5em;
        font-size: .6em;
        /* background-color: aqua  ; */
        margin: 0em;
    }


    #boton {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 4em;
        /* background-color: red;*/
        display: flex;
        flex-direction: row;
        margin-bottom: 1em;
    }

    .convocatoria-square-dibujo #boton {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 1em;
        /* background-color: red; */
        display: flex;
        flex-direction: row;
        margin-bottom: 0em;
    }
    
    .inside-boton div {
       /* background-color: green; */
       width: 40%;
       margin: auto;
       /* padding: 1em; */
    }
    
    .inside-boton {
        width: 30%;
        margin: auto;
        color: white;
        text-align: center;
        padding: 1em;
        /* background-color: #8f1f1f; */
    }
    
    .inside-boton p {
        margin-bottom: .3em;
        font-size: 1.2em;
    }

       
    .icon-edit {
        width: 20%;
        margin: auto;
        background-color: #c1950a;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
        margin-top: .3em;
        margin-bottom: .5em;
    }

       
    .icon-edit:hover {
        width: 40%;
        margin: auto;
        background-color: #ffffff;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
    }
    
    .icon-download {
        width: 100%;
        margin: auto;
        background-color: #c1950a;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
    }
    
    .icon-download:hover {
        width: 40%;
        margin: auto;
        background-color: #ffffff;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
    }
    
    footer {
        display: none;
    }

    #inn-footer {
        display: none;
    }

    #boton-2 {
        width: 100%;
        margin: auto;
        color: white;
        text-align: center;
        /* background-color: red;   */
        display: flex;
        flex-direction: row;
        margin-top: 0em;
        font-size: 1.9em;
    }

    
    .inside-boton-2 .icon-download {
        width: 30%;
        margin: auto;
        background-color: #c1950a;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
        margin-top: .5em;
        margin-bottom: .5em;
    }

    .inside-boton-2 {
        width: 30%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 0em;
        line-height: .8em;
        margin-bottom: 1em;
        /* background-color: rgb(123, 236, 16); */
    }

    .inside-boton-2 a {
        color: white;
        font-size: .6em;
        text-decoration: none;
        font-weight: bold;
    }
    
    .inside-boton-dropdown {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 0.7em;
        margin-bottom: 1em;
        /* background-color: red; */
        font-size: 2em;
        display: none;
    }

    .inside-boton-dropdown ul {
        list-style: none;
        background-color: #c1950a;

    }

    .inside-boton-dropdown ul li {
        display: inline-block;
        position: relative;
    }

    .inside-boton-dropdown ul li a {
        display: block;
        padding: 20px 25px;
        color: #072b03;
        text-decoration: none;
        text-align: center;
        /* font-size: 20px; */
    }

    .inside-boton-dropdown ul li ul.dropdown li {
        display: block;
    }

    .inside-boton-dropdown ul li ul.dropdown {
        width: 100%;
        background-color: #c1950a;
        position: absolute;
        z-index: 999;
        display: none;
    }

    .inside-boton-dropdown ul li a:hover {
        background-color: #072b03;
        color: #ffffff;
        border: 1px solid #ffffff;
    }

    .inside-boton-dropdown ul li:hover ul.dropdown {
        display: block;
    }
        
    .batallon__paragraph + iframe {
        margin: auto;
        width: 100%;
        margin-bottom: 1em;
    }
    
}