/*
 Theme Name:   Deliciosa Child Theme
 Theme URI:    https://deliciosa.themerex.net/
 Description:  Deliciosa Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     deliciosa
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  deliciosa
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

.gdpr-cookie-notice-nav-item-btn {
	color: #fff !important;
}

.gdpr-cookie-notice-settings {
	right: 100px !important;
}

#gift-card-btn svg {
	font-size: 20px;
    vertical-align: sub;
}

#gift-card-btn:hover svg path {
	fill: #262626;
}

.check-servicios .wpcf7-checkbox {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0px 30px;
	padding-top: 13px;
}

.color_style_link2 a.service-link {
	color: #fff;
	font-family: Jost;
	display: inline-flex; /* 👈 Esto ayuda al hover y alinear con el SVG */
  	align-items: center;
  	gap: 3px; /* espacio entre texto e ícono */
  	text-decoration: none;
}

.sc_services_fashion .sc_services_item_content_inner {
	z-index: 999;
}

.color_style_link2 a.service-link svg {
	vertical-align: middle;
	transition: transform 0.3s ease;
}

.color_style_link2 a.service-link:hover svg {
	transform: translateX(2px); /* Mover 2px a la derecha */
}

/* HOME - START */

/* Estilo de la flecha */

.elementor-top-section .sc_layouts_menu_nav a span {
	font-family: Inter;
	text-transform: uppercase;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
}

.menu_hover_zoom_line > ul > li:not(.menu-collapse) > a:after {
	display: none !important;
}

.flecha {
	width: 15px;
	height: 18px;
	position: relative;
	display: inline-block;
	animation: subirYBajar 3s ease-in-out infinite;
}

/* Línea del "palito" de la flecha */
.flecha::before {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 2px; /* Grosor del palito */
	height: 14px; /* Longitud del palito */
	background-color: black;
}

/* Punta de la flecha */
.flecha::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 8px; /* Tamaño de la punta */
	height: 8px;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

/* Animación de subir y bajar */
@keyframes subirYBajar {
	0% {
		transform: translateY(-10px); /* Mover hacia arriba al inicio */
	}
	50% {
		transform: translateY(10px); /* Bajar más */
	}
	100% {
		transform: translateY(-10px); /* Mover hacia arriba al final */
	}
}
	
.elementor-icon-list-item .elementor-icon-list-icon {
    order: 1;
    margin-left: 5px;
}

.topbar-icons .elementor-icon-list-item .elementor-icon-list-icon {
	order: initial;
    margin-left: initial;
}

/* Al hacer hover sobre botón que se vuelve con fondo gris, hacer que el icono → pase a ser negro */
.btn-hover-light {
  display: inline-flex; /* Flexbox para alinear el icono y el texto */
  height: auto; /* Altura fija para el botón */
}

/* Icono dentro del botón */
.elementor-button-icon {
  content: initial;
  width: 16px; /* Tamaño constante del icono */
  height: 16px; /* Tamaño constante del icono */
  margin-right: 5px; /* Espaciado entre el icono y el texto */
}

/* Icono al hacer hover */
.btn-hover-light:hover .elementor-button-icon {
  content: url('https://lumerestaurante.rwdesarrollos.es/wp-content/uploads/2024/10/Arrow-right-5.svg'); /* Icono cambiado (si es necesario) */
}

.btn-hover-dark:hover .elementor-button-icon {
	content: url('https://lumerestaurante.rwdesarrollos.es/wp-content/uploads/2025/02/Arrow-right-6.svg'); /* Icono cambiado (si es necesario) */
}

.title-content .sc_item_subtitle {
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%; /* 19.2px */
	letter-spacing: 5.12px;
	text-transform: uppercase;
}

.elementor-icon.elementor-social-icon {
	font-size: 54px;
}

.sc_services_item_text {
	order: 2;
	display: none;
}

.sc_services_item:hover .sc_services_item_text {
	display: block;
}

.sc_services_fashion.color_style_link2 .sc_services_item.with_image:hover .sc_services_item_content:before {
	background: #000000CC !important;
}

.sc_services_fashion .sc_services_item_number {
	font-family: 'IBM Plex Serif';
	color: #fff;
	font-size: 32px;
	font-weight: 300;
	line-height: 24px;
}

.sc_services_fashion .sc_services_item_title a {
	font-family: 'IBM Plex Serif';
	padding-bottom: 8px;
	font-size: 23px;
	font-weight: 300;
	line-height: 30px;
	text-transform: math-auto;
}

.sc_services_fashion .sc_services_item_content_inner {
	padding-left: 18px !important;
	padding-right: 18px !important;
}

.sc_services_item_text p {
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}

.btn-our-services .btn-hover-light,
.btn-news .btn-hover-light {
	justify-content: end;
}

.sc_portfolio.sc_portfolio_eclipse .sc_portfolio_item .post_featured .post_info {
	display: none;
}

.sc_portfolio.sc_portfolio_eclipse .sc_portfolio_item .post_featured:hover .mask {
	opacity: 0.35;
}

.sc_portfolio.sc_portfolio_eclipse .sc_portfolio_item .post_featured>a {
	pointer-events: none;
}

.e--pointer-underline .elementor-item:after {
	display: none;
}

.sc_blogger .sc_blogger_item_button .item_more_link .link_text {
	text-indent: initial;
	color: #262626;
	visibility: visible;
	opacity: initial;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
}

.sc_blogger .sc_blogger_item_title a {
	padding-top: 25px;
	font-family: Inter;
	font-size: 27px;
	letter-spacing: 0.5px;
	width: 76%;
	font-style: normal;
	font-weight: 300;
	color: #262626;
	line-height: 120%; /* 38.4px */
	text-transform: math-auto;
}

.sc_blogger .sc_blogger_item_title + .sc_blogger_item_excerpt {
	color: #2E3835;
	font-family: 'Yantramanav';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 112%; /* 20.16px */
}

.sc_blogger .sc_blogger_item_button .item_more_link {
	padding-top: 38px;
}

.ue-play-bg {
	border-radius: 0 !important;
}

.sc_services_columns_wrap .trx_addons_column-1_4 {
	padding-right: 16px;
}

footer .logo_image {
	width: 159px;
	height: auto !important;
}

.footer-menu .elementor-widget-wrap {
	padding: 0 !important;
	padding-top: 50px !important;
}

.footer-menu a {
	justify-content: center;
	text-align: center;
}

.otgs-development-site-front-end {
	display: none;
}

/* HOME - END */

/* PÁGINA EVENTOS - START */

.header-interior.elementor-top-section .sc_layouts_menu_nav a span {
	color: #fff;
}

.page_content_wrap {
	background-color: #fff;
}

.enviar-form-eventos p {
	text-align: end;
}

.enviar-form-eventos .submit-style-in {
	border-radius: 500px;
}

[class*="scheme_"].sidebar .widget_contacts .contacts_info span:before {
	color: #232323;
}

.services_page_title,
.services_single .services_page_content>h1:first-child, 
.services_single .services_page_content>h2:first-child, 
.services_single .services_page_content>h3:first-child, 
.services_single .services_page_content>h4:first-child, 
.services_single .services_page_content>h5:first-child, 
.services_single .services_page_content>h6:first-child,
.widget .widget_title, .widget .widgettitle {
	font-family: "IBM Plex Serif";
}

.single-cpt_services p {
	font-family: 'Inter';
}

.sidebar_default[class*="scheme_"] .sidebar_inner,
[class*="scheme_"].sidebar .widget_contacts .contacts_info>a:before {
	color: #232323;
}

.header-interior-servicios a span {
	color: #fff;
}

.services_page_title {
	display: none;
}

.single-cpt_services .entry-content a {
	color: #232323;
	text-decoration: underline;
}

.services-btn-about a {
	background-color: #232323 !important;
	font-family: 'Inter' !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}

.services-btn-about a:hover {
	background-color: #2e2e2e !important;
}

/* PÁGINA EVENTOS - END */

/* PÁGINA TRABAJA CON NOSOTROS - START */

div.wpcf7 .form-style-8 textarea {
	height: 85px;
	min-height: initial;
}

.wpcf7-form-control.wpcf7-file {
	height: 45px;
}

.slide-team img {
	width: 592px;
	height: 685px;
	object-fit: cover;
}

.sc_team_list .sc_team_item.has-post-thumbnail .sc_team_item_info {
	padding: 0 4% 0 9%;
}

/* Ajusta el ancho de cada slide para mostrar el siguiente */
.slider-slide.swiper-slide {
    width: 66.9% !important; /* Ajusta el valor para ver más o menos del siguiente miembro */
    margin-right: 20px; /* Espacio entre slides */
}

/* Ocultar el input de archivo original */
.custom-file-input-wrapper input[type="file"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

/* Estilo para el contenedor */
.custom-file-input-wrapper {
    position: relative !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    border-radius: 0;
    cursor: pointer;
    max-width: 100%;
    gap: 10px;
    width: 100%; /* Ocupa todo el ancho disponible */
    border-bottom: 1px solid var(--theme-color-input_bd_color); /* Borde inferior visible */
    transition: all 0.4s ease; /* Transición suave para el borde */
    margin-top: -1px;
}

/* Pseudo-elemento ::before para la línea que se expande */
.custom-file-input-wrapper::before {
    content: 'Adjuntar currículum'; /* Texto dentro del pseudo-elemento */
    display: inline-block; /* Cambiar display para que el texto esté alineado con otros elementos */
    color: #323E48;
    margin-right: 10px; /* Espacio entre el texto y el siguiente elemento */
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
}

/* Pseudo-elemento ::before para la animación de la línea */
.custom-file-input-wrapper::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0; /* Coloca la línea en la parte inferior */
    width: 0; /* Comienza con el ancho en 0 */
    height: 1px; /* La altura de la línea */
    background-color: #222218; /* El color negro que aparecerá al hacer hover */
    transition: width 0.4s ease; /* Transición suave para el ancho */
}

/* Efecto hover: expansión del pseudo-elemento */
.custom-file-input-wrapper:hover::after {
    width: 100%; /* El ancho se expande al 100% */
}

/* Botón "Seleccionar archivo" con el ícono de flecha */
.custom-file-input-wrapper .file-icon {
    content: 'Seleccionar archivo \2191'; /* Flecha hacia arriba */
    cursor: pointer;
	color: #323E48;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 16.8px */
	font-size: 14px;
}

.custom-file-input-wrapper .file-icon .arrow {
	padding-left: 20px;
}

.form-work-with-us input::placeholder,
.form-work-with-us textarea::placeholder,
.form-work-with-us .wpcf7-list-item-label {
    color: #323E48 !important;
}

.sc_team_list .sc_team_item_title {
	text-transform: capitalize;
}

.sc_team_list .sc_team_item_subtitle {
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%; /* 19.2px */
	letter-spacing: 5.12px;
	text-transform: uppercase;
	color: #737373;
}

.sc_team_list .sc_team_item.has-post-thumbnail .sc_team_item_info {
	padding: 0 6% 0 6%;
}

.sc_team_item_description p {
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
	color: #262626;
}

.column-send_button {
	padding-right: 0px !important;
	text-align: end;
}

div.wpcf7 .form-style-8 .column-send_button p {
	margin-right: -25px;
}

body.page-template-default {
	background-color: #fff !important;
}

/* PÁGINA TRABAJA CON NOSOTROS - END */

/* PÁGINA CONTACTO - START */

input[type="submit"] {
	font-family: 'Inter';
	font-size: 16px;
	font-weight: 400 !important;
}

.wpcf7 .wpcf7-submit-style .submit-style-in {
	background-color: #232323;
	border-radius: 500px;
}

.wpcf7 .wpcf7-submit-style:hover .wpcf7-submit + .submit-style-in {
	background-color: #2e2e2e;
}

.icons-contact-page,
.icons-contact-page a,
.icons-contact-page span,
.icons-contact-page a .link_text,
div.wpcf7 .form-style-3 .wpcf7-list-item-label {
	font-family: 'Inter';
	font-weight: 400;
	color: #2E3835;
	font-size: 17px;
}

.contact-btn-about .sc_button:not(.sc_button_simple) {
	background-color: #fff;
	border-color: #fff;
	color: #232323;
	font-family: 'Inter';
	font-size: 16px;
	font-weight: 400;
}

.contact-btn-about .sc_button:not(.sc_button_simple):hover {
	background-color: #e0e0e0 !important;
	border-color: #e0e0e0 !important;
	color: #232323 !important;
}

::placeholder {
	font-family: 'Inter';
}

/* PÁGINA CONTACTO - END */

/* PÁGINA GALERÍA DE FOTOS - START */

.content_wrap {
	width: 100%;
}

.post_info_bl {
	display: none;
}

/* PÁGINA GALERÍA DE FOTOS - END */

/* PÁGINA BLOG - START */

h4.post_title.entry-title {
	max-width: 90%;
}

.masonry_wrap .masonry_item .post_header .post_meta_item.post_categories a {
	color: #232323 !important;
    font-weight: 900;
    font-family: "IBM Plex Serif", Sans-serif;
}

body.blog .page_content_wrap,
body.category .page_content_wrap {
    margin-left: 60px !important;
}

body.blog .page_wrap,
body.category .page_wrap {
    background-color: #fff;
} 

body.blog .nav-links {
	text-align: center;
}

body.blog .nav-links .page-numbers.current {
	background-color: #232323;
	border-color: #232323;
}

body.blog h4 {
	font-family: "IBM Plex Serif", Sans-serif;
	font-weight: 300;
}

body.single-post .body_wrap,
body.category .body_wrap {
	background-color: #fff;
}

/* PÁGINA BLOG - END */

/* PÁGINA DE MENÚ - START */

.elementor-price-list .elementor-price-list-item .elementor-price-list-header {
	margin-bottom: 0px;
}

.elementor-price-list-header,
.elementor-price-list-description {
	cursor: default;
	pointer-events: none;
}

.column-images-menu {
	flex-direction: row;
}

/* PÁGINA DE MENÚ - END */

/* PÁGINA DE BODAS - START */

.bodas-form .wpcf7-list-item {
	margin: 0 0 0 0;
	margin-right: 10px;
}

.bodas-form input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date::-webkit-calendar-picker-indicator {
 	background: transparent;
    color: transparent;
    height: auto;
    position: absolute;
    z-index: 999;
    width: 100%;
    cursor: pointer;
}

.bodas-form .wpcf7-list-item-label.wpcf7-list-item-right:before {
	border-radius: 50px;
	margin-top: 4px;
}


.bodas-form input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {
 	padding-bottom: 16px;
 	vertical-align: sub;
}

.bodas-form .radio-section {
	margin-top: 19px;
}

.otros-servicios-form .wpcf7-select {
	height: 218px;
    overflow-y: hidden;
}

.otros-servicios-form .wpcf7-select option {
	padding-left: 10px;
}

.bodas-inputs-p-left select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.fill_inited {
	padding-left: 10px !important;
}

.swiper-button-prev,
.swiper-button-next {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4) !important;
}


/* PÁGINA DE BODAS - END */

@media (max-width: 599px) {
	
	#gift-card-btn .elementor-button-icon {
		display: none !important;
	}
	
	h2 {
		hyphens: unset !important;
	}
	.column-send_button {
		text-align: center;
	}

	.slide-trabaja {
		padding: 0px 33px 0px 33px !important;
	}
	
	.sc_team .sc_team_item .sc_team_item_subtitle {
		line-height: 24px;
	}
	
	.alma-restaurante h2 {
		font-size: 34px !important;
	}
	
	.slider-slide.swiper-slide {
		width: 100% !important;
	}
	
	h2.sc_item_title.sc_title_title.sc_item_title_style_default.sc_item_title_tag .sc_item_title_text {
		font-size: 28px !important;
		line-height: 1.5em;
	}
	
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-9efc29c.elementor-section-full_width.elementor-section-height-min-height.elementor-section-height-default.elementor-section-items-middle.sc_fly_static.trx_addons_parallax_layers_inited.trx_addons_parallax_blocks_inited {
		display: none;
	}
	
	.btn-our-services .btn-hover-light, .btn-news .btn-hover-light {
		justify-content: start;
	}
	
	.elementor-button-icon {
		align-self: center;
	}
	
	.container-logo-footer .elementor-widget-wrap {
		text-align: center !important;
		margin-left: 22px !important;
	}
	
	body.blog .page_content_wrap,
	body.category .page_content_wrap,
	body.single-post .page_content_wrap{
    margin-left: 24px !important;
	margin-right: 24px !important;
	}
	
	body.single-post h1 {
		font-size: 38px !important;
		line-height: 48px !important;
	}
	
	.menu_mobile .menu_mobile_content_wrap.content_wrap {
		margin-left: 24px;
		margin-right: 24px !important;
	}
	
	.menu_mobile .socials_mobile:before {
		width: 88%;
	}
	
	
}

@media (min-width: 600px) and (max-width: 1024px) {
	
	.slider-slide.swiper-slide {
		width: 93.9% !important;
	}
	
	h2.sc_item_title.sc_title_title.sc_item_title_style_default.sc_item_title_tag .sc_item_title_text {
		font-size: 35px !important;
		line-height: 1.5em;
	}
	
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-9efc29c.elementor-section-full_width.elementor-section-height-min-height.elementor-section-height-default.elementor-section-items-middle.sc_fly_static.trx_addons_parallax_layers_inited.trx_addons_parallax_blocks_inited {
		display: none;
	}
	
	.elementor-button-icon {
		align-self: center;
	}
	
	body.blog .page_content_wrap,
	body.category .page_content_wrap,
	body.single-post .page_content_wrap{
    margin-left: 24px !important;
	margin-right: 24px !important;
	}
	
	.menu_mobile .menu_mobile_widgets_area,
	.menu_mobile.opened .menu_mobile_close .menu_button_close_text {
		display: none !important;
	}
	
	.menu_mobile_content_wrap_inner {
		margin-left: 32px;
	}

}


@media (min-width: 768px) {
	.enviar-form-eventos {
		text-align: end;
	}
}

@media (max-width: 956px) {
	
	.sc_services_fashion .sc_services_item_title a {
	font-size: 24px;

	}
	
	.check-servicios .wpcf7-checkbox {
		grid-template-columns: 1fr;
	}

	.contact-menu a {
		padding: 9px 10px !important;
	}
	
	.otros-servicios-form .select_container:after,
	.otros-servicios-form select.wpcf7-form-control.wpcf7-select.filled.fill_inited{
		height: 220px !important;
	}
	
}

@media (max-width: 1280px) {
	
	.column-2_3,
	.column-1_3 {
		width: 100%;
	}
	
}

@media (min-width: 1280px) {
	
	.servicios-eventos .sc_services_item_content  {
		height: 556px;
	}
	
}