/*
Theme Name: Flash Child
Theme URI: https://themegrill.com/themes/flash
Template: flash
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Flash is free responsive multipurpose WordPress theme – truly a versatile theme perfect for any type of website you want. Like never before, it provides multiple pre-built demos which can be imported in seconds using ThemeGrill Demo Importer Plugin. The theme fully integrates with Flash Toolkit and SiteOrigin’s Page Builder Plugin that makes theme more user-friendly and easy. Additionally, theme features multiple blog layouts, WooCommerce support, multiple header styles, multiple color options etc.
Tags: one-column,two-columns,left-sidebar,right-sidebar,grid-layout,custom-background,custom-colors,custom-menu,custom-logo,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,blog,e-commerce
Version: 1.4.12.1756376485
Updated: 2025-08-28 12:21:25
*/

/* Fuentes */
@font-face{
	font-family: Vag;
	src: url("fonts/vag.ttf");
}
@font-face{
	font-family: Vag-light;
	src: url("fonts/vag-light.woff");
}

/* Tipografía base */
p {
    font-size: 18px;
    margin-bottom: 12px;
    color: #000;
	text-align:justify;
}
h1, h2, h3{
	color: #0f2d45;
	font-family: 'Vag';
	word-spacing: -2px;
}
p, div, li, a, h4, h5, input, input::placeholder,textarea{
	font-family: 'Vag-light';
}

/* Cabecera y navegación */
img.custom-logo { width: 140px; }
.logo { border-bottom: 6px solid #0f2d45; }
.header-bottom { background: #eed38a; }
.site-navigation-wrapper {
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 20px;
}
a.igheader {
	font-size: 30px;
	color: #0f2d45;
	border-left: 6px solid;
	padding-left: 20px;
}
a.ttheader {
    font-size: 30px;
    color: #0f2d45;
    padding-left: 5px;
}
a.btnllamar {
	background: #0f2d45;
	color: #fff;
	padding: 12px;
	width: 250px;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
	font-size:16px;
	letter-spacing:1px;
	border:1px solid #0f2d45;
	border-radius:4px;
}
.preciodeloro .btnllamar {
	background: #eed38a;
	color: #0f2d45;
	margin-bottom: 20px;
	border:1px solid #eed38a;
	border-radius:4px;
}
.btnllamar:hover{transition:all .5s ease;background: transparent;color:#0f2d45;}
.preciodeloro .btnllamar:hover{transition:all .5s ease;background: transparent;color:#eed38a;}

.preciodeloro .textwidget p{text-align:center;}

/* Contenidos */
.entry-content, .entry-summary { margin-top: 0; }
.preciodeloro .textwidget { text-align: center; padding: 30px; }



/* Bloques home */
.bannerhome h1 { font-size: 40px; line-height: 41px; color: #0f2d45; margin-bottom: 15px; }
.bannerhome h2 { font-size: 30px; color: #0f2d45; margin-bottom: 15px; }


.preciodeloro { position: absolute; max-width: 462px; }
.preciodeloro h2, .preciodeloro h3 { color: #fff; margin-bottom: 5px; }
.preciodeloro h3 { margin-bottom: 20px; font-family: 'Vag-light'; }
.preciodeloro p { color: #fff; }

div:has(>.preciogramo) {
    background: #fff;
    padding: 9px 0;
    border-radius: 10px;
    font-size: 20px;
    color: #000;
    font-family: 'Vag'!important;
}
.preciogramo {
    font-size: 50px;
    width: 70%;
    display: inline;
}
div:has(>.preciogramo) p {
    color: #000;
    font-size: 12px;
}

/* Calculadora (clásica) */
.calculadora {
	background: #fff;
	color: #000;
	font-size: 22px;
	margin: 15px;
	padding: 15px;
	border-radius: 10px;
}
.calculadora p { color: #000; font-size: 16px; }

.preciodeloro h5 { color: #fff; }

.ti-widget.ti-goog.ti-review-text-mode-readmore.ti-text-align-left {text-align: left;}

hr{
	width: 212px;
	align-self: start;
	margin: -10px 0 30px;
	height: 6px;
	background: #0f2d45;
}

a.btncontacto {
	float: right;
	cursor: pointer;
	background: #0f2d45;
	color: #fff;
	padding: 12px;
	width: 250px;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
	border:1px solid #0f2d45;
	border-radius:4px;
}

a.btncontacto:hover{transition:all .5s ease;background:transparent;color:#0f2d45;}

.visitanos .textwidget {padding: 30px 30px;border-radius:6px;box-shadow:0px 0px 50px 0px rgba(0,0,0,0.15);}
.visitanos a{ font-size: 16px; width: 100%; display: flex; align-items: center; gap: 14px; margin-bottom: 15px; }
.visitanos a i{ font-size: 29px; color:#0f2d45; }

.mapahome{height: 302px;}

h4.duda { color: #0f2d45; font-size: 24px; display: inline-block; }

a.custom-logo-link:focus { outline: none!important; }

.cards-home img { width: 120px; }
.cards-home h2 { font-size: 22px; text-align: center; }

.servicios ul { list-style: none; font-size: 18px; margin-top: 10px; }
.servicios ul li { margin-bottom: 10px; }
.servicios ul li:before {
	content: '✓';
	margin-right: 5px;
	font-size: 20px;
	background: #fff;
	padding: 2px 7px;
	border-radius: 10px;
	color:#0f2d45;
}
.servicios *{color:#fff;}

/* Base del bloque (ya compatible con tu tema) */
.calculadora-oro{
  max-width: 520px;
  margin: 18px auto;
  padding: 18px;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  font-family: 'Vag-light';
}
.calculadora-oro h3{ color:#0f2d45; font-family:'Vag'; margin:0 0 6px; font-size:22px; }
.calculadora-oro p{ color:#000; font-size:16px; margin:0 0 14px; }

/* Dos columnas */
.grid-2cols{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}


.campo{ display:flex; flex-direction:column; gap:6px; }
.campo span{ font-weight:600; }
.campo input, .campo select{
  padding:10px 12px;
  border:1px solid #ddd;
  border-radius:10px;
  font-size:16px;
  width:100%;
}
.campo input:focus, .campo select:focus{
  outline:none; border-color:#7aa6ff; box-shadow:0 0 0 3px rgba(122,166,255,.25);
}

.resultado{
  margin-top:14px; text-align:center;
  border-top:1px dashed #e3e3e3; padding-top:12px;
}
.resultado-titulo{ color:#333; margin-bottom:6px; }
.resultado-precio{ font-size:34px; font-weight:800; line-height:1.1; }
.resultado-detalle{ margin-top:6px; font-size:13px; color:#666; }

.boxHome{box-shadow:0px 0px 50px 0px rgba(0,0,0,.15);border-radius:8px;padding:20px;background-color:#eed38a;}
.boxHome h3{color:#333;}
.title{font-size:32px;}
.title::after{content:'';width:100px;height:6px;display:block;background-color:#0f2d45;margin:0 auto;transition:all .5s ease-in-out;}
.title:hover::after{width:220px;}

.titleServ{text-align:center;}
.wpcf7-form{max-width:690px;margin: 0 auto;}
input[type="submit"]{font-size:16px;padding:15px 35px;background-color:#0f2d45;border-radius:4px;}

/* Footer */
.copyright * { color: #fff!important; font-size: 14px!important ;outline: none !important;}
.copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.rrss-movil { display: none;}
a.whatsapp { position: fixed; right: 20px; bottom: 80px; background: #32D951; padding: 10px 14px; border-radius: 22px; outline: none !important;}
a.whatsapp i { color: #fff; font-size: 60px;}
a.whatsapp:hover { padding: 12px 16px; right: 18px;}

@media (max-width: 560px){
  .grid-2cols{ grid-template-columns: 1fr; }
}
@media(max-width:720px){
	.rrss-movil { display: flex; justify-content: end; width: 60%; padding-right: 30px; gap: 10px;}
	.site-navigation-wrapper .igheader, .site-navigation-wrapper .ttheader{display:none;}
	.site-navigation-wrapper { margin-top: 15px; text-align: center; justify-content: center; padding-bottom: 15px;}
	.preciodeloro { position: static;}
	.tg-container { padding: 0px 3%!important; width: 100%!important;}
	.textwidget.custom-html-widget:has(.btncontacto) { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}
	hr { align-self: unset; margin-bottom: 10px;}
	.iconos-servicios br { display: none;}
	.iconos-servicios h4 { max-width: 80%; margin: 0 auto;}
	.logo { width: 40%; display: flex; justify-content: center;}
	.logo-text.site-branding { display: none;}
	.ti-widget { display: flex!important; margin-top: 20px!important;}
	a.whatsapp i { font-size: 38px;}
	a.whatsapp{ padding: 9px 12px; right: 18px;}
}

a{
	outline: 0 !important; 
}