/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.menu-item-26716{
	display:none !important;
}

 /*eliminar margen inferior a los parrafos para que los textos no esten tan separados*/
.nomargen, .nomargen p, .nomargen h1, .nomargen h2{
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}
/*-----------cabecera----------*/
.cabecera{
	background: linear-gradient(180deg, #F162A5 0%, #E5017D 100%);
}
/* MENU CATALOGO*/
.menu-item-26716 > a{
	    border-radius: 50px;
    background: #FFF;
	color: #E6007E !important;
	border: 1px solid  #E6007E;
	
}
.menu-item-26716 > a:hover{
	    border-radius: 50px;
   
	color: #fff;
	border: 1px solid  #E6007E;
	
}
.menu-item-26716 .sub-arrow{
	display: none;
}

.menu-item-26932 ul li a{
	text-align: left !important;
}

/*submenu catalogo*/

/* Ocultar solo ese submenú */
 .menu-item-26716 > .sub-menu {
     display:none !important; 
	 width: fit-content !important;
	 right: -223% !important;  
	 grid-template-columns: 1fr 1fr 1fr !important;
}

/* Mostrar solo cuando ese item está en hover o activo */
/*  .menu-item-26716:hover > .sub-menu,
.menu-item-26716.current-menu-item > .sub-menu,
.menu-item-26716.current-menu-ancestor > .sub-menu {
  display: grid !important;
}   */



/*-------------PÁGINA INICIO-----------------------*/
.fondo_pelucas{
	margin-left: -69px !important;
}
.caja_pelucas .elementor-widget-wrap.elementor-element-populated{
	height: 379px !important;
}




/*----------------PÁGINA BLOG------------------------*/
/*BORDE POST*/
.blog .elementor-post{
	border: 1px solid #1E1E1E;
}
/*centrar texto*/
.elementor-post__text{
	align-content: center;
	    padding-right: 30px;
}

/*----------------PÁGINA LOCALIZACION----------------*/
.slider_marcas{
	background: linear-gradient(91deg, #F1EDED 35.33%, #F5DCEA 100%);
}

/*----------------PÁGINA CONTACTO--------------------*/
/*boton formulario*/
.e-form__buttons {
            
	margin-top: 40px;
}
/*eliminar formulario footer*/
.page-id-3144 .footer {
	display: none;
}



/*-------Footer------------*/

/* ===== Formulario horizontal Elementor ===== */
#form-horizontal .elementor-form-fields-wrapper { --label-w: 160px; } /* ancho de etiqueta */

/* Etiqueta e input en la misma línea */
#form-horizontal .elementor-field-group{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}

/* La etiqueta a la izquierda, ancho fijo */
#form-horizontal .elementor-field-group > label{
  flex:0 0 var(--label-w);
  margin:0;
  text-align:left;
  white-space:nowrap; /* evita salto de línea en 'Correo electrónico' */
}

/* El campo ocupa el resto. Importante: anular width:100% de Elementor */
#form-horizontal .elementor-field-group .elementor-field,
#form-horizontal .elementor-field-group .elementor-select-wrapper,
#form-horizontal .elementor-field-group textarea.elementor-field-textual{
  flex:1 1 auto;
  width:auto !important;
  min-width:0;
}

/* Para textareas: alinear la etiqueta arriba */
#form-horizontal .elementor-field-group.elementor-field-type-textarea{
  align-items:flex-start;
}

/* Aceptación/checkbox y el botón: mantener en bloque normal */
#form-horizontal .elementor-field-group.elementor-field-type-acceptance,
#form-horizontal .elementor-field-group.elementor-field-type-html,
#form-horizontal .elementor-field-group.elementor-field-type-submit{
  display:block;
}
#form-horizontal .elementor-field-group.elementor-field-type-acceptance > label{
  text-align:left;
  white-space:normal;
  margin-bottom:6px;
}
/* ===== Aceptación y botón alineados con los inputs ===== */
#form-horizontal .elementor-field-type-acceptance,
#form-horizontal .e-form__buttons {
  /* desplazamos el bloque hacia la derecha lo mismo que mide la etiqueta */
  margin-left: var(--label-w);
  width: calc(100% - var(--label-w));
	padding-left: 20px;
}


/* Aceptación en línea y con pequeño espacio al texto */
#form-horizontal .elementor-field-type-acceptance .elementor-field-subgroup {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Botón: que no se estire a todo el ancho */
#form-horizontal .e-form__buttons {
  text-align: left;             /* el botón queda alineado al inicio de la “columna de inputs” */
	margin-top: 40px;
}
#form-horizontal .e-form__buttons .elementor-button {
  display: inline-block;
}

.gtranslate_wrapper {
	text-align: center;
}




/*-----------------------------RESPONSIVE---------------------------------*/
/* ---------------------Vista 1366-1610-----------------------*/
@media only screen and (min-width: 1366px) and (max-width: 1610px){
	.cabecera{
		 padding: 0px 75px 0px 75px !important;
    
	}
	#menu-1-6ec3df0 a{
		font-size: 14px;
	}
	
}
/* ---------------------Vista 1025-1050-----------------------*/
@media only screen and (min-width: 1025px) and (max-width: 1045px){
	
	#menu-1-6ec3df0 a{
		font-size: 13px;
	}
	
}
/* ---------------------Vista Tablet-----------------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
	/*menu*/
	.menu_principal div nav:last-child {
    position: absolute !important;
    z-index: 99999 !important;
    top: 60px !important;
    width: 300px !important;
    right: -35px !important;
		padding: 15px;
	}
	.elementor-menu-toggle{
		color:#ffffff !important;
	}
	/* Anular estilos previos del submenu en menu-item-26716 */
.menu-item-26716 > .sub-menu {
  display: initial !important;
  width: auto !important;
  right: auto !important;
  grid-template-columns: none !important;
}

/* Quitar la apertura forzada en hover/activo */
.menu-item-26716:hover > .sub-menu,
.menu-item-26716.current-menu-item > .sub-menu,
.menu-item-26716.current-menu-ancestor > .sub-menu {
  display: initial !important;
}
	.sub-menu a{
	justify-self: left;
}
	
	
}

/*----------------------------VISTA MOVIL--------------------------------*/
@media only screen and (max-width: 768px){
	.elementor-menu-toggle{
		color:#ffffff !important;
	}
	
	/*menu*/
	.menu_principal div nav:last-child {
    position: absolute !important;
    z-index: 99999 !important;
    top: 60px !important;
    width: 300px !important;
    right: -35px !important;
		padding: 15px;
	}
	/* Anular estilos previos del submenu en menu-item-26716 */
.menu-item-26716 > .sub-menu {
  display: initial !important;
  width: auto !important;
  right: auto !important;
  grid-template-columns: none !important;
}

/* Quitar la apertura forzada en hover/activo */
.menu-item-26716:hover > .sub-menu,
.menu-item-26716.current-menu-item > .sub-menu,
.menu-item-26716.current-menu-ancestor > .sub-menu {
  display: initial !important;
}
		.sub-menu a{
	justify-self: left;
}
	.br{
		display: none;
	}
/*-------Footer------------*/

/* ===== RESET EN MÓVIL: volver al estilo vertical ===== */
@media (max-width: 767px){
  #form-horizontal .elementor-field-group{
    display:block;
    gap:0;
    margin-bottom:14px;
  }

  #form-horizontal .elementor-field-group > label{
    flex:none;
    width:auto;
    margin:0 0 6px;
    text-align:left;
    white-space:normal;
  }

  #form-horizontal .elementor-field-group .elementor-field,
  #form-horizontal .elementor-field-group .elementor-select-wrapper,
  #form-horizontal .elementor-field-group textarea.elementor-field-textual{
    flex:none;
    width:100% !important;
    min-width:0;
  }

  /* Textarea: alineación normal */
  #form-horizontal .elementor-field-group.elementor-field-type-textarea{
    align-items:stretch;
  }

  /* Aceptación y botón a ancho completo, sin sangría */
  #form-horizontal .elementor-field-type-acceptance,
  #form-horizontal .e-form__buttons{
    margin-left:0;
    width:100%;
    padding-left:0;
    display:block;
  }

  #form-horizontal .e-form__buttons{
    text-align:left;
    margin-top:20px; /* ajusta si lo necesitas */
  }
}
	
}
