/*
Theme Name: Agora Sanitaria
Theme URI: https://www.agorasanitaria.com/
Template: hello-elementor
Author: 3iPunt
Author URI: https://tresipunt.com/
Description: Agora Sanitaria
Tags: agora-sanitaria
Version: 1.0.1
Updated: 2025-02-18 10:35:32
Text Domain: agora-sanitaria
*/

/* Typography */

@font-face {
    font-family: "Mont";
    src: url('assets/fonts/Mont-Bold.woff') format("woff");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins-Regular.woff2') format('woff2'),
        url('assets/fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins-Medium.woff2') format('woff2'),
        url('assets/fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins-Bold.woff2') format('woff2'),
        url('assets/fonts/Poppins-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Global Elementor */

:root {
    --e-global-color-primary: #424242;
    --e-global-color-secondary: #0F0F0F;
    --e-global-color-text: #54565A;
    --e-global-color-accent: #008CAD;
    --e-global-color-3d649c3: #04A2B6;
    --e-global-color-16f1d00: #525252;
    --e-global-color-1f6a286: #036672;
    --e-global-color-11f7da3: #F5F5F5;
    --e-global-color-d3141db: #D6D6D6;
    --e-global-color-ba66d8f: #82E5F1;
    --e-global-color-ee5d814: #424242;
    --e-global-color-6095ef2: #FFFFFF;
    --e-global-color-48e9128: #FFFFFF00;
    --e-global-color-d1dab60: #FAFAFA;
    --e-global-color-c5f7c13: #013D44;
    --e-global-color-2ed41d2: #D6D6D6;
    --e-global-color-e028db5: #A3A3A3;
    --e-global-color-51700f3: #E5E5E5;
    --e-global-color-a471440: #CDF5F9;
    --e-global-color-f1cf785: #F8CD1F;
    --e-global-color-3ecaa24: #007899;
    --e-global-typography-primary-font-family: "Poppins";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Mont";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Poppins";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Poppins";
    --e-global-typography-accent-font-weight: 500;
    --container-max-width: 1216px;
}

@media(max-width: 1184px) {
    :root {
        --container-max-width: 100%;
    }
}

body{
    color: var(--e-global-color-ee5d814);
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
}

button,
input[type="button"],
input[type="submit"] {
    background-color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-primary-font-family);
    color: var(--e-global-color-6095ef2);
    border-radius: 8px 8px 8px 8px;
    padding: 20px 22px 20px 22px;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus{
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-6095ef2);
}

a {
    color: var(--e-global-color-accent);
}

a:hover {
    color: var(--e-global-color-1f6a286);
}


.page-header {
    margin-top: 48px;
}

h1,
.page-header h1.entry-title {
    color: var(--e-global-color-primary);
    font-family: "Mont", Sans-serif;
    font-size: 48px;
    line-height: 60px;
    font-weight: 600;  
}

.page-header h1.entry-title{
    margin-block-start: 0;
    margin-block-end: 24px;
}

h2 {
    color: var(--e-global-color-primary);
}


/**
 * Responsive layouts
 */

.site-header .header-inner,
.site-header:not(.dynamic-header),
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
body:not([class*=elementor-page-]) .site-main,
.page-header .entry-title {
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 100%;
}

@media (max-width: 1248px) {

    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    body:not([class*=elementor-page-]) .site-main {
        padding-inline-start: 16px;
        padding-inline-end: 16px;
    }
    .page-header .entry-title{
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
}

@media (min-width: 576px) {

    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    body:not([class*=elementor-page-]) .site-main,
    .page-header .entry-title {
        max-width: var(--container-max-width);
    }

    .site-header.header-full-width .header-inner,
    .site-footer.footer-full-width .footer-inner {
        max-width: 100%;
    }
}

@media (min-width: 768px) {

    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    body:not([class*=elementor-page-]) .site-main,
    .page-header .entry-title {
        max-width: var(--container-max-width);
    }

    .site-header.header-full-width,
    .site-footer.footer-full-width {
        max-width: 100%;
    }
}

@media (min-width: 992px) {

    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    body:not([class*=elementor-page-]) .site-main,
    .page-header .entry-title {
        max-width: var(--container-max-width);
    }

    .site-header.header-full-width, 
    .site-footer.footer-full-width {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {

    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    body:not([class*=elementor-page-]) .site-main,
    .page-header .entry-title {
        max-width: var(--container-max-width);
    }

    .site-header.header-full-width,
    .site-footer.footer-full-width {
        max-width: 100%;
    }
}



/* Menu Registro */

.registro_boton a {
    background-color: var(--e-global-color-accent);
    color: #fff !important;
    border-radius: 8px;
    padding: 12px 18px !important;
    margin-top: auto;
    margin-bottom: auto;
    transition: all .3s ease !important;
}
.registro_boton a:hover,
.registro_boton a:focus {
    background-color: var(--e-global-color-3ecaa24);
    color: #fff !important;
    text-transform: none;
}

/* Post Layout */

.elementor-post-info__item--type-author {
    font-weight: 600;
}
.elementor-post-info__item--type-author li {
    margin-bottom: 20px;
}
.terms_post_layout ul.elementor-inline-items.elementor-icon-list-items.elementor-post-info {
    justify-content: space-between;
}


/* Animación FadeInUp */
@keyframes fadeInUp {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* Animación FadeOutUp */
@keyframes fadeOutUp {
from {
    opacity: 1;
    transform: translateY(0);
}
to {
    opacity: 0;
    transform: translateY(20px);
}
}

/* Animación FadeInDown */
@keyframes fadeInDown {
from {
    opacity: 0;
    transform: translateY(-20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* Animación FadeOutDown */
@keyframes fadeOutDown {
from {
    opacity: 1;
    transform: translateY(0);
}
to {
    opacity: 0;
    transform: translateY(-20px);
}
}

/* Configuración inicial */
.product-card-tag,
.product-card-cart {
opacity: 0;
transition: opacity 0.3s ease-out;
}

/* Efecto al hacer hover */
.product-card:hover .product-card-cart {
animation: fadeInDown 0.6s ease-out forwards;
}

/* Efecto al salir del hover */
.product-card:not(:hover) .product-card-cart {
animation: fadeOutDown 0.6s ease-out forwards;
}

/* Cart Menu */
a#elementor-menu-cart__toggle_button {
    background-color: #fff;
		padding: 12px;
}
a#elementor-menu-cart__toggle_button:hover {
    background-color: #008CAD;
}

.metodologia_icon .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon svg {
    padding: 8px;
    border: 1px solid #EAECF0;
    border-radius: 8px;
}
[id] {
  scroll-margin-top: 100px; /* Ajusta este valor según la altura de tu menú */
} 
.woocommerce-product-rating {
    align-items: flex-start;
    flex-direction: column;
}
.woocommerce-cart .woocommerce {
	display: flex;
	flex-direction: row;
	justify-content: space-between; /* Alinea los elementos a la izquierda */
	align-items: flex-start;
	flex-wrap: nowrap; /* Evita que las columnas se apilen si hay espacio suficiente */
	margin-left: -10px; /* Reduce los márgenes laterales */
	margin-right: -10px;
	gap: 20px; /* Espacio entre columnas */
    flex-wrap: wrap;
}
/*Woocommerce Notice */

.woocommerce-notices-wrapper {
    width: 100%;
}
.woocommerce-message {
    border-top-color: #008CAD;
    background-color: #008cad2e;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.woocommerce-message::before {
    content: "\e015";
    color: #008CAD;
}

/* Primera columna (productos en el carrito) más ancha */
.woocommerce-cart form {
	padding-left: 10px;
  	padding-right: 10px;
  	flex-basis: 65%; /* Se reduce un poco para acercar los totales */
  	width: 65%;
}

/* Segunda columna (totales del carrito) más estrecha */
.woocommerce-cart .cart-collaterals {
	padding-left: 10px;
  	padding-right: 10px;
  	flex-basis: 33%; /* Se ajusta para que quede más cerca */
  	width: 33%;
}

/* Mensaje de WooCommerce a pantalla completa */
.woocommerce-cart .woocommerce-message {
	flex-basis: 100%;
  	width: 100%;
  	margin-left: 10px;
  	margin-right: 10px;
}

/* Acciones del carrito */
.woocommerce-cart .cart-actions {
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px; /* Reduce el espacio entre botones */
}

.cross-sells {
	display: none;
}

/* Responsivo: cambia a una sola columna en pantallas pequeñas */
@media (max-width: 991px) {
  	.woocommerce-cart .cart-collaterals,
	.woocommerce-cart form {
		flex-basis: 100%;
		width: 100%;
	}
}

/* Ajuste adicional para pantallas muy pequeñas */
@media (max-width: 768px) {
	.woocommerce-cart .cart-actions .col-md-6:last-child {
		padding-left: 10px;
	}
}

/* Corrección de posición en los avisos de WooCommerce */

/* .woocommerce-notices-wrapper {
	position: absolute;
	bottom: 1%;
	width: 100%;
	text-align: center;
}
*/
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 100%;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 180px;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 180px;
    padding: 9px;
    border-radius: 8px;
	margin-right: 16px
}
a.checkout-button.button.alt.wc-forward {
    font-size: 18px;
    padding: 16px 24px;
    background-color: #008CAD;
    border: 0px;
    color: #fff;
}
a.elementor-button.elementor-button--checkout.elementor-size-md:hover {
	color: #fff;
}
.elementor-menu-cart__close-button {
    margin: 16px;
}
.widget_shopping_cart_content {
	padding: 16px;
}


/* Modificar Finalizar Compra */
div#customer_details {
    display: flex;
    flex-direction: column;
}
form.checkout.woocommerce-checkout {
    display: flex;
		gap: 32px;
}
h3#order_review_heading {
    display: none;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 100%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    width: 100%;
}
.woocommerce-checkout #payment {
    background: unset;
    border-radius: 5px;
    border: 1px solid #ece2e2;
}

/* Checkout and Cart */
div#order_review {
    width: 50%;
}
.elementor-kit-6 h2 {
    color: var(--e-global-color-primary);
    font-family: "Mont", Sans-serif;
    font-size: 24px;
}
.woocommerce-privacy-policy-text p {
    font-size: 14px;
    color: #141414;
}
.payment_method_redsys label {
    font-weight: 700;
}
.woocommerce-checkout #payment div.payment_box {
    width: 100%;
    background-color: #f5f5f5;
    color: #141414;
    border-radius: 12px;
}
.woocommerce-checkout #payment div.payment_box::before {
    border: none;
}
.woocommerce-info {
    border-top-color: #04A2B6;
}
.wp-block-button .wp-element-button {
    background-color: var(--e-global-color-accent, #008CAD);
    color: var(--e-global-color-secondary, #fff);
    font-size: 16px;
    font-weight: 600;
    border-radius: var(--as-radius-md);
    padding: 12px 18px;
    line-height: 20px;
    margin: auto 0;
}
.wp-block-button .wp-element-button:hover {
    color: #fff;
    background-color: var(--e-global-color-3ecaa24, #007899);
}
.elementor-shortcode a img {
    width: 100px;
}
.jet-mobile-menu__after-template {
    position: absolute;
    bottom: 0;
}
.jet-mobile-menu__header-template {
    margin: -16px;
}
.elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-wrapper,
.elementor-widget-icon-box.elementor-mobile-position-right .elementor-icon-box-wrapper {
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .woocommerce-cart .woocommerce {
        flex-direction: column;
        padding: 0 16px;
        position: relative;
        z-index: 99;
    }
    .woocommerce-page table.cart .actions .coupon {
        flex-direction: column;
        align-items: stretch;
        gap: 2em;
    }
    .woocommerce-page table.cart .actions .coupon input,
    .woocommerce-page table.cart .actions .coupon button {
        width: 100%;
    }
    form.checkout.woocommerce-checkout {
        flex-direction: column;
    }
    div#order_review {
        width: 100%;
    }
    .woocommerce-checkout #payment {
        background: #fff;
        border-radius: 5px;
        border: 1px solid #ece2e2;
        width: 100%;
        z-index: 999;
        position: relative;
    }
    .elementor-menu-cart__main {
        margin-top: 24px;
    }
}

/* Search */
.aws-container .aws-show-clear .aws-search-field {
    padding: 0px 24px;
    border-radius: 12px !important;
	z-index: 1;
}
div#ui-datepicker-div {
    z-index: 99999999 !important;
}

#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-reject-btn-alt,
#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-settings-btn,
#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn-alt,
#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn {
    background-color: var(--e-global-color-accent);
    box-shadow: none;
    opacity: 1;
    color: #fff;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton {
    border-radius: 8px !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.focus-g,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:focus,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.focus-g,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:focus,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:hover,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover,
.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green:hover {
    background-color: var(--e-global-color-3d649c3) !important;
    color: #fff!important;
}
.elementor-4548 .elementor-element.elementor-element-fdd28a6 .elementor-button--view-cart {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: unset;
    background-color: #424242;
}

/* Mobile Menu */ 

ul#menu-2-7477533c, ul#menu-2-1066eb3d, #menu-2-69959c9d {
    height: calc(90vh - 132px);
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 32px;
}

body.admin-bar ul#menu-2-7477533c,
body.admin-bar ul#menu-2-1066eb3d,
body.admin-bar ul#menu-2-69959c9d {
    height: calc(90vh - 164px);
}li.menu-item.wpml-ls-slot-381.wpml-ls-item.wpml-ls-item-es.wpml-ls-current-language.wpml-ls-menu-item.wpml-ls-last-item.menu-item-type-wpml_ls_menu_item.menu-item-object-wpml_ls_menu_item.menu-item-has-children.menu-item-wpml-ls-381-es {
    position: absolute;
    bottom: 64px;
}
li.menu-item.wpml-ls-slot-381.wpml-ls-item.wpml-ls-item-es.wpml-ls-current-language.wpml-ls-menu-item.wpml-ls-last-item.menu-item-type-wpml_ls_menu_item.menu-item-object-wpml_ls_menu_item.menu-item-has-children.menu-item-wpml-ls-381-es::before {
    content: "\f0ac";  /* Globe icon from Font Awesome */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
    display: inline-block;
    position: absolute;
    bottom: 64px;
}
li.menu-item.wpml-ls-slot-77.wpml-ls-item.wpml-ls-item-es.wpml-ls-current-language.wpml-ls-menu-item.wpml-ls-last-item.menu-item-type-wpml_ls_menu_item.menu-item-object-wpml_ls_menu_item.menu-item-has-children.menu-item-wpml-ls-77-es {
    order: 1;
    width: 50%;
    position: absolute;
    bottom: 64px;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-201909 {
    order: 2;
    position: absolute;
    width: 128px;
    right: 0;
    bottom: 54px;
}
a.as-cof-link {
    width: 50%;
}
li.menu-item.menu-item-access-courses.as-container {
    padding: 0 16px;
}
@media (max-width: 767px) {
    .elementor-4548 .elementor-element.elementor-element-746258b .elementor-nav-menu--dropdown a {
        padding-top: 16px;
        padding-bottom: 16px;
        width: 100%;
    }
}.elementor-4548 .elementor-element.elementor-element-746258b .elementor-nav-menu--dropdown a {
    padding-top: 16px;
    padding-bottom: 16px;
    width: 100%;
    
}
a.as-button.smatx-access-courses {
    color: #fff !important;
}