/* COMPONENTE: GUIA TALLES
==========================================
VISIBLE: SINGLE-PRODUCT.PHP
ACA ESTA EL ESTILO DE TODO EL COMPONENTE.
- <a> EN SINGLE PRODUCT.PHP
- POPUP DE GUIA DE TALLES
*/

.sp-size-guide{

    text-decoration: underline;
    color: var(--rosa-fucsia);
    font-size:16px;
    cursor: pointer;
    font-weight: 400;

}

/*
==========================================
POPUP
==========================================
*/

.size-guide-overlay{

    position: fixed;
    inset: 0;
    display: none;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.35);
    backdrop-filter: blur(5px);
    z-index: 9999;

}

.size-guide-overlay.active{

    display:flex;

}

.size-guide-modal{

    position: relative;
    width:min(90%,700px);
    background:#fff;
    border:1px solid #000;
    padding:40px;
    border-radius:8px;

}

.size-guide-close{

    position:absolute;
    top:15px;
    right:15px;
    border:none;
    background:none;
    cursor:pointer;
    padding:0;

}

.size-guide-close svg{

    display:block;
    rotate: 45deg;

}