/*
Theme Name: Travels 4
Theme URI: http://poeticavisual.com
Travels
Version: 1
Author: Zabdiel
Author URI: http://poeticavisua.com
*/

/* RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }body {line-height: 1; }ol, ul {list-style: none; }blockquote, q {quotes: none; }blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none; }:focus {outline: 0; }ins {text-decoration: none; }del {text-decoration: line-through; }table {border-collapse: collapse; border-spacing: 0; } * {padding: 0; margin: 0; border: 0; }

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding:0;
	margin:0; }

fieldset, img { border:0 }

ol, ul, li { list-style:none }

:focus { outline:none }
/*
azul: #113052
Cielo: #169ED6
Gris: #8AAAC3
Gris claro: #E0E7EC
Amarillo: #FBBB38
*/
:root {
	--azul: #113052;
	--marino: #20537e;
	--cielo: #169ED6;
	--amarillo: #FBBB38;
	--gris: #8AAAC3;
	--alpha: #E0E7EC;

	--dorado: #C5A053;
	
	--blanco: #fff;
	--negro: #111;
	--rata: #2C3E50;
	--alfa: #f3f3f3;
	--hover: #FEB1F1;
}

html{
	background-color: none;
	scroll-behavior: smooth;
	background: var(--negro);
}

body,
input,
textarea,
select {
	font-family: "Roboto", Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: var(--rata);
}

a { text-decoration:none; }
a, a:visited {	text-decoration: none; }
a:hover { text-decoration: none; }

.izqueirda, .left { float:left; }
.derecha, .right { float:right; }
.centro, .center { text-align: center; }
.justificado { text-align: justify; }
.clear { clear: both; }
.inline { display: inline-block; }

img.alignright { margin: 3px 0 10px 20px; display: inline; }
img.alignleft { margin: 3px 20px 10px 0; display: inline; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.centered { display: block; margin-left: auto; margin-right: auto; }

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { text-align:center; }

.salto { height: 90px; }

.wrap {
	max-width:100vw;
	margin:0px auto 0px;
	clear: both;
	overflow: hidden;
}

#wrap {
	max-width:1024px;
	margin:0px auto 0px;
	clear: both;
	overflow: hidden;
}
/*box-shadow: 0px 0px 10px #111;*/

#page-loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: #FFF none repeat scroll 0% 0%;
	z-index: 99999;
}
#page-loader .preloader-interior {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	border-radius: 50%;
	border: 8px solid transparent;
	border-top-color: var(--cielo);
 
	-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
			animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
	0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
@keyframes spin {
	0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}

header {
	width: 100%;
	height: 50px;
	z-index: 100;
	display: block;
	position: fixed;
	}

#cabeza {
	border-top: 5px solid var(--dorado);
	border-bottom: 1px solid var(--negro);
	margin:0px auto 0px;
	background-color: var(--alfa);
	padding: 5px 0px 12px 0px;
}

.menuvacio { height: 50px; visibility: hidden; }

.topnav {
	overflow: hidden;
	background-color: var(--alfa);
	padding-top: 10px;
	display: block;
	margin-left: 20px;
	z-index: 100;
	text-align: right;
}
	.topnav a {
		color: var(--negro);
		text-align: center;
		padding: 12px 8px;
		text-decoration: none;
		font-weight: normal;
		font-size: 15px;
		line-height: 45px;
	}
	.topnav a:hover, .topnav a.activo {
		text-decoration: none;
		color: var(--blanco);
		background: var(--dorado);
		border-radius: 5px;
	}
	.topnav a.activo {
		background: var(--negro);
	}

	.topnav .icon {
		display: none;
		border: 1px solid var(--dorado);
	}

	.topnav a.oculto {
		display: none;
	}
	a.botonmini {
		display: block;
		color: #e4a80c;
		margin: 15px 0px 0px 0px;
		padding: 12px 8px;
		font-size: 12px;
	}

.topnav a.logo {
	background: url(images/logo.png) no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:50px;
	aspect-ratio: 372 / 238;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display:block;
	float:left;
	}
	.topnav a.logo:hover {
		background-color: none;
		border-radius: 0px;
	}


/*--------------------------------------------------------------
# banner
--------------------------------------------------------------*/

#baner { background: var(--blanco); }
#banner {
	max-width:1024px;
	background-size: cover;
	object-fit: cover;
	margin:0px auto 0px;
}

/*--------------------------------------------------------------
# generales
--------------------------------------------------------------*/

h1 {
	display: inline-block;
	box-sizing: border-box;
	font-size: 40px;
	line-height: 50px;
	font-weight: bold;
	color: var(--negro);
	margin: 0px 0px 0px 0px;
	clear:both;
}
h2 {
	box-sizing: border-box;
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	color: var(--negro);
	margin: 10px 0px 10px 0px;
	clear:both;
}
h3 {
	display: inline-block;
	box-sizing: border-box;
	font-size: 26px;
	line-height: 34px;
	margin: 20px 0px 5px 0px;
	clear:both;
}
h4 {
	font-size: 22px;
	line-height: 30px;
	font-weight:normal;
	clear:both;
	margin:10px 0px 10px 0px;
	clear:both;
}
h5 {
	font-size: 20px;
	line-height: 26px;
	font-weight:normal;
	clear:both;
	margin-bottom:10px;
	clear:both;
} 
h6 {
	font-size: 18px;
	line-height: 24px; 
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing:2px;
	margin-bottom: 30px;
	clear:both;
} 

h1 a { color:var(--dorado); }
h1 a:hover { color:var(--dorado); }
h1 strong {
	font-weight: bold;
	color: var(--dorado);
}

h2 a { color:var(--azul); }
h2 a:hover { color:var(--gris); }

p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 10px;
}

p strong {
	font-weight: bold;
	color: var(--negro);
}

span { color: var(--cielo); }
span.azul { color: var(--azul); }
span.blanco { color: var(--blanco); }
span.negro { color: var(--negro); }
span.amarillo { color: var(--amarillo); }

.cielo { color: var(--cielo); }
.azul { color: var(--azul); }
.marino { color: var(--marino); }
.amarillo { color: var(--amarillo); }
.dorado { color: var(--dorado); }

.blanco { color: var(--blanco); }
.negro { color: var(--negro); }
.gris { color: var(--gris); }
.rata { color: var(--rata); }

.bg-cielo { background: var(--cielo); }
.bg-azul { background: var(--azul); }
.bg-marino { background: var(--marino); }
.bg-amarillo { background: var(--amarillo); }
.bg-blanco { background: var(--blanco); }
.bg-negro { background: var(--negro); }
.bg-gris { background: var(--gris); }
.bg-alfa { background: var(--alfa); }
.bg-alpha { background: var(--alpha); }
.bg-dorado { background: var(--dorado); }

.bg-imagen {
	background: url(images/banner.jpg) no-repeat center center;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.linea1, .lineaazul, .lineacielo, .lineamarino, .lineaamarillo, .lineagris, .lineablanco, .lineadorado { 
	width: 100px;
	height: 1px;
	margin: 20px auto 20px;
	border-bottom: 1px solid #fff;
}
.lineaazul { border-bottom: 1px solid var(--azul); }
.lineacielo { border-bottom: 1px solid var(--cielo); }
.lineamarino { border-bottom: 1px solid var(--marino); }
.lineaamarillo { border-bottom: 1px solid var(--amarillo); }
.lineadorado { border-bottom: 1px solid var(--dorado); }
.lineagris { border-bottom: 1px solid var(--gris); }
.lineablanco { border-bottom: 1px solid var(--blanco); }
.linea1 { border-bottom: 1px solid var(--dorado); margin: 20px 0px; }

.radio { border-radius: 8px; }

.margen { padding: 5px 20px 15px 20px; }
.margen40 { padding: 15px 40px 40px 40px; }
.margen-page { padding: 0px 100px 0px 100px; }
.margen-blog { padding: 10px 20px 30px 20px; }

.flex {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.flex-vertical {
	display: flex;
	justify-content: center;
	align-items: center;
}

.icon {
	display: block;
	text-align: center;
	margin-bottom: 20px;
	font-size: 40px;
}

/*--------------------------------------------------------------
# transiciones
--------------------------------------------------------------*/

.transform_up { transform: translateY(20%); }
.transform_down { transform: translateY(-20%); }
.transform_left { transform: translateX(10%); }
.transform_right { transform: translateX(-10%); }

.transform_up1 { transform: translateY(20%); }
.transform_up2 { transform: translateY(30%); }
.transform_up3 { transform: translateY(40%); }
.transform_up4 { transform: translateY(50%); }

.aparece {
	opacity: 1;
	transform: none;
}

h1, h2, h3, h4, h5, h6, p, button,
.item, .galeria-item, .cerebro, .retrato, .informacion, .mapa {
	transition: all 2s;
}

/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/

.dos, .tres, .cuatro, .cinco, .seis,
.tresuna {
	display: grid;
	grid-gap: 30px;
	grid-auto-flow: dense;
}

.dos { grid-template-columns: repeat(2, 1fr); }
.tres { grid-template-columns: repeat(3, 1fr); }
.cuatro { grid-template-columns: repeat(4, 1fr); }
.cinco { grid-template-columns: repeat(5, 1fr); }
.seis { grid-template-columns: repeat(6, 1fr); }
.tresuna { grid-template-columns: 3fr 1fr; }

/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/

.travel1, .travel2, .travel3, .travel4, .travel5, .travel6, .travel7, .travel8, .travel9 {
	background: url(images/viaje.jpg) no-repeat top center;
	background-size: cover;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 15px;
}

.travel2 {
	background: url(images/paquetes.jpg ) no-repeat center center; background-size: cover;
}

.travel3 {
	background: url(images/vacaciones.jpg ) no-repeat center center; background-size: cover;
}

.travel4 {
	background: url(images/etiopia.jpg ) no-repeat center center; background-size: cover;
}

.travel5 {
	background: url(images/nigeria.jpg) no-repeat center center; background-size: cover;
}

.travel6 {
	background: url(images/kenia.jpg) no-repeat center center; background-size: cover;
}

.travel7 {
	background: url(images/egipto.jpg) no-repeat center center; background-size: cover;
}

.travel8 {
	background: url(images/londres.jpg) no-repeat center center; background-size: cover;
}

.travel9 {
	background: url(images/viaje.jpg) no-repeat center center; background-size: cover;
}



p.acerca { 
	font-size:18px;
	line-height: 26px;
}

p.frase {
	font-size:26px;
	line-height: 40px;
	font-weight: bold;
	color: var(--gris);
}

p.frase-sombra {
	width: 92%;
	text-align: center;
	font-size: 40px;
	line-height: 55px;
	font-weight: bold;
	color: var(--blanco);
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
	letter-spacing: 1px;
	background: color-mix(in srgb, var(--negro) 70%, transparent);
	padding: 20px 30px;
	border-radius: 10px;
	margin: 50px auto 50px;
	box-shadow: 0 0 0 5px var(--dorado), /* Borde extra */
		0 3px 12px 5px rgba(0, 0, 0, 0.9);
}


.titulo {
	margin:0px auto 0px;
	text-align: center;
}

img.miniatura {
	width: 100%;
	height: 100%;
	object-fit: contain; /* Mantiene la proporción sin recortar */
	object-position: center; /* Centra la imagen en su contenedor */
	background-color: #000;
	background: none;
}



.post-item { margin-bottom: 0px; }

.post-title { display:inline-block; margin-top:0px; }

.post-thumbnail  {
	float: left;
	margin: 0px 20px 15px 0px;
	border-radius: 12px; 
}

.post-thumbnail img { 
	width: 120px; 
	height: 120px; 
	object-fit: cover; 
	border-radius: 12px; 
	display: block; 
	transition: transform 0.3s ease, box-shadow 0.3s ease; 
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.post-thumbnail:hover img { transform: scale(1.05); }

.post-imagen {
	display: block;
	margin: 0 auto 30px;
	max-width: 100%; 
	border-radius: 12px;
	text-align: center;
}

.post-imagen img {
	width: 100%;
	max-width: 600px;
	height: auto; 
	object-fit: cover;
	border-radius: 12px;
	display: block;
	margin: 0 auto;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}


/*--------------------------------------------------------------
# galeria
--------------------------------------------------------------*/

.galeria {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	grid-auto-rows: auto; /* Mantiene la altura según la imagen */
}

.galeria-item {
	position: relative;
	overflow: hidden;
	border-radius: 15px;
}

.galeria-item img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 15px;
	transition: transform 0.3s ease;
}

.galeria-item:hover img {
	transform: scale(1.05);
}

@media (max-width: 900px) { .galeria { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 600px) { .galeria { grid-template-columns: 1fr; } }

/***************************/

iframe.video {
	width: 410px;
	height: 231px;
	margin-top: 10px;
}

a.video, a.videoactivo {
	margin-top: 10px;
	color: #75264a;
	float: left;
	text-align: left;
	clear: both;
}
a.videoactivo {
	color: #111e3f;
	text-decoration: underline;
	font-weight: bold;
}

/***************************/

input[type=text], input[type=date], input[type=number], input[type="email"], input[type=password],
textarea {
	padding: 10px;
	margin-bottom: 20px;
	width: 100%;
	display: block;
	border: none;
	border-radius: 6px;
	outline: none;
	color: #333;
	background: #f9f7f6;
	border: 1px solid #e9e7e6;
	font-family: "Roboto", Arial, sans-serif;
}

button, a.boton, a.boton-blanco {
	display: inline-block;
	background: linear-gradient(135deg, #C5A053, #D4AF37);
	color: var(--blanco);
	padding: 10px 20px;
	text-decoration: none;
	margin-top: 20px;
	font-size: 18px;

	font-weight: bold;
	border: none;
	border-radius: 30px;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 8px rgba(0,0,0,0.15);
	margin-bottom: 10px;
}
	button:hover, a.boton:hover, a.boton-blanco:hover { 
		background-color: var(--azul);
		color: var(--blanco);
	}
	a.boton-blanco:hover {
		background-color: var(--negro);
	}

a.mas {
	width: 80px;
	margin: 20px auto 2px;
	text-align: center;
	border: 1px solid var(--gris);
	padding: 10px 15px;
	border-radius: 6px;
	color: var(--gris);
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}
	a.mas:hover { background-color: var(--rata); color: var(--blanco); border: 1px solid var(--rata); }

/*--------------------------------------------------------------
# content
--------------------------------------------------------------*/

.contenido {
	padding: 60px 20px 60px 20px;
}
.content {
	padding: 50px 20px 50px 20px;
}
.content p { color: var(--rata); }
.content a { color: var(--dorado); }
.content a:hover { color: var(--gris); }
.content a.mas:hover { color: var(--blanco); }
.content strong { font-weight: bold; color: var(--rata); }
.content em { font-style:italic; color: var(--rata); }

.content h1 { color:var(--azul); }
.content h1 a { color:var(--dorado); }
.content h1 a:hover { color:var(--gris); }

.content h2 { font-weight: bold; color:var(--dorado); }
.content h2 a { color:var(--azul); }
.content h2 a:hover { color:var(--dorado); }

.content .titulo h1 { color:var(--blanco); }

/* Estilos para listas no ordenadas */
ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0px;
}

.content ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 20px;
}

ul li, .content ul li {
	font-size: 16px;
	line-height: 24px;
}

	ul li::before, .content ul li::before {
		font-family: 'IcoFont' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		white-space: nowrap;
		word-wrap: normal;
		direction: ltr;
		line-height: 1;
		-webkit-font-feature-settings: "liga";
		-webkit-font-smoothing: antialiased;
		content: "\ea6d";
		color: var(--dorado);
		display: inline-block;
		padding-right: 10px;
		font-size: 14px;
		line-height: 20px;
		width: 10px;
	}

	.content ul li a { color: var(--rata); }
	.content ul li a:hover { color: var(--rata); }
	.content ul li:last-child { margin-bottom: 10px; }

	.content ol {
		list-style: none;
		margin: 0;
		counter-reset: item;
	}

	.content ol li {
		font-size: 18px;
		line-height: 26px;
	}

	.content ol li::before {
		color: var(--blanco);
		background-color: var(--dorado);
		display: inline-block;
		content: counter(item);
		counter-increment: item;
		padding: 8px;
		margin-right: 10px;
		font-size: 12px;
		line-height: 5px;
		font-weight: bold;
		border-radius: 16px;
	}

	.content ol li a { color: var(--rata); }
	.content ol li a:hover { color: var(--rata); }
	.content ol li:last-child { margin-bottom: 10px; }

	.content ul ul,
	.content ol ol {
		margin-left: 20px; /* Ajusta el margen izquierdo según tus preferencias */
	}

	.content ul ul ul,
	.content ol ol ol {
		margin-left: 40px; /* Ajusta el margen izquierdo según tus preferencias */
	}


.navigation-attachment img:hover { border:1px solid #006fa7; }

/*--------------------------------------------------------------
# sidebar
--------------------------------------------------------------*/

#sidebar {
	padding: 10px;
	color: #fff;
}

/* ===== Widgets ===== */
#sidebar .widget {
	margin-bottom: 0px;
	padding: 5px;
}

/* Títulos de los widgets */
#sidebar .widget h3 {
	font-size: 1.2rem;
	margin-bottom: 10px;
	color: var(--dorado);
	border-bottom: 1px solid var(--dorado);
	padding-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* ===== Categorías ===== */
#sidebar .widget ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	padding: 0;
	margin: 0;
}

#sidebar .widget ul li {
	margin: 8px 0;
}

#sidebar .widget ul li a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease;
}

#sidebar .widget ul li a:hover {
	color: var(--dorado);
	padding-left: 5px;
}

/* contador de posts en categorías */
#sidebar .widget ul li .count {
	color: #aaa;
	font-size: 0.9rem;
}

/* ===== Etiquetas (Tag Cloud) ===== */
#sidebar .tagcloud a {
	display: inline-block;
	margin: 6px 10px 6px 0;
	font-size: 0.9rem !important;
	color: #fff;
	transition: all 0.3s ease;
}

#sidebar .tagcloud a:hover {
	color: var(--dorado);
}

/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/

.whatsapp-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
	background-color: #25D366;
	border-radius: 50%;
	padding: 12px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.3);
	transition: transform 0.2s;
}
.whatsapp-button:hover {
	transform: scale(1.1);
}
.whatsapp-button img {
	width: 32px;
	height: 32px;
	display: block;
}

#footer {
	background: var(--negro);
	color: var(--dorado);
	font-size: 12px;
	padding: 30px 20px 30px 20px;
}
	#footer p {
		font-size: 14px;
		line-height: 18px;
		text-align: right;
	}
	#footer p a { color: var(--blanco); }

	#logo-pie {
		background:url(images/logo-blanco.png) no-repeat top left;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		height:50px;
		aspect-ratio: 372 / 238;
		display:block;
		float:left;
	}

	.redeslogo {
		display:block;
		float:right;
		margin:30px 0px 10px 0px;
		}
		
		a.red {
			width:27px;
			height:27px;
			display:block;
			float:left;
			margin-left:15px;
			}
		a.red:hover { opacity:0.8;filter:alpha(opacity=50); }
		
		a.red.facebook { background:url(images/red_fac.png) no-repeat top right; }
		a.red.twitter { background:url(images/red_twi.png) no-repeat top right; }
		a.red.youtube { background:url(images/red_you.png) no-repeat top right; }


#login {
	padding: 20px 30%;
}

/*--------------------------------------------------------------
# iconos
--------------------------------------------------------------*/

@font-face {
	font-family: "IcoFont";
	font-weight: normal;
	font-style: "Regular";
	src: url("fonts/icofont.woff2") format("woff2"),
	url("fonts/icofont.woff") format("woff");
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'IcoFont' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

.icon-tornillo:before { content: "\e988"; font-size: 100px; color: var(--rata); }

.icon-phone:before { content: "\efbb"; }
.icon-whatsapp:before { content: "\e957"; }
.icon-mail:before { content: "\ef12"; }
.icon-location:before { content: "\ed42"; }
.icon-web:before { content: "\f028"; }
.icon-facebook:before { content: "\ed37"; }
.icon-instagram:before { content: "\ed46"; }
.icon-twitter:before { content: "\ed7a"; }
.icon-youtube:before { content: "\ecbb"; }
.icon-mapa:before { content: "\ef8b"; }

.icon-buscar:before { content: "\ed12"; }