/*
 Theme Name:        Royal Event Child Theme
 Theme URI:         https://royal-event.themerex.net/
 Description:       Royal Event is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
 Author:            ThemeREX
 Author URI:        https://themerex.net/
 Template:          royal-event
 Version:           1.0
 Tested up to:      6.6
 Requires at least: 5.0
 Requires PHP:      7.0
 License:           GNU General Public License v2 or later
 License URI:       http://www.gnu.org/licenses/gpl-2.0.html
 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:       royal-event
*/


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

.blockquote {
    /* El último valor (0.85) controla la opacidad: 0 es invisible, 1 es sólido */
    background-color: rgba(26, 26, 26, 0.25); 
    
    /* Efecto de desenfoque detrás del bloque (opcional pero muy pro) */
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);

    border-left: 4px solid #c5a059;
    padding: 20px 30px;
    color: #ffffff;
    border-radius: 4px;
    margin: 20px 0;
    line-height: 1.6;
    display: flex;
    align-items: center;
}

.text-dorado {
	color: #c5a059 !important;
}

.bg-dorado {
	background-color: #c5a059 !important;
}

.menu_mobile_nav .trp-language-switcher-container {
	margin-top: 2rem;
}

.menu_mobile_nav .trp-language-switcher-container span.trp-ls-language-name {
	display: none;
}

/* 1. Quitamos el subrayado que se aplica a todos los enlaces al cargar la página */
.menu_hover_zoom_line > ul > li:not(.menu-collapse).current-menu-item > a:after,
.menu_hover_zoom_line > ul > li:not(.menu-collapse).current-menu-parent > a:after,
.menu_hover_zoom_line > ul > li:not(.menu-collapse).current-menu-ancestor > a:after,
.menu_hover_zoom_line > ul > li:not(.menu-collapse).current_page_item > a:after {
    width: 0 !important;
}

/* 2. Lo volvemos a activar SOLAMENTE al pasar el cursor (hover) o cuando el script marca la sección como activa al hacer scroll */
.menu_hover_zoom_line > ul > li:not(.menu-collapse):hover > a:after,
.menu_hover_zoom_line > ul > li:not(.menu-collapse).sfHover > a:after,
.menu_hover_zoom_line > ul > li:not(.menu-collapse).trx-addons-active-item > a:after {
    width: 100% !important;
}

.pointer-events-none {
	pointer-events: none;
}

#team-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
}

#team-modal .modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.7);
}

#team-modal .modal-box {
    position: relative;
    width: 74%;
    max-width: 1400px;
    margin: 5% auto;
    background: #0d1f3c;
    padding: 30px;
    max-height: 75vh;
    overflow-y: auto;
}

#team-modal .modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 38px;
}

#team-modal *  {
    color: white;
}

.sc_team_default .sc_team_item_info .sc_team_item_subtitle { 
	display:none;
}
.team_member_page .team_member_title {
	font-size: 57px;
	line-height: 62px;
}

.team_member_page .team_member_position {
	font-size: 18px;
	line-height: 25px;
	margin-top: 0.5em;
}

.team_member_page .team_member_featured {
	float: right;
	width: 40%;
	padding: 10px 0 0 50px;
}

/* Enlaces del menú solo en la cabecera inicial, antes del scroll */
.elementor-section.elementor-element-1d496ae:not(.sc_layouts_row_fixed_on).sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not([class*=button]),
.elementor-section.elementor-element-1d496ae:not(.sc_layouts_row_fixed_on).sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not([class*=button]):hover {
    color: #ffffff !important;
}

/* Línea de hover del menú solo en la cabecera inicial, antes del scroll */
.elementor-section.elementor-element-1d496ae:not(.sc_layouts_row_fixed_on) .menu_hover_zoom_line .sc_layouts_menu_nav > li:not(.menu-collapse) > a:after {
    background-color: #ffffff !important;
}

/* Cambia el color del fondo de carga/bloqueo al actualizar datos en WooCommerce. */
.blockUI.blockOverlay {
	background: #0d1f3c !important;
	opacity: 0.7 !important;
}

/* Cambio ficha de producto */
.sc_price_item .sc_price_item_label {
    font-size: 18px !important; 
}
span.onsale {
    font-size: 18px !important; 
	line-height: 20px !important;
}
.woocommerce, .woocommerce-page {
    --theme-var-single-product-gallery-width: 50%;
}
.summary.entry-summary,.woocommerce-page div.product div.summary {
    padding: 4rem !important;
    margin-bottom: 0px !important;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images.woocommerce-product-gallery--without-thumbs {
    margin: 0px !important;
}
article.post_item_single.post_type_product {
    background: #071224;
}
form#style-6 {
    max-width: 500px;
    margin: 0 auto;
}
form#style-6 input {
	text-align:center;
}
h2.sc_item_title.sc_title_title.sc_align_center.sc_item_title_style_default {
    margin-bottom: .5em;
}
@media (min-width: 768px) {
.product.type-product  {
    display: flex;
    align-items: center;
}
}
    @media (max-width: 767px) {
         .woocommerce.sidebar_hide div.product div.summary, .woocommerce-page.sidebar_hide div.product div.summary {
            padding-left:4rem !important;
        }
    }

/* Cambios cesta */

.cart_totals h2, tr.cart-subtotal {
    display: none !important;
}
small.includes_tax {
    display: block;
}
.woocommerce .cart_totals .wc-proceed-to-checkout {
    padding: 1em 0 0;
}
.woo-actions-inner {
  /*  display: flex;
    justify-content: space-between;*/
}
span.sc_price_item_price_before {
    color: #9e9e9f;
    text-decoration: line-through;
    vertical-align: middle;
    margin-right: 0.8rem;
}
h3.sc_price_item_title {
    padding-top: 2rem;
}
.shop_table_order_details {
    margin-bottom: 1rem;
}
.woocommerce .woocommerce-cart-form table.shop_table td.actions, .woocommerce .woocommerce-cart-form table.shop_table td.cart-coupon {
    padding-top: 2rem;

}
.woocommerce .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table td {
    padding: 0px 28px;
}

.grecaptcha-badge {
    visibility: hidden;
}
span.sc_countdown_digits span {
    color: #c9a84c !important;
}
@media (max-width: 767px) {
	tr.order-total th {
		 display: none !important;
	}

	
	#team-modal .team_member_page .team_member_title {
       line-height: initial;
        }
}

/* Oculta el botón "Actualizar carrito" de WooCommerce */
button[name="update_cart"], .continue_shopping {
    display: none !important;
}

.sc_item_descr.sc_title_descr small {
    display: inline-block;
    line-height: 1.5em;
	font-size: 100%;
}

.sc_item_descr.sc_title_descr small b{
    background: #c9a84c;
    color: #0b1a33;
    padding: 2px 9px;
    border-radius: 10px;
    margin-top: 0.5rem;
    display: inline-block;
    margin-right: 0.25rem;
}
span.pon-mod {
    margin-top: 12px;
    display: inline-block;
}

span.pon-mod {
    margin-top: 12px;
    display: inline-block;
    font-size: 22px;
}
a.sc_price_item_link.sc_button_bordered.sc_button {
    display: none;
}
.sc_price_item_details a {
    display: inline-block !important;
}

.trp-language-switcher{
	display: none;
}
.woocommerce_status_bar {
    display: none;
}
.woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before {
    filter: invert(1) !important;
}

.sc_team_item_button {
    display: none;
}

.woocommerce-additional-fields h3, .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper {
    display: none;
}
.sc_button {
    margin-right: 0;
}


/* Estilo para todos los widgets dentro de .logos y sus contenedores flex hijos */
.logos .e-con-inner > .elementor-widget,
.logos .e-con.e-child > .elementor-widget {
    max-width: 100%;
    border: solid 1px #0d1f3c1a;
    border-radius: 1rem;
    overflow: hidden;
}



body {
    background-color: #061124; /* fondo general de la web */
}

/* Scroll general para navegadores WebKit/Chromium */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #061124; /* fondo del track actualizado */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #C9A84C; /* color del thumb */
    border-radius: 10px;
    border: 3px solid #061124; /* separación entre thumb y track */
}

::-webkit-scrollbar-thumb:hover {
    background: #d2d3d5; /* color al pasar el cursor */
}

/* Scroll para Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #C9A84C #061124; /* thumb y track */
}



/* Asigna esta clase a la sección */
.parallax {
  background-image: url('https://convencioneuropeadependencia.fundacioneconomiaysalud.org/wp-content/uploads/2026/06/Edificio-CBA.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 600px; /* ajusta altura */
  position: relative;
  overflow: hidden;
}

/* efecto parallax */
.parallax::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  transform: translateY(0);
  will-change: transform;
  z-index: -1;
}

/* Con JS (scroll) o librería simple puedes mover la imagen más lento que el scroll */

/* Inputs de texto, email, teléfono y textarea */
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-tel,
.wpcf7-form-control.wpcf7-textarea {
    color: #0d1f3c !important;
}

/* List items de aceptación o checkboxes */
.wpcf7-list-item,
.wpcf7-list-item-label {
    color: #0d1f3c !important;
}


.woocommerce form .form-row.create-account label.checkbox:before, h3#ship-to-different-address label > span:before, input[type=radio] + label:before, input[type=checkbox] + label:before, input[type=radio] + .wpcf7-list-item-label:before, input[type=checkbox] + .wpcf7-list-item-label:before, .wpcf7-list-item-label.wpcf7-list-item-right:before, .edd_price_options ul > li > label > input[type=radio] + span:before, .edd_price_options ul > li > label > input[type=checkbox] + span:before {
   
    color: #eeb524 !important;
}