/*
Theme Name: TORENDI G.K.
Author: TORENDI
Author URI: https://www.torendi.net
Description: Theme for トレンディ合同会社
Version: 1.0
License: All rights reserved.
*/


/* THEME COLORS */
:root {
	--base-color: #d62428; 
	--dark-gray:#252840;
	--black:#05060a;
	--medium-gray:#7d8087;
	--very-light-gray: #f0f2f8;
	--color-text: #6d6e76; /* experimental */
  	--gradiente: repeat padding-box border-box 0% / auto scroll linear-gradient(137deg, #1C4186 1%, #C02B4B 100%); /* background */
  
}

.texto-gradiente {background: var(--gradiente); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.color-texto {color:var(--color-text);}
body {color:var(--color-text);}

.bg-base-color {
  background-color: #d62428;
}

.btn-gradient-purple-pink {
    background-image: linear-gradient(to right, #262840, #d62428, #262840);
    background-size: 200% auto;
    color: var(--white);
}


/* DESKTOP STYLES FIRST */
.visibledesktop {display:block;}
.visiblemobile {display:none;}

.contenedor-logo {padding-right: 0 !important;}
header .contenedor-logo .navbar-brand {padding: 15px 0;}
header .contenedor-logo .navbar-brand img {max-height: 48px;}
.header-language-icon {margin-left: 15px; text-transform: uppercase;}
.header-language-icon a {color:#fff;}
.sticky .header-language-icon a {color:var(--dark-gray);}
.header-language.dropdown {font-size: 16px; font-weight: 400;}
ul.language-dropdown.alt-font {padding:10px 16px !important;}
.header-language-icon .header-language .language-dropdown li a {font-size:15px;color:var(--dark-gray);}

.sticky .navbar .navbar-nav .nav-item .nav-link.active {color:var(--base-color); opacity:0.8;}

.contenedor-slider { position: absolute; top: 0; left: 0; z-index: 2; width: 100%;}
.contenido-slider {margin-top:150px;}
.contenido-slider span.fw-500 {font-size: 14px;}
.contenido-slider h1 {text-transform: uppercase; line-height: 1.3em;}
.contenido-slider p {text-shadow: 0 0 1px black;}

section.bg-dark-midnight-blue {background-color:#1c1c1f;color:var(--medium-gray);}

.caja-evento .blog-box p {font-size: 16px; line-height: 1.8em; margin-bottom: 10px;}
.caja-evento .blog-box a.btn-gradient-purple-pink {border-radius: 4px !important; padding: 4px 10px !important;}

footer .footer-logo img {max-height: 80px;}
footer .col-menu span {text-align: right; display: block; margin: 0px 0 5px; color: var(--bs-gray-500);}
footer .col-menu ul.footer-navbar li a {color: #fff;}
footer .col-menu ul.footer-navbar li a:hover, footer .col-menu ul.footer-navbar li a:active {color: var(--base-color);}
footer .col-menu .elements-social ul {color: #fff;}
footer .col-menu .elements-social ul li a {font-size: 16px; display: inline-block; color:#fff;}
footer .col-menu .elements-social ul li a:hover {color:#fff !important;}
footer .col-menu .elements-social ul li a i {margin-right: 2px;font-size: 18px; vertical-align: text-bottom; transition: all 300ms;}
footer .col-menu .elements-social ul li a:hover i {color:var(--base-color) !important;}
footer .col-terminos p {margin-bottom: 0px; color: var(--bs-gray-500);}
footer .col-terminos p a {color: var(--bs-gray-300);}
footer .col-terminos p a:hover {text-decoration: underline;}
footer .developedby span {text-transform: uppercase; font-weight: 400; font-size: 10px; display: block; line-height: 1em;margin: 0 0 -3px;}
footer .developedby a {opacity: 0.75; transition:all 300ms;}
footer .developedby a:hover {opacity:1;}
footer .developedby img {width: 100px; height: auto;}

.header-contact {padding-top: 120px; text-shadow: 1px 1px 3px #000;}
.header-contact span.fs-16.lh-22.fw-500 {padding-bottom: 2px; letter-spacing: -0.1px;}
.header-contact h2 {font-size: 60px; line-height: 1.2em;}
.form-section {padding-top: 60px !important; background: #020206; padding-bottom: 80px !important;}
.form-section h2 {font-size: 48px; line-height: 1.1em; margin-bottom: 30px !important;}
.form-section .container-fluid .row {background:#f7f7f7;}
#formulario-compra {}
#formulario-compra .wpforms-field {padding: 0 0 20px;}
#formulario-compra .wpforms-field-label {margin-bottom: 5px; text-transform: uppercase; font-weight: 600; font-size: 14px;}
#formulario-compra .wpforms-field-sublabel {text-transform: uppercase; font-size: 11px; margin-top: 2px;}
#formulario-compra .wpforms-field-description {text-transform: uppercase; font-size: 11px; margin-top: 2px;}
#formulario-compra .wpforms-field-medium {MAX-WIDTH: 100%;}
#formulario-compra .wpforms-error {margin-top: 5px; margin-bottom: 5px; text-transform: uppercase; font-size: 12PX;}
#formulario-compra .wpforms-field-email-primary {}
#formulario-compra .wpforms-field-email-secondary {}
#formulario-compra .choicesjs-select {}
#formulario-compra .wpforms-field-radio .wpforms-field-label {margin-bottom: 10px;}
#formulario-compra .wpforms-smart-phone-field {}
#formulario-compra textarea {}
#formulario-compra .wpforms-field.wpforms-field-checkbox {max-width: 100%;padding-bottom: 10px;}
#formulario-compra .wpforms-field.wpforms-field-checkbox input {}
#formulario-compra .wpforms-field.wpforms-field-checkbox label {line-height: 1.5em; text-transform: uppercase; font-size: 13px;}
#formulario-compra .wpforms-submit-container {}
#formulario-compra .wpforms-submit-container .wpforms-submit {background-color: var(--dark-gray, var(--dark-gray)); border-color: var(--dark-gray);  padding: 14px 40px;  text-transform: uppercase; font-weight: 400; font-size: 18px; font-family: 'Oswald', sans-serif; height: auto;}
#formulario-compra .wpforms-submit-container .wpforms-submit:focus:after {border: 2px solid var(--dark-gray);}
#formulario-compra .wpforms-confirmation-container-full {border-color: var(--dark-gray); background: #def9ff;}

.pagination {}
.pagination .page-numbers {border: 0; padding: 0 2px; margin: 0 7px; background: transparent; color: var(--medium-gray); min-width: 45px; font-size: inherit; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; line-height: 45px; min-height: 45px;}
.pagination .page-numbers.current {background: var(--dark-gray); color: var(--white);}
.pagination .page-numbers:hover {background: var(--base-color);  color: var(--white);}
.pagination .page-numbers.prev:hover, .pagination .page-numbers.next:hover {background: var(--base-color);  color: var(--white);}
.pagination .page-numbers.current:hover {background: var(--dark-gray); color: var(--white);}
.pagination .page-numbers.dots:hover {background: transparent; color: var(--medium-gray);}

.como-comprar-h {}
.speech-bubble {position: relative;background: var(--dark-gray);border-radius: .4em; color:var(--very-light-gray);}
.speech-bubble:after {content: '';position: absolute;bottom: 0;left: 36%;width: 0;height: 0;border: 25px solid transparent;border-top-color: var(--dark-gray);border-bottom: 0;border-left: 0;margin-left: -12.5px;margin-bottom: -25px;}
.como-comprar-h .mascota { width: 170px; position: relative; top: 20px; left: 60px;}
.como-comprar-h .speech-bubble {max-width: 580px;}
.como-comprar-h .speech-bubble p {margin: 0; padding: 13px 0; line-height: 1.5em; font-weight: 400; font-size: 16px;}
.como-comprar-b .sliding-box-style-03 .number {bottom: unset; top: 48px; font-size: 25px; border-radius: 50%; border: solid 1px; width: 50px; height: 50px; line-height: 50px; left: 50%; margin-left: -25px; font-weight: 500 !important; border-color: rgba(255, 255, 255, 0.5); text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);}
.como-comprar-b .fw-600.fs-22.lh-30.text-white {text-shadow: 0 0 25px rgba(0, 0, 0, 0.5); margin-top: 10px;}
.como-comprar-e h6 {line-height: 1.3em; color: var(--bs-border-color);}
.como-comprar-e ul li {color: var(--bs-gray-100); text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);}
.como-comprar-e ul li i {color: var(--bs-border-color);}
.como-comprar-e ul li.last {background-image: linear-gradient(to right, #262840, #d62428, #262840); background-size: 200% auto;display: block; margin-top:10px; border-radius: 4px;  width: max-content; height: 28px; line-height: 28px; padding: 0 10px; text-transform: uppercase; font-weight: 500; font-size: 14px;}
.como-comprar-h.espanol .speech-bubble {max-width: 560px; margin-left: 40px; margin-top: -40px;}

.mfp-ajax-holder {}
button.mfp-close:before, button.mfp-close:active:before {color:#fff;}
.contenedor-popup {}
.contenedor-popup p {text-shadow:0 0 3px rgba(0,0,0,0.5); color: #eee; margin-bottom: 12px; line-height: 1em;}
.contenedor-popup h3 {font-weight: 600; color: #fff; line-height: 1em; margin-bottom: 20px; text-shadow:0 0 3px rgba(0,0,0,0.5);}
.contenedor-popup .bajada-tabla {text-transform: uppercase; font-size: 14px; border-bottom: solid 1px; padding-bottom: 3px;}
.contenedor-popup table .table-dark.text-uppercase.alt-font th {font-weight: 600 !important;}
.contenedor-popup p small {text-transform: uppercase;font-size: 12px;}
.contenedor-popup p + p {font-size: 15px;margin-bottom: 10px;}
.contenedor-popup p a {color:#fff;text-decoration:underline;}

.intro-preguntas.espanol h2 {font-size: 44px;line-height: 50px; letter-spacing: -1px !important;}

.the-content {}
.the-content h2 {font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 600; font-size: 36px; color: var(--bs-body-color); margin-bottom: 20px; line-height: 1.25em;}
.the-content p {line-height: 1.55em; margin-bottom: 20px;}
.the-content p a {text-decoration: underline; color: var(--bs-body-color);}
.the-content p a:hover {color: var(--base-color);}
.the-content ul {padding-left: 20px; margin-bottom: 30px;}
.the-content ul li {list-style: "- "; padding-left: 10px;}


/* MOBILE SM */
@media (max-width: 576px) {
	.visibledesktop {display:none !important;}
	.visiblemobile {display:block !important;}
	header .navbar [class*=col-].contenedor-logo {padding-right: 0 !important;}
	.header-button .btn.btn-switch-text.btn-small > span {padding:8px 10px;}
}

/* MEDIO MD */
@media (max-width: 767px) {
	.visibledesktop {display:none !important;}
	.visiblemobile {display:block !important;}
	
	header .navbar [class*=col-] {padding:0 3% !important;}
	header .contenedor-logo .navbar-brand {padding: 12px 0;}
	header .contenedor-logo .navbar-brand img {max-height: 40px;}
	
	.header-language-icon a {color:var(--dark-gray);}
	.sticky .header-language-icon a {}
	.header-language.dropdown {font-size: 15px;}
	ul.language-dropdown.alt-font {}
	.header-language-icon .header-language .language-dropdown li a {font-size:14px;}
	
	.contenido-slider {margin-top: 30px;}
	.contenido-slider span.fw-500 { font-size: 12px; margin-bottom: 10px !important;}
	.contenido-slider h1 {font-size: 42px;}
	.contenido-slider p {font-weight: 500 !important;  line-height: 1.35em; font-size: 16px;}
	.contenido-slider .btn.btn-switch-text.btn-extra-large {border-radius: 16px;}
	.contenido-slider .btn.btn-switch-text.btn-extra-large > span {padding: 14px 25px;}
	
	.texto-disclaimer-servicios .imagen {width: 80px; height: auto;}
	.texto-disclaimer-servicios .imagen img {}
	.texto-disclaimer-servicios .texto {font-size: 15px; line-height: 1.75em; margin-top: 5px;}
	
	#events .titulares span {order: 2; line-height: 1.5em; color: var(--light-medium-gray); text-transform: none !important; font-weight: 400 !important;}
	#events .titulares span::after {content:'.';}
	#events .titulares h2 {order:1; line-height: 1.2em; margin-bottom: 12px;}
	
	#schedule .position-sticky span {font-size: 15px; text-align: left;}
	#schedule .position-sticky h2 {text-align: left; line-height: 1.2em; margin-bottom: 20px;}
	#schedule .position-sticky p {font-size: 15px;line-height: 1.6em;text-align: left;}
	#schedule a.btn-transparent-dark-gray {float: left;}
	#schedule a.btn-transparent-dark-gray > span {padding: 15px 20px;}
	#schedule a.btn-gradient-purple-pink {float: left;}
	#schedule a.btn-gradient-purple-pink > span {padding: 15px 20px;}
	
	footer#footer-sitio {padding-bottom: 0;}
	footer .col-menu span {display: block; text-align: center; font-size: 14px; letter-spacing: normal !important; margin: -10px 0 20px;}
	footer .col-terminos {margin-top: -6px !important;}
	footer .developedby {order: 2 !important;  margin-top: 20px; background: var(--extra-dark-slate-blue); padding: 10px 0 10px;}
	footer .developedby span { margin: 0 auto -5px; width: 100px; text-align: right; font-size: 9px;}
	footer .developedby img {width: 100px; height: auto;}
	.footer-navbar {max-width: 280px; margin: 0 auto;}
	
	.header-contact {padding-top: 140px;}
	.header-contact span.fs-16.lh-22.fw-500 {margin-bottom: 8px !important;}
	.header-contact h2 {font-size: 40px;}
	.header-contact p {font-size: 16px; line-height: 1.65em;}
	.form-section {padding-top: 40px !important; padding-bottom: 40px ! IMPORTANT;}
	.form-section .container-fluid .row {}
	.form-section .container-fluid span.fs-16.lh-22.fw-700 {font-size: 15px;}
	.form-section h2 {font-size: 32px;}
	#formulario-compra {}
	#formulario-compra .wpforms-field {}
	#formulario-compra .wpforms-field-label {}
	#formulario-compra .wpforms-field-sublabel {}
	#formulario-compra .wpforms-field-description {}
	#formulario-compra .wpforms-field-medium {}
	#formulario-compra .wpforms-error {}
	#formulario-compra .wpforms-field-email-primary {}
	#formulario-compra .wpforms-field-email-secondary {}
	#formulario-compra .choicesjs-select {}
	#formulario-compra .wpforms-field-radio .wpforms-field-label {}
	#formulario-compra .wpforms-smart-phone-field {}
	#formulario-compra textarea {height: 140px;}
	#formulario-compra .wpforms-field.wpforms-field-checkbox {}
	#formulario-compra .wpforms-field.wpforms-field-checkbox input {}
	#formulario-compra .wpforms-field.wpforms-field-checkbox label {font-size: 11px; margin-top: -2px;}
	#formulario-compra .wpforms-submit-container {}
	#formulario-compra .wpforms-submit-container .wpforms-submit {}
	#formulario-compra .wpforms-submit-container .wpforms-submit:focus:after {}
	#formulario-compra .wpforms-confirmation-container-full {}
	
	.como-comprar-h {}
	.speech-bubble {}
	.speech-bubble:after {}
	.como-comprar-h .mascota {top: 30px; left: 40px;}
	.como-comprar-h .speech-bubble {width: 92%; margin: 0 auto;}
	.como-comprar-h .speech-bubble:after {bottom: 1px;}
	.como-comprar-h .speech-bubble p {}
	.como-comprar-b .sliding-box-style-03 .number {}
	.como-comprar-b .fw-600.fs-22.lh-30.text-white {}
	.como-comprar-e {padding-bottom: 90px; padding-top: 40px;}
	.como-comprar-e h6 {}
	.como-comprar-e ul.list-style-02 {display: grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; gap: 0px 16px; align-content: center; margin-bottom:10px;}
	.como-comprar-e ul li {line-height: 1.3em; height: 40px; margin: 0 0 5px;}
	.como-comprar-e ul li i {line-height: 23px;}
	.como-comprar-e ul li.last {margin-top: 0; height: 40px; line-height: 40px;}
	.como-comprar-h.espanol .speech-bubble { margin-left: auto; margin-right: auto; margin-top: 0;}
	.como-comprar-b .sliding-box-item {}
	.como-comprar-b a.text-decoration-line-bottom.text-dark-gray {display:block;}
	.como-comprar-b div.align-middle.bg-base-color.fw-600.text-white.text-uppercase {display: block !important; width: fit-content; margin: 0 auto 10px !important;}
	
	.mfp-ajax-holder {width: 96%;}
	button.mfp-close:before, button.mfp-close:active:before {}
	.contenedor-popup {}
	.contenedor-popup p {}
	.contenedor-popup h3 {}
	.contenedor-popup .bajada-tabla {line-height: 1.3em;}
	.contenedor-popup table {font-size:14px;}
	.contenedor-popup table .table-dark.text-uppercase.alt-font th {line-height: 1.3em;font-size: 15px;}
	.contenedor-popup p small {}
	.contenedor-popup p + p {line-height: 1.25em;}
	.contenedor-popup p a {}

}

/* LARGE LG */
@media (min-width: 992px) {
	.visibledesktop {display:none !important;}
	.visiblemobile {display:block !important;}
	
	.texto-disclaimer-servicios {}
	.texto-disclaimer-servicios .imagen {}
	.texto-disclaimer-servicios .imagen img {width: 100px; height: auto;}
	.texto-disclaimer-servicios .texto {font-size: 18px;  max-width: 70%;  text-align: left;}
}

/* DESKTOP XL */
@media (min-width: 1200px) {
	.visibledesktop {display:block !important;}
	.visiblemobile {display:none !important;}
}

/* FULL XXL */
@media (min-width: 1400px) {
	.visibledesktop {display:block !important;}
	.visiblemobile {display:none !important;}
}