*{box-sizing:border-box;margin:0px auto;padding:0;}
body{font-family:Calibri,Sans-serif,Arial;font-weight:normal;background:#ffffff;}
h1{font-size:3.8em;margin-left:30px;padding-top:150px;}
h2{font-size:2.7em;line-height:1.4em;margin:50px 0px 30px 0px;padding:12px;position:relative;background:#ebeaef;box-shadow:0 8px 12px rgba(100, 100, 100, 0.35);}
h3{font-size:2.2em;padding:12px;background:#fbd4b2;}
h4::after{display:block;width:200px;height:5px;content:"";background:#f1923f;margin-bottom:20px;}
h4{font-size:1.9em;padding:12px;position:relative;}

h3,h4{line-height:1.4em;margin:50px 0 30px 0px;}
h2:after {content:'';position:absolute;left:0;top:0;bottom:0;width:4px;
background:linear-gradient(135deg, #9b4b05, #e29c5f);border-radius:0 2px 2px 0;}
p,li{font-size:1.6em;line-height:1.5em;margin-bottom:1.4rem;}li{list-style:inside;margin-left:20px;}
a{color:#9b4b05;text-decoration:none;}a:hover,a:active{text-decoration:underline;}
img{border:none;max-width:100%;height:auto;}.none{text-transform:none;}.hide{display:none;}
.separador{border-top:1px solid #f1923f;border-bottom:1px solid #b9641a;clear:both;margin:60px 0px;}
.boton{background-color:#c15a00;display:inline-block;padding: 10px 20px;border-radius:5px;margin:20px;box-shadow: 5px 8px 5px rgba(0,0,0,0.3);}
.boton a{color:#fff;}.boton span{vertical-align:middle;}
.ok,.error{font-size: 1.1em;}.ok{color:#8AC007;}.error{color:#FF0000;}
.d50{display:inline-block;width:48%;margin:20px 0.5%;vertical-align:top;}
.d33{display:inline-block;width:32%;margin:20px 0.3%;vertical-align:top;}
.inline li{display:inline-block;}hr{margin:30px 0px;}
.center{text-align:center;}.middle{vertical-align:middle;}
.sombra{box-shadow:5px 8px 5px rgba(50, 50, 50, 0.45);}
.number{width:80px;height:80px;background:#9b4b05;color:white;border-radius:50%;display:flex;align-items:center;
justify-content:center;font-size:1.6rem;font-weight:700;margin:20px auto 0px auto;position:relative;z-index:2;}
/*CABEZA*/
#fondo{width:100%;height:600px;text-align:left;background:url("../img/fondo.jpg");background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#fondo h1 a{color: #ffffff;}#fondo h1 span{display:block;}
#fondo h2{display:inline-block;margin-left:30px;margin-right:10px;margin-top:80px;color:#f2f2f2;background:none;
box-shadow:0px 8px 0px rgba(50, 50, 50, 0.25);}
/*CUERPO*/
#cuerpo{padding:20px;text-align:left;margin:0 auto}
/*INDICE*/
#indice li{display:inline-block;width:47%;background:#f1f1ef;border-radius:15px;padding:30px 12px;text-align:center;
transition:all 0.3s ease;box-shadow:0 8px 5px rgba(100, 100, 100, 0.35);border:1px solid rgba(100, 100, 100, 0.5);}
/*TRABAJOS*/
.tr ul li{padding:10px 3px;margin:10px;display:inline-block;border:1px solid #dbdcdb;}
.tr ul li img{display:block;padding-top:10px;}
.tr img{border-radius:10px;box-shadow:8px 8px 8px #999;}
/*LISTA*/
.lista li{width:300px;display:inline-block;border-bottom:1px solid #999;}
/*CONTATO*/
#iconos li{list-style:none;padding:10px 0px;}
#iconos li span{vertical-align:middle;margin-right:10px;}
.iconotelefono{background:url("../img/iconos/telefono1.png") no-repeat;}
.iconoemail{background:url("../img/iconos/email1.png") no-repeat;}
.iconomapa{background:url("../img/iconos/mapa1.png") no-repeat;}
.iconoweb{background:url("../img/iconos/web1.png") no-repeat;}
.iconowhatsapp{background:url("../img/iconos/whatsapp2.png") no-repeat;background-size:30px 30px;background-position:center;display:inline-block;padding:18px;}
.icono{background-size:20px 20px;background-position:center;display:inline-block;padding:18px;}
/*GOOGLE OPINIONES*/
#google-puntaje{text-align:center;}
#google-puntaje span{display:inline-block;vertical-align:middle;}
.googlelogo{background: url("../img/iconos/google.png") no-repeat center;background-size:20px 20px;}
.estrella {
	display:inline-block;
    width: 20px;
    height: 20px;
    background: #fbbf24;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
#google-opiniones{text-align:center;}
#google-opiniones div {
	width:400px;
	display:inline-block;
	margin:10px;
	vertical-align:top;
	background: white;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
#google-opiniones div::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(135deg, #4285f4, #34a853, #fbbc04, #ea4335);
}
.circulo{
	width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4285f4, #34a853);
    color: white;
    margin-right: 10px;
	padding:8px 10px;
}
.comentario{color: #374151;font-size: 1.1em;}
.boton-google{display: inline-block;background: linear-gradient(135deg, #4285f4, #34a853);
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    margin-top: 2rem;}
.boton-google a{color: white;}
/*PIE*/
#pie{background:#1e262e;border-top:1px solid #2e2e2e;margin-top:30px;text-align:center;}
#whatsapp-pie{position:fixed;bottom:12px;right:5px;z-index:9;}
#pielista .d33{padding:0px;}
#pielista h4{color:#f2f2f2;background:#1e262e;display: inline-block;}
#pielista li{display:block;}
#pie a {color:#fbd4b2;}
#pie p{color:#d2d0d0;}
#pie p,#pie li{font-size:1.3em;}
#piefinal{border-top:1px solid #f3f3f3;background:#181a1d;}
#piefinal p{padding:12px 0px;margin:0px;}
@media screen and (max-width:900px){
#cuerpo{padding:15px;}
.d50,.d33{display:block;width:100%;}
#indice li{display:block;width:100%;padding:15px 10px;margin-left:0px;border-bottom:1px solid #cccccc;}
}
@media screen and (max-width:600px){
#iconos li{font-size:1.5em;border-bottom:1px solid #cccccc;}
li{margin-left:0px;}
.inline li{padding:20px;}
.lista li{width:100%;display:block;}
}
@media screen and (max-width:480px){
h1{font-size:2.6em;;margin-left:10px;padding-top:40px;}
#fondo h2{margin-left:10px;margin-top:100px;}
#fondo h2,h2{font-size:1.9em;}h3{font-size:1.7em;}h4{font-size:1.6em;}
h3,h4{margin:50px -13px 30px -13px;}
p,li{font-size:1.4em;}	
.lista li,#google-opiniones div {width:98%;display:block;}ul li{margin-left:0px;}
}