/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/**GLOBAL**/
/*Altura maxima contenedores*/

.altura-maxima{
	height:100%;
}

/*Menu de navegación*/

.main-navigation ul.menu > li:not(:last-child)::after {
  content: " /";
  margin: 0 0.5em;
  color: white;
}

#main-header .site-header-row-container-inner .site-container .site-main-header-inner-wrap {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}


#footer-navigation ul.menu > li:not(:last-child)::after {
  content: " /";
  margin: 0 0.5em;
  color: #AFAFAF;
}

#footer-navigation li{
	display:flex;
	align-items:center;
}

#primary-menu li{
	display:flex;
	align-items:center;
}

#secondary-menu{
	gap:26px;
}

#secondary-menu li::before {
  content: "■";
  margin-right: 0.5em;
  
  font-size: 0.9em;
  vertical-align: middle;
}

#secondary-menu li{
	display:flex;
	align-items:center;
}

/*Boton*/

/*boton que reemplaza a boton servicios - abajo con cada color*/

.boton{
  display: inline-flex;
  align-items: center;
  gap: 2rem;
  padding: 14px 32px;
  bottom: 0.6rem;
  font-size: 1rem;
  text-decoration: none !important;
  position: relative;
  z-index: 1;
}

.boton-derecha{
	left: 0.6rem;
}

.boton-izquierda{
	right: 0.6rem;
}

.boton-blanco{
	background-color: white;
	color: black;
	border: solid 1px white;
}

.boton-negro{
	background-color: black;
	color: white;
	border: solid 1px black;
}

.boton-negro:hover{
	color:white;
}

/*Hasta aca boton que reemplaza a boton servicios - abajo con cada color*/

.boton span{
	display:flex;
	align-items:center;
	gap: 1.7rem;
}

.flecha {
  transition: transform 0.3s ease;
}

.boton:hover .flecha {
  transform: translateX(5px);
}

.boton::before {
    content: "";
    position: absolute;
    top: -0.6rem;
    left: -0.6rem;
    width: 0.6rem;
    height: 0.6rem;
	transform: scale(1);
  	transform-origin: bottom right; 
  	transition: transform 0.5s ease;
}

.boton-blanco::before{
	border-right: 1px solid white;
    border-bottom: 1px solid white;
}

.boton-negro::before{
	border-right: 1px solid black;
    border-bottom: 1px solid black;
}


.boton:hover::before {
  transform: scale(0);
}

.boton::after {
    content: "";
    position: absolute;
    bottom: -0.6rem;
    right: -0.6rem;
    width: 0.6rem;
    height: 0.6rem;
	transform: scale(1);
  	transform-origin: top left; 
  	transition: transform 0.5s ease;
}

.boton-blanco::after{
	border-left: solid white 1px;
    border-top: solid white 1px;
}

.boton-negro::after{
	border-left: solid black 1px;
    border-top: solid black 1px;
}

.boton:hover::after {
  transform: scale(0);
}

.boton span::before {
    content: "";
    position: absolute;
    top: -0.6rem;
    right: -0.6rem;
    width: 0.6rem;
    height: 0.6rem;
	transform: scale(1);
  	transform-origin: bottom left; 
  	transition: transform 0.5s ease;
}

.boton-blanco span::before{
	border-left: 1px solid white;
    border-bottom: 1px solid white;
}

.boton-negro span::before{
	border-left: 1px solid black;
    border-bottom: 1px solid black;
}

.boton:hover span::before {
  transform: scale(0);
}

.boton span::after {
    content: "";
    position: absolute;
    bottom: -0.6rem;
    left: -0.6rem;
    width: 0.6rem;
    height: 0.6rem;
	transform: scale(1);
  transform-origin: top right; 
  transition: transform 0.5s ease;
}


.boton:hover span::after {
  transform: scale(0);
}

.boton-blanco span::after {
	 border-right: 1px solid white;
    border-top: 1px solid white;
}

.boton-negro span::after {
	 border-right: 1px solid black;
    border-top: 1px solid black;
}


/*Sección circulo*/

.seccion-destacada-con-circulo div{
	height:100%
}

.seccion-destacada-con-circulo .boton{
	width: max-content;
}


/*Seccion destacada textos*/


.seccion-destacada-textos > div{
	height:100%;
}

.texto-dividido-lineas::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 30%;
  width: 72%;
  border-bottom: 1px solid #AFAFAF;
}

/*contenedor*/

.testimonio-box {
  position: relative;
  padding: 2rem;
  border: 1px solid black; 
  z-index: 1;
}

/* ESQUINA SUPERIOR IZQUIERDA */
.testimonio-box::before {
  content: "";
  position: absolute;
  top: -2.1rem;
  left: -2.1rem;
  width: 2.1rem;
  height: 2.1rem;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  z-index: 2;
  transition: transform 0.5s ease;
}


/* ESQUINA INFERIOR DERECHA */
.testimonio-box::after {
  content: "";
  position: absolute;
  bottom: -2.1rem;
  right: -2.1rem;
  width: 2.1rem;
  height: 2.1rem;
  border-left: 1px solid black;
  border-top: 1px solid black;
  z-index: 2;
  transition: transform 0.5s ease;
}


/* Esquinas en el primer hijo div */
.testimonio-box > div:first-child::before {
  content: "";
  position: absolute;
  top: -4.1rem;
  right: -4.1rem;
  width: 2.1rem;
  height: 2.1rem;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  z-index: 2;
}

.testimonio-box > div:first-child::after {
  content: "";
    position: absolute;
    bottom: -4.1rem;
    left: -4.1rem;
    width: 2.1rem;
    height: 2.1rem;
    border-right: 1px solid black;
    border-top: 1px solid black;
    z-index: 2;
}

.testimonio-box-gris {
  position: relative;
  padding: 2rem;
  border: 1px solid #404040; 
  z-index: 1;
}

/* ESQUINA SUPERIOR IZQUIERDA */
.testimonio-box-gris::before {
  content: "";
  position: absolute;
  top: -2.1rem;
  left: -2.1rem;
  width: 2.1rem;
  height: 2.1rem;
  border-right: 1px solid #404040;
  border-bottom: 1px solid #404040;
  z-index: 2;
  transition: transform 0.5s ease;
}


/* ESQUINA INFERIOR DERECHA */
.testimonio-box-gris::after {
  content: "";
  position: absolute;
  bottom: -2.1rem;
  right: -2.1rem;
  width: 2.1rem;
  height: 2.1rem;
  border-left: 1px solid #404040;
  border-top: 1px solid #404040;
  z-index: 2;
  transition: transform 0.5s ease;
}


/* Esquinas en el primer hijo div */
.testimonio-box-gris > div:first-child::before {
  content: "";
  position: absolute;
  top: -2.1rem;
  right: -2.1rem;
  width: 2.1rem;
  height: 2.1rem;
  border-left: 1px solid #404040;
  border-bottom: 1px solid #404040;
  z-index: 2;
}

.testimonio-box-gris > div:first-child::after {
  content: "";
    position: absolute;
    bottom: -2.1rem;
    left: -4rem;
    width: 2.1rem;
    height: 2.1rem;
    border-right: 1px solid #404040;
    border-top: 1px solid #404040;
    z-index: 2;
}

/*ICONO SOCIAL*/

.icono-social path{
	fill: #AFAFAF;
}

.icono-social:hover path{
	fill: white;
}

/*FOOTER*/

.site-footer-top-section-2{
	justify-content:center;
	padding-top:50px;
	padding-bottom:50px;
}

.quitar-margen-footer{
	margin:0;
	padding:0;
}

.site-footer-top-section-3 #block-15 .enlace-button{
	text-decoration:none; 
}

#colophon{
	padding-top:120px;
}


.site-footer-top-section-1{
	padding-top:50px;
	padding-bottom:50px;
}

.site-footer-top-section-3{
	padding-top:50px;
	padding-bottom:50px;
}

.site-top-footer-inner-wrap .site-footer-section:not(:last-child):after {
	height:110%;
	top: -10%;
}

#no-linea a{
	text-decoration:none;
}

#no-linea:hover a{
	text-decoration:none;
}

.padding-imagenes-servicios .kb-advanced-slide-inner-wrap{
	padding:0;
}


#splide01-track{
	padding-left:24px !important;
	padding-right:24px !important;
}


@media only screen and (min-width: 768px){
	#portada-imagen-entrada{
	/*max-width: -webkit-fill-available !important;*/
		 margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
}
}

#seccion-sobre-nosotros{
	height:100%;
}

#seccion-imagen-texto-sobre-nosotros{
	height:100%;
}

#seccion-imagen-texto-sobre-nosotros div{
	height:100%;
}


#seccion-imagen-texto-sobre-nosotros figure{
	height:100%;
}

#seccion-imagen-texto-sobre-nosotros img{
	height:100%;
	width:100%;
}

/*SECCION DESTACADOS ANILLOS*/

.wrapper-anillos{	
	padding-top:0;
	padding-bottom:0;	
	padding-left: 30px;
    padding-right: 0px;
    margin-left: 0px;		
}

.anillo {
  position: relative;
  margin-left: -30px;
  z-index: 1;
}

.anillo::before {
  content: "";
  position: absolute;
  width: 60%;
  height: 4px;
  top: 48%;
  left: 100%;
  transform: rotate(15deg);
  z-index: 3;
}

.anillo:nth-child(2)::before {
  left: auto;
  right: 100%;
  transform: rotate(-15deg);
}

.anillo:nth-child(3)::before {
  display: none; /* no se entrecruza */
}

.anillo:nth-child(4)::before {
  left: auto;
  right: 100%;
  transform: rotate(-15deg);
}

.anillo{
	z-index:9;
}

.anillo:hover{
	z-index:99;
}

.anillo .kt-inside-inner-col{
	transition: background-color 0.5s ease, border 0.5s ease;
}

.anillo:hover .kt-inside-inner-col{
	background-color:white;
	color:black;
	
	border-color:white;
}

.anillo:hover svg path{
	fill:black;
}

.anillo:hover h6{
	color:black;
}


@media only screen and (max-width: 768px){

.texto-dividido-lineas::after{
	left: 0%;
    width: 90%;
} 

.testimonio-box{
	padding:28px;
}
	
	.testimonio-box > div:first-child::before {
		top: -3.85rem;
    right: -3.85rem;
	}	
	.testimonio-box > div:first-child::after{
		bottom: -3.85rem;
    left: -3.85rem;
	}
	
	.wp-block-kadence-image img {
		width:100% !important; 
	}
	
	.site-top-footer-inner-wrap .site-footer-section:not(:last-child):after {
	height:220%;
	
}
	#colophon{
		padding-top:80px;
	} 
	
	.site-footer-top-section-1 .site-footer-top-section-3, .footer-widget-area-inner{
		padding-right:5%;
	} 
	#valores-filosofia{
	margin-left:-24px;
	margin-right:-24px;
	}
	#seccion-sobre-nosotros{
		margin-left:-24px;
		margin-right:-24px;
	}
	#seccion-margenes-mobiles{
		margin-left:-24px;
		margin-right:-24px;
	}
	#btn-mobile-izquierda{
		right: -0.6rem;
	}
}


/*TABLET*/

@media only screen and (max-width: 1024px){
	#footer-menu{
		justify-content:flex-start;
	}
	.site-footer-top-section-2{
		justify-content:flex-start;
	}
	#footer-navigation{
		display:flex;
		  justify-content: flex-start !important;
	}
	.wrapper-anillos{
		margin:0px;
		padding-right:0;
	}
	.item-imagen-proyecto{
		display:flex;
		justify-content:center;
	}
		
	.testimonio-box-gris > div:first-child::before {
		right: -2.1rem;
	}
	.anillo > div:first-child{
		height:300px;
	}
	#margen-izq-responsive-contacto .kb-section-dir-vertical{
		margin-left:0 !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
  #colophon .site-top-footer-inner-wrap{
	grid-column-gap: 10px;
    grid-row-gap: 10px;
	} 	
}

/*FORMULARIO*/

#formulario .kb-adv-form-submit-button {
    z-index: 0;
    position: none;
     overflow: inherit;
    display: inherit;
    text-align: none; 
    align-items: none;
    justify-content: none; 
}

#formulario .kb-adv-form-submit-button::before{
	opacity: inherit;
    top: -0.6rem;
    left: -0.6rem;
}

#formulario .boton-negro{
	border: solid 1px #000000;
	border-radius:0;
}


#formulario .boton-negro{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='39' height='12' viewBox='0 0 39 12' fill='none'><path d='M31.4444 10.8609L37 5.99978L31.4444 1.13867' stroke='white' stroke-width='2'/><line x1='0' y1='6.13867' x2='37' y2='6.13868' stroke='white' stroke-width='2'/></svg>");
  background-repeat: no-repeat;
  background-position: right 30px center;
  cursor: pointer; 
  padding-left: 32px;
    padding-right: 130px;
    padding-top: 14px;
    padding-bottom: 14px;
	transition: background-position 0.3s ease;
}

#formulario .boton-negro:hover {
  background-position: right 25px center; 
}

.campos-lineas{
	padding:0;
	border:1px solid #AFAFAF;
}

#formulario .campos-lineas::before{
	top: -0.8rem;
    left: -0.8rem;
    width: 0.8rem;
    height: 0.8rem;
	border-right: 1px solid #AFAFAF;
  	border-bottom: 1px solid #AFAFAF;
	
}

#formulario .campos-lineas::after{
	bottom: -0.8rem;
    right: -0.8rem;
    width: 0.8rem;
    height: 0.8rem;
	border-left: 1px solid #AFAFAF;
  	border-top: 1px solid #AFAFAF;
}

#formulario .campos-lineas > div:first-child::after{
	bottom:-0.8rem;
	left:-0.8rem;
	width: 0.8rem;
    height: 0.8rem;
	border-right: 1px solid #AFAFAF;
	border-top: 1px solid #AFAFAF;
} 

#formulario .campos-lineas > div:first-child::before{
	top:-0.8rem;
	right:-0.8rem;
	width: 0.8rem;
    height: 0.8rem;
	border-bottom: 1px solid #AFAFAF;
	border-left: 1px solid #AFAFAF;
} 


#formulario .campos-lineas input,
#formulario textarea {
	padding-top: 0.9rem;
	padding-bottom: 0.9rem;
	border: none;
	border-radius: 0;
	background-color: transparent;
	color: black;
}

#formulario .color-form-aceptacion label{
	color:#404040;
}

#formulario fieldset .kb-adv-form-help{
	 font-style: normal;
}

.galeria-filtrable-moreno{
	padding:0;
}


/*TEXTOS LEGALES*/
@media (min-width: 1024px){
	
.page-hero-section{
	margin-top:3.5rem;
}

}
.entry-hero.page-hero-section .entry-header{
	align-items:flex-start;
}