/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*PAGE HOME*/
/*botones inferiores - seccion mas de 200 piezas - repertorio bodas - repertorio funerales*/
#post-10 .gb-text-1796c1dc, #post-10 .gb-text-ed389b82{
	display:none !important;
}



/*PAGE REPERTORIO*/

/*boton superior - solicitar presupuesto - cambiar a - ver repertorio para bodas*/

/*boton superior - repertorio funerales*/
#post-2010 .gb-text-80b5bff6{
	display:none !important;
}
/*enlaces en baldosas - seccion explora por tipo de evento - repertorio bodas - repertorio funerales - repertorio corporativo*/
#post-2010 .gb-element-3fe400dd .subcat-link{
	display:none !important;
}

/*boton - seccion pieza en mente - ver formaciones*/
#post-2010 .gb-text-27896e4e{
	display:none !important;
}






html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
.entry-content{
	background-color: #2E2C1E !important;
}
a{
	text-decoration:none;
}
.acordeon h3{
   	font-size: large !important;
}

/*MENU PRINCIPAL*/
.main-navigation a {
  font-family: 'Cormorant Garamond', serif; /* cambia por tu fuente */
  font-size: 23px;
  font-weight: 500;
}

.main-navigation .main-nav ul li a {
    padding-left: 11px;
    padding-right: 11px;
    line-height: 40px;
}
.inside-header{
	border-bottom: 1px solid #A48244;
}
.main-navigation.has-sticky-branding.navigation-stick:not([class*=nav-align-]):not(.mobile-header-navigation) .inside-navigation {
	border-bottom: 1px solid #A48244;
}

/* Ítem activo */
.main-navigation .current-menu-item > a {
  color: var(--dorado-letras);
}

/*menu mobile*/
.gp-icon {
    font-size: 30px;
		top:8px;
		right:20px;
		position:relative;
}
#mobile-header .menu-toggle{
	font-family: 'Cormorant Garamond', sans-serif;
	font-weight:500;
	font-size: 19px;
	letter-spacing: 0.1em;
  text-transform: uppercase;
}
.menu-toggle .gp-icon+.mobile-menu{
	position:relative;
	top:3px;
}
.main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 1060px) {
    .main-navigation.has-branding .inside-navigation.grid-container {
		border-bottom:1px solid #A48244;
	}
}
.offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit {
    left: calc(var(--gp-slideout-width) + 25px);
}



/*LINEA DE SECCION COMO TRABAJAMOS*/
.gb-element-53f79b1f {
  position: relative;
}

.gb-element-53f79b1f::before {
  content: '';
  position: absolute;
  top: 70px;
  left: calc(2% + 8px);
  right: calc(1% + 8px);
  height: 1px;
	background: linear-gradient(
    90deg,
    transparent 0%,
    #b8922a 8%,
    #b8922a 92%,
    transparent 100%
	);  
		opacity: 0.4;
  z-index: 0;
}
/* Elimina la línea de escritorio en mobile */
@media (max-width: 768px) {
  .gb-element-53f79b1f::before {
    display: none;
  }
}

/* Línea horizontal en cada círculo en mobile */
@media (max-width: 768px) {
  .gb-element-76e22447,
  .gb-element-d20e63de,
  .gb-element-71e430f9,
  .gb-element-20f319c6 {
    position: relative;
  }

  .gb-element-76e22447::before,
  .gb-element-d20e63de::before,
  .gb-element-71e430f9::before,
  .gb-element-20f319c6::before {
    content: '';
    position: absolute;
    top: 28px;
    left: 5%;
    right: 5%;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent 0%,
      #b8922a 15%,
      #b8922a 85%,
      transparent 100%
    );
    opacity: 0.5;
    z-index: 0;
  }
}





/*ACORDEON*/
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title{
	text-decoration:none;
}
.wp-block-accordion-heading__toggle{
	border: 1px solid #B6965B;
	padding: 10px 20px;
	border-radius:20px 0 20px 0;
}
.wp-block-accordion-heading__toggle, .wp-block-accordion-heading__toggle:hover, .wp-block-accordion-heading__toggle:focus{
	background-color: #886932;
}
.wp-block-accordion-item .wp-block-accordion-panel p{
	padding: 0 40px 15px 40px;
}
.wp-block-accordion-heading__toggle-title strong, .wp-block-accordion-panel p{
	font-family: 'Outfit';
	font-weight: 300;
}




/*LISTAS*/
/*Lista Obras*/
ul{
	margin:0;
	font-family: 'Outfit';
  font-weight: 300;
}
.lista-obras li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #efe9de;
}

.lista-obras li:first-child {
  border-top: 1px solid #efe9de;
}

.lista-obras li em {
  font-size: 13px;
  color: #c5b9aa;
  margin-left: 16px;
  text-align: right;
  flex-shrink: 0;
}







/*PIE DE PAGINA*/
.copyright-bar{
	color:#f0f0f0;
}
.footer-widgets .widget{
	margin-bottom:0;
}

.site-footer .gb-text a{
	color:#f0f0f0;
}


/*== AJUSTES MOBILE ==*/
/* Home tarifas tickets */
@media (max-width: 767px) {
    .gb-element-58bc6b72, .gb-element-e55d7b76, .gb-element-416d6850, .gb-element-e1fc4268 {
        background-image:none;
    }
}









/*==== TRANSICIONES ====*/
/*--HOME baldosas lo que hacemos--*/
/* Fondo oscuro al hover */
.tipo-evento {
  position: relative;
  overflow: hidden;
  transition: background 0.25s ease;
}

.tipo-evento:hover {
  background: #e5ddcc;
}

/* Línea izquierda que sube */
.tipo-evento::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: #b8922a;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.5s ease;
}

.tipo-evento:hover::before {
  transform: scaleY(1);
}

/* Línea inferior que va de izquierda a derecha */
.tipo-evento::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #b8922a;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.tipo-evento:hover::after {
  transform: scaleX(1);
}

/*==== TRANSICIONES ====*/
/*--HOME baldosas Formaciones--*/

/* Estado inicial — borde suave visible */
.formaciones {
  transition: transform 0.25s ease, 
              box-shadow 0.25s ease, 
              border-color 0.25s ease;
  border: 1px solid #ba9c50;
}

/* Hover — sube, borde dorado, sombra */
.formaciones:hover {
  transform: translateY(-8px);
  border-color: #b8922a;
  box-shadow: 
    0 4px 8px rgba(184, 146, 42, 0.25),
  0 12px 24px rgba(184, 146, 42, 0.20),
  0 20px 40px rgba(184, 146, 42, 0.12);
}




/*=== CONTACTO ===*/
/*FORMULARIO*/
.fluentform,
.ff-el-group,
.ff-t-container {
  max-width: 100% !important;
  overflow-x: hidden !important;
}


/* Labels */
.ff-default .ff-el-input--label label {
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    color: #8a7f6a;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

/* Labels de checkbox */
.ff-el-form-check-label span {
    color: #8a7f6a;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 11px;
    top: -2px;
    position: relative;
}












/*Desplegable*/
/* El select cerrado */
select.ff-el-form-control {
  color: #f0ead8 !important;
  background-color: #363723 !important;
  border: 1px solid rgba(201, 168, 76, 0.3) !important;
  cursor: pointer;
}

/* La flecha del desplegable */
select.ff-el-form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c9a84c' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  padding-right: 40px !important;
}

/* Las opciones del listado abierto */
select.ff-el-form-control option {
  background-color: #2c2f1e;
  color: #f0ead8;
}

/* La opción placeholder (primera) */
select.ff-el-form-control option:first-child {
  color: rgba(201, 168, 76, 0.75);
}

/*Boton*/
/* Estado normal */
form.fluent_form_3 .ff-btn-submit {
  background-color: var(--dorado-boton) !important;
  color: #1f1f1f !important;
  border: none !important;
  border-radius: 4px !important;
  font-family: var(--gp-font--outfit) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 14px 32px !important;
  transition: all 0.5s ease 0s !important;
}

/* Hover */
form.fluent_form_3 .ff-btn-submit:hover {
  background-color: #7e6233 !important;
  color: #ffffff !important;
}

/* enlaces */
.gb-text-a2143d59 a{
	color: #b39054;
}


#ff_3_numeric_field::-webkit-outer-spin-button,
#ff_3_numeric_field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#ff_3_numeric_field {
  -moz-appearance: textfield;
}