/**
 * El CSS para la funcionalidad específica de las páginas
 * públicas debe ser incluido en este archivo
 */
 [gptooltip] {
    position: relative;
}

/* Applies to all tooltips */
[gptooltip]::before,
[gptooltip]::after {
    text-transform: none;
    font-size: .9em;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
}
[gptooltip]::before {
    content: '';    
    border: 5px solid transparent;
    z-index: 1001;
}
[gptooltip]::after {
    content: attr(gptooltip);
    text-align: center;
    min-width: 5em;
    max-width: 21em;
    padding: 1em;
    border-radius: 20px;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
    background: #6e6e6e;
    color: #fff;
    z-index: 1000;
}

/* Make the tooltips respond to hover */
[gptooltip]:hover::before,
[gptooltip]:hover::after {
    display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
[gptooltip]:not([flow])::before,
[gptooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #6e6e6e;
}

[gptooltip]:not([flow])::after,
[gptooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}

[gptooltip]:not([flow])::before,
[gptooltip]:not([flow])::after,
[gptooltip][flow^="up"]::before,
[gptooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        transform: translate(-50%, 0);
    }
}
@keyframes tooltips-horz {
    to {
        transform: translate(0, -50%);
    }
}

/* FX All The Things */ 
[gptooltip]:not([flow]):hover::before,
[gptooltip]:not([flow]):hover::after,
[gptooltip][flow^="up"]:hover::before,
[gptooltip][flow^="up"]:hover::after{
    animation: tooltips-vert 300ms ease-out forwards;
}

.gp-tooltip:hover {
    cursor: help;
}
.gp-tooltip {
    padding: 1px 5px;
    margin: 0;
    background: #dedede;
    border-radius: 99px;
}

.gp_float_box {
    box-shadow: 0px 0px 15px 2px #d3d3d3;
    padding: 1em 1em 1em 1em;
    margin: 0.5em 1em 2em 1em;
}

.gp_has_border {
    border: 1px solid #ddd !important;
    background-color: #f6f7f7;
    padding: 15px 30px 30px;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' -25, 'opsz' 20 !important;
    font-size: 1px;
}

.gp_hide_all {
    display: none !important;
}


/** 
 * css para dispositivos pequeños
 */

@media screen and (max-width: 600px) {
    .gp_hide_mobile {
        display: none !important;
    }
}


/** 
 * css para dispositivos grandes
 */

@media screen and (min-width: 600px) {
    .gp_hide_desktop {
        display: none !important;
    }
}

.woocommerce-password-strength{
    display: none !important;
}