/*
Theme Name: Farah Child
Description: Child theme for the Farah. Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Read More</a>
Author: PeThemes
Author URI: http://pethemes.com
Template: farah
*/


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

/* ----- BARRA ADMINISTRACIÓN ENCIMA DE TODO ----- */
#wpadminbar {
  z-index: 999999999;
}

select, option {
  background-color: #fff !important;
  color: #000 !important;
}

blockquote {
  margin: 0 0 30px 0 !important;
}

img.main__logo {
  width: 350px;
  height: 100px;
  aspect-ratio: 350 / 100;
  display: block;
}

@media (max-width: 480px) {
  .site-logo img.main__logo {
    width: 100% !important;
    max-width: 280px !important;
  }
}


@media (max-width: 768px) {
  .site-logo img.main__logo {
    width: 100% !important;
    max-width: 300px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }
	.sticky-logo {
  left: 35%;
}
}

@media (min-width: 1024px) {
  .fonsi-hero-title h1 {  
	margin: 0;  
	padding: 0;  
	line-height: 1;  
	font-size: 7.5rem;  
	font-weight: 600;  
	text-align: left;
	text-transform: uppercase;
}
}

@media (max-width: 1024px) {
  .elementor-16 .elementor-element.elementor-element-255cd04 > .elementor-widget-container {
    margin-top: -100px;
  }
}

.fonsi-hero-title h1 span {  
	display: block;
}

/* Ajuste para pantallas pequeñas */
@media (max-width: 768px) {  
	.fonsi-hero-title h1 {    
		font-size: 2.5rem; 
		text-transform: uppercase;
	}
}
@media (max-width: 480px) {  
	.fonsi-hero-title h1 {    
		font-size: 2rem;  
		text-transform: uppercase;
	}
}




/* ----- IMAGEN HERO ----- */
.elementor-16 .elementor-element.elementor-element-a690513 {
  --overlay-opacity: 0 !important;
}




/* ----- MENÚ ----- */



/* ==== Ajustes del sub-menú en móvil ==== */
@media (max-width: 1024px) {
  /* Aplica a todos los dropdowns de menú */
  .elementor-nav-menu--dropdown {
    /* Anulamos la posición basada en left/margin-left */
    left: auto !important;
    right: 0 !important;
    margin-left: 0 !important;
	   width: auto     !important;
    min-width: 100% !important;
    box-sizing: border-box;
  }
}


.elementor-element-97d1603 .wpcf7-text,
.elementor-element-97d1603 .wpcf7-textarea {
  color: #0e0e0e !important;
  text-transform: uppercase;
}

span.cart-count {
  color: #fff !important;
}

.farah-cart-button:hover {
  color: #fff;
}

.woocommerce img, .woocommerce-page img {
  max-width: 150px;
}

.wc-block-components-product-metadata {
  visibility: hidden !important;
}

.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
  background: #fff;
  border: solid 1px #fff;
  transition: ease .5s;
}

.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
  background: transparent;
  border: solid 1px #fff;
}

.wc-block-components-button__text {
  color: #343434;
}

.wc-block-components-button__text:hover {
  color: #ffffff;
}


/* ----- IMAGEN PRODUCTO ----- */
.pe-single-product .product-acts a {
  color: #343434 !important;
}

.pe-single-product img {
  margin: 0 auto;
}

.woocommerce img, .woocommerce-page img {
  max-width: 150px !important;
}

/* ----- ETIQUETA AÑADIR AL CARRITO ----- */ 
.pe-single-product .product-acts a {
  color: #343434;
  background: #fff !important;
}

.woocommerce form .form-row select {
  color: #343434;
}

/* ----- CALENDARIO ----- 
.ui-datepicker {
  box-shadow: none !important;
}

.ea-bootstrap .ui-widget-header {
  color: #0e0e0e;
}

.ui-datepicker-title {
  color: #0e0e0e;
}

.ui-datepicker .ui-datepicker-calendar th {
  color: #5e5e5e;
}

.ui-datepicker .ui-state-disabled {
  color: #919191 !important;
}

.ui-datepicker .ui-datepicker-current-day {
  background-color: #0e0e0e !important;
}

.ui-datepicker .ui-datepicker-calendar td:hover {
  background-color: #222 !important;
}

.ea-bootstrap a:link {
  color: #0e0e0e; !important;
}

.ui-datepicker a:hover, .ui-datepicker td:hover a {
  color: #ffffff !important;
}

.ui-datepicker .ui-datepicker-current-day a:link {
  color: #ffffff; !important;
  font-weight: 700 !important;
}

.ui-datepicker .ui-datepicker-current-day a:hover {
  color: #ffffff; !important;
  text-weight: 700;
}

.ea-bootstrap .ui-datepicker .no-slots a {
  color: #707070;
}

.ea-bootstrap .time-value:hover {
  color: #0e0e0e !important;
  font-weight: 700 !important;
}

.step.final.disabled {
  padding: 5px 15px;
  margin-top: 30px;*/


/* ----- BLOG ----- */
.single-post .text-h1, .single-post h1 {
  text-transform: uppercase;
}

/* Tablet */
@media (max-width: 992px) {
  .single-post .text-h1, .single-post h1 {
    font-size: 30px;
    line-height: 1.2;
    word-break: break-word;
	  font-weight: 600;
	}
}

/* Mobile */
@media (max-width: 768px) {  
	.single-post .text-h1, .single-post h1 {    
	font-size: 24px; 
		font-weight: 600;
	}
}

@media only screen and (max-width: 576px) {
	.blog .pe-section {
  margin-top: 120px;
}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.blog .pe-section {
  margin-top: 180px;
}
}

div.wp-block-heading {
    line-height: 36px;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
}

.single-post table {
	margin-top: 100px;
    background-color: #222; /* Fondo oscuro */
    color: #fff; /* Texto blanco */
    border: 1px solid #444; /* Borde sutil */
    border-radius: 8px; /* Bordes más suaves */
    overflow: hidden; /* Evita desbordamientos */
    border-spacing: 0; /* Elimina espacios entre celdas */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Sombra sutil */
}

.single-post table th {
    background-color: #fff; /* Fondo blanco */
    color: #222; /* Texto oscuro */
    padding: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 3px solid #0073aa; /* Línea inferior más visible */
    border-right: 1px solid #ddd; /* Línea divisoria entre encabezados */
    letter-spacing: 0.5px; /* Espaciado en letras para mejor lectura */
}

/* Elimina la línea derecha en la última celda del encabezado */
.single-post table th:last-child {
    border-right: none;
}

.single-post table td {
    padding: 14px;
    border-bottom: 1px solid #444; /* Línea divisoria entre filas */
    border-right: 1px solid #444; /* Línea divisoria entre columnas */
    transition: background 0.3s ease-in-out;
}

/* Elimina la línea derecha en la última celda de cada fila */
.single-post table td:last-child {
    border-right: none;
}

/* Alternancia de color en filas */
.single-post table tr:nth-child(even) {
    background-color: #292929; /* Gris oscuro alternativo */
}

/* Efecto hover dinámico */
.single-post table tr:hover {
    background-color: #333; /* Resalta la fila al pasar el mouse */
    transform: scale(1.02); /* Efecto ligero de aumento */
    transition: all 0.2s ease-in-out;
}

/* Efecto sutil en celdas al pasar el mouse */
.single-post table td:hover {
    background-color: #383838;
}

.wp-block-latest-posts.wp-block-latest-posts__list {
  list-style: disc !important;
}   

#wp-block-search__input-1 {
  color: #fff;
}

.wp-block-search__button {
  margin-top: 15px;
}

.single-post p a,
.single-post table a,
.single-post ul a {
  text-decoration: none;
}

#page h2 {
  font-weight: 700;
  margin-bottom: 15px;
}

#page h3,
#page h4,
#page h5,
#page h6 {
  font-weight: 600;
  margin-bottom: 15px;
}

.single-post h2 {
  text-transform: uppercase;
  margin-top: 100px;
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
}

.single-post h3 {
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 1.3;
  font-weight: 700;
}

.single-post img {
  margin: 50px auto;
  display: block;
}

.wp-block-code code,
.single-post pre {
  color: #343434 !important;
}

.chart-container {
    width: 100%;
    max-width: 600px;
    margin: 0 !important;
    text-align: left;
  }
  .bar-chart {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 8px;
	margin-top: 30px;
  }
  .bar {
    height: 30px;
    margin: 5px 0;
    background: #4CAF50;
    text-align: right;
    color: white;
    padding-right: 10px;
    line-height: 30px;
    font-weight: bold;
    border-radius: 5px;
  }
  .bar:nth-child(2) { width: 85%; }
  .bar:nth-child(3) { width: 75%; background: #2196F3; }
  .bar:nth-child(4) { width: 90%; background: #FF9800; }
  .bar:nth-child(5) { width: 70%; background: #9C27B0; }
  .bar:nth-child(6) { width: 60%; background: #E91E63; }




/* ----- PÁGINA DE COMPROBADOR DE POSICIÓN SEO ----- */
.page-id-15898 .custom-input {
  height: 50px;
}

.page-id-15898 input[type="text"] {
    color: #fff;
  }

.page-id-15898 select {
  color: #0e0e0e;
	}

.page-id-15898 ul {
    list-style-type: none;
}

h1.no-margin.hide-br-mobile {
  min-height: 120px; /* Ajusta a lo que ocupa */
  font-display: swap;
}




/* ----- ICONOS ADDTOANY ----- */
.addtoany_content_top {
  margin: 30px auto 75px auto !important;
}

.addtoany_content_bottom {
  margin: 100px auto 0 auto !important;
}




@media only screen and (max-width: 576px) {
	#primary {
        padding-top: 200px;
    }
}




/* ----- AGENCIA SEO EN (CIUDAD) ----- */
.seo-intro3-title {
  text-align: center;
	margin-bottom: 50px !important;
}




/* ----- CALCULADORA ROI - SEM ----- */
#roi-calculator #inv,
#roi-calculator #ret {
  color: #fff;
}