/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: TUCHO Development Team
Template: flatsome
Version: 1.0
*/

/* tipografia */
@font-face {
	font-family: 'HedvigLettersSerif';
	src: url('/wp-content/themes/flatsome-child/fonts/HedvigLettersSerif.woff2') format('woff2-variations');
	font-weight: 100 1000;
	font-stretch: 75% 125%;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'NataSans';
	src: url('/wp-content/themes/flatsome-child/fonts/NataSans.woff2') format('woff2-variations');
	font-weight: 100 1000;
	font-stretch: 75% 125%;
	font-style: normal;
	font-display: swap;
}

body, input, textarea, select, button, p, ul {
    font-synthesis: none;
    -moz-font-feature-settings: 'kern';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;
    //text-align: justify;
	font-family: 'NataSans', sans-serif;
}

h1, h2, h3, h4, h5, h6, .widget-title {
	font-family: 'HedvigLettersSerif', serif;
	text-align: left;
}
.centered h1, .centered h2, .centered p {
	text-align: center;
}
main b, main strong {
	background: #f3f3ed;
	padding: 2px 3px;
	border-radius: 5px;
	font-weight: 500;
}
.start b, .start strong {
	background: #fcfcf9;
}
.breadcrumb_last strong {
	color: var(--fs-color-primary);
}
@media (min-width: 1100px) {
	h1 {
		font-size: 2.8rem;
	}
	body, input, textarea, select, button, p, ul {
		text-align: justify;
	}
}

/* general */
body {
	font-size: 18px;
	font-weight: 300;
	overflow-x: clip;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
	background: #f3f3ee;
	border-radius: 0;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #e7c27d, #bb9457);
	border-radius: 10px;
	border: 2px solid #f3f3ee;
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, #f0d18f, #c79f60);
}

.bloque {
	background: #f3f3ee;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 40px
}
.bloque p:last-child {
	margin-bottom: 0;
}
.bloque a {
	border-bottom: 2px solid var(--fs-color-primary);
	transition: 0.5s;
}
.bloque a:hover {
	border-bottom: 2px solid var(--fs-color-base);
}

/* cabecera */
.header-main .nav>li>a {
    font-size: 1rem;
}
.no-link>a {
	cursor: default;
}
.nav-dropdown {
	min-width: 300px!important;
	font-size: 16px!important;
}
.nav-dropdown.nav-dropdown-default>li>a  {
	border-bottom: none!important;
}
.header-nav.header-nav-main.nav.nav-right {
	background: #f3f3ed;
	padding: 0 20px;
	border-radius: 10px;
}
.header-nav.header-nav-main.nav.nav-right li a {
	position: relative;
	display: inline-block;
	padding: 8px 5px;
	color: currentColor;
	transition: color 0.3s ease;
}
.header-nav.header-nav-main.nav.nav-right li a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0%;
	height: 1.5px;
	background: linear-gradient(90deg, #b48c46, #e2c371, #b48c46);
	transition: all 0.4s ease;
	border-radius: 2px;
	transform: translateX(-50%);
}
.header-nav.header-nav-main.nav.nav-right li a:hover {
	color: #6d5530;
}
.header-nav.header-nav-main.nav.nav-right li a:hover::after {
	width: 80%;
}
.stuck .header-main .nav > li > a {
	line-height: inherit!important;
}

/* pie */
.absolute-footer {
	display: none !important;
}

/* puntos destacados */
.XTnKVMQr_1,
.XTnKVMQr_2,
.XTnKVMQr_3,
.XTnKVMQr_4,
.XTnKVMQr_5,
.XTnKVMQr_6,
.CApdRmCp_0,
.CApdRmCp_1,
.CApdRmCp_2,
.CApdRmCp_3,
.CApdRmCp_4,
.CApdRmCp_5,
.sdjXUvtR_0,
.sdjXUvtR_1,
.sdjXUvtR_2,
.sdjXUvtR_3 {
	stroke-dashoffset: 0;
}
.row.spot .col.medium-4.small-12.large-4:hover .XTnKVMQr_1 {
	stroke-dasharray: 117 119;
	animation: XTnKVMQr_draw_1 2000ms linear forwards;
}
.row.spot .col.medium-4.small-12.large-4:hover .XTnKVMQr_2 {
	stroke-dasharray: 130 132;
	animation: XTnKVMQr_draw_2 2000ms linear 333ms forwards;
}
.row.spot .col.medium-4.small-12.large-4:hover .XTnKVMQr_3 {
	stroke-dasharray: 92 94;
	animation: XTnKVMQr_draw_3 2000ms linear 500ms forwards;
}
.row.spot .col.medium-4.small-12.large-4:hover .XTnKVMQr_4 {
	stroke-dasharray: 92 94;
	animation: XTnKVMQr_draw_4 2000ms linear 666ms forwards;
}
.row.spot .col.medium-4.small-12.large-4:hover .XTnKVMQr_5 {
	stroke-dasharray: 92 94;
	animation: XTnKVMQr_draw_5 2000ms linear 833ms forwards;
}
.row.spot .col.medium-4.small-12.large-4:hover .XTnKVMQr_6 {
	stroke-dasharray: 41 43;
	animation: XTnKVMQr_draw_6 2000ms linear 1000ms forwards;
}
.row.spot .col.medium-4.small-12.large-4:hover .CApdRmCp_0 {
	stroke-dasharray: 526 528;
	animation: CApdRmCp_draw_0 2000ms linear forwards;
}
.row.spot .col.medium-4.small-12.large-4:hover .CApdRmCp_1 {
	stroke-dasharray: 45 47;
	animation: CApdRmCp_draw_1 2000ms linear 200ms forwards;
}
.row.spot .col.medium-4.small-12.large-4:hover .CApdRmCp_2 {
	stroke-dasharray: 31 33;
	animation: CApdRmCp_draw_2 2000ms linear 400ms forwards;
}
.row.spot .col.medium-4.small-12.large-4:hover .CApdRmCp_3 {
	stroke-dasharray: 21 23;
	animation: CApdRmCp_draw_3 2000ms linear 600ms forwards;
}
.row.spot .col.medium-4.small-12.large-4:hover .CApdRmCp_4 {
	stroke-dasharray: 74 76;
	animation: CApdRmCp_draw_4 2000ms linear 800ms forwards;
}
.row.spot .col.medium-4.small-12.large-4:hover .CApdRmCp_5 {
	stroke-dasharray: 83 85;
	animation: CApdRmCp_draw_5 2000ms linear 1000ms forwards;
}
.row.spot .col.medium-4.small-12.large-4:hover .sdjXUvtR_0 {
	stroke-dasharray: 226 228;
	animation: sdjXUvtR_draw 2000ms linear forwards;
}
.row.spot .col.medium-4.small-12.large-4:hover .sdjXUvtR_1 {
	stroke-dasharray: 148 150;
	animation: sdjXUvtR_draw 2000ms linear 333ms forwards;
}
.row.spot .col.medium-4.small-12.large-4:hover .sdjXUvtR_2 {
	stroke-dasharray: 43 45;
	animation: sdjXUvtR_draw 2000ms linear 666ms forwards;
}
.row.spot .col.medium-4.small-12.large-4:hover .sdjXUvtR_3 {
	stroke-dasharray: 40 42;
	animation: sdjXUvtR_draw 2000ms linear 1000ms forwards;
}
@keyframes XTnKVMQr_draw_1 { from { stroke-dashoffset: 117; } to { stroke-dashoffset: 0; } }
@keyframes XTnKVMQr_draw_2 { from { stroke-dashoffset: 130; } to { stroke-dashoffset: 0; } }
@keyframes XTnKVMQr_draw_3 { from { stroke-dashoffset: 92; } to { stroke-dashoffset: 0; } }
@keyframes XTnKVMQr_draw_4 { from { stroke-dashoffset: 92; } to { stroke-dashoffset: 0; } }
@keyframes XTnKVMQr_draw_5 { from { stroke-dashoffset: 92; } to { stroke-dashoffset: 0; } }
@keyframes XTnKVMQr_draw_6 { from { stroke-dashoffset: 41; } to { stroke-dashoffset: 0; } }

@keyframes CApdRmCp_draw_0 { from { stroke-dashoffset: 526; } to { stroke-dashoffset: 0; } }
@keyframes CApdRmCp_draw_1 { from { stroke-dashoffset: 45; } to { stroke-dashoffset: 0; } }
@keyframes CApdRmCp_draw_2 { from { stroke-dashoffset: 31; } to { stroke-dashoffset: 0; } }
@keyframes CApdRmCp_draw_3 { from { stroke-dashoffset: 21; } to { stroke-dashoffset: 0; } }
@keyframes CApdRmCp_draw_4 { from { stroke-dashoffset: 74; } to { stroke-dashoffset: 0; } }
@keyframes CApdRmCp_draw_5 { from { stroke-dashoffset: 83; } to { stroke-dashoffset: 0; } }

@keyframes sdjXUvtR_draw { from { stroke-dashoffset: 226; } to { stroke-dashoffset: 0; } }

/* Servicios - distribuidor */
.servicios .col-inner {
	position: relative;
	overflow: hidden;
	z-index: 0;
	padding: 10px;
	background: #f3f3ee;
	border-radius: 10px;
	transition: background 0.5s;
}
.servicios .col-inner img {
	border-radius: 5px 5px 0 0;
}
.servicios h2 {
	font-size: 20px;
}
.servicios .box-text {
	padding-bottom: .5em;
	padding-top: .7em;
}
.servicios .col-inner:hover {
	background: #E6E6DB;
	transition: background 0.5s;
}
.servicios .col-inner::before {
	content: "";
	position: absolute;
	inset: -2px;
	border-radius: inherit;
	background: conic-gradient(
		from 0deg,
		rgba(255, 255, 255, 0.0) 0deg,
		rgba(255, 223, 150, 0.9) 40deg,
		rgba(187, 148, 87, 0.95) 90deg,
		rgba(255, 223, 150, 0.9) 140deg,
		rgba(187, 148, 87, 0.95) 200deg,
		rgba(255, 223, 150, 0.9) 260deg,
		rgba(187, 148, 87, 0.95) 320deg,
		rgba(255, 255, 255, 0.0) 360deg
	);
	opacity: 0;
	transition: opacity 0.6s ease;
	border-radius: inherit;
	z-index: -2;
}
.servicios .col-inner:hover::before {
	opacity: 1;
	animation: gold-glow-rotate 6s linear infinite;
}
.servicios .col-inner::after {
	content: "";
	position: absolute;
	inset: 2px;
	background: inherit;
	border-radius: inherit;
	z-index: -1;
}
/* animación de rotación */
@keyframes gold-glow-rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* ContactForm 7 */
form.wpcf7-form{
	background: #f3f3ee;
	padding: 2rem 2rem 0;
	border-radius: 10px;
}
form.wpcf7-form * {
	transition: 225ms;
}
form.wpcf7-form label {
	display: block;
	width: 100%;
	cursor: pointer;
	color: var(--secondary-color);
	font-weight: 500;
}
form.wpcf7-form input,
form.wpcf7-form select,
form.wpcf7-form textarea {
	display: block;
	width: 100%;
	padding: .5em 0;
	margin-bottom: 2rem;
	border: 0;
	border-bottom: 2px solid #22222220;
	border-radius: 5px 5px 0 0;
	background: transparent;
	font-size: 1rem;
	color: var(--primary-color);
	box-shadow: none;
	padding: 0 10px;
}
form.wpcf7-form input:hover,
form.wpcf7-form select:hover,
form.wpcf7-form textarea:hover {
	cursor: pointer;
	border-bottom: 2px solid var(--fs-color-secondary);
}
form.wpcf7-form input:focus,
form.wpcf7-form select:focus,
form.wpcf7-form textarea:focus {
	border-bottom: 2px solid var(--fs-color-secondary);
	box-shadow: none;
	outline: none;
	background: rgba(255,255,255,.4);
	color: var(--fs-color-secondary);
}

form.wpcf7-form input[type="submit"] {
	padding: 0.5em;
	margin-bottom: 0;
	box-shadow: none;
	background: var(--primary-color);
	color: #fff;
	line-height: 1.2em;
    display: inline-block;
    margin-right: 1em;
	font-weight: 700;
	border-radius: 10px!important;
	border-bottom: none;
}
form.wpcf7-form input[type="submit"]:hover {
	background: var(--fs-color-secondary);
	color: #fff;
}
.wpcf7-list-item-label a {
	color: var(--primary-color)!important;
}
span.wpcf7-not-valid-tip {
	position: relative;
	top: -1em;
	color: var(--fs-color-secondary);
}
div.wpcf7-response-output {
	padding: 1em !important;
	margin: 0 !important;
}
form.wpcf7-form .wpcf7-acceptance label {
	display: inline-flex;
}
form.wpcf7-form .wpcf7-acceptance label input {
	max-width: 50px;
}
/* columnas CF7 */
.cf7-row {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}

.cf7-row .cf7-col {
	flex: 1 1 0;
}

@media (max-width: 767px) {
	.cf7-row {
		flex-direction: column;
		gap: 0;
	}
}

div.wpcf7 .ajax-loader {
	display:none;
	background: none;
  -webkit-animation: spin 1s ease-in-out infinite;
  animation: spin 1s cubic-bezier(0.36, 0.09, 0.27, 0.97) infinite;
  border: 3px solid #dedede;
  border-top: 3px solid #000000;
  border-radius: 50%;
  height: 1em;
  width: 1em;
  margin: 0;
  vertical-align: middle;
}
@-webkit-keyframes spin {
  50% {
    border-top-color: #a7005d;
  }
  100% {
    border-top-color: #000000;
   -webkit-transform: rotate(360deg);
           transform: rotate(360deg);
  }
}
@keyframes spin {
  50% {
    border-top-color: #a7005d;
  }
  100% {
    border-top-color: #000000;
   -webkit-transform: rotate(360deg);
           transform: rotate(360deg);
  }
}
.wpcf7-list-item {
	display: block!important;
}