/*
Theme Name:   Laura Romero Psi | Astra
Theme URI:    http://example.com/astra-child/
Description:  Astra Child Theme
Author:       aidi Sites
Author URI:   http://aidi.team
Template:     astra
Version:      0.01
*/


:root {
    --color-main: #C822AC;
    --color-secondary: #BF97E8;
    --color-text-header: #3a3a3a;
    --color-text: #5a5a5a;
    --color-text-light: #7a7a7a;
    --color-background: #F8F0FF;


    --color-green: #5BE81E;
    /*--color-blue: #416fff;*/
    /*--color-red: #f91c4c;*/
    /*--color-green: #56d670;*/
    /*--color-yellow: #ffdd33;*/
    /*--color-dark-blue: #234087;*/
    /*--color-subtitle: #40596e;*/
    /*!*--color-text: #364151;*!*/
    /*--color-gray: #83888a;*/
    /*--color-dark-gray: #6d6d6d;*/
    /*--color-bg-blue: #f2f5ff;*/
    /*--color-bg-gray: #efefef;*/
    /*--color-border: #ced4da;*/
    /*--font-size-title: 42px;*/
    /*--font-size-title-mobile: 32px;*/
    /*--border-radius-input: 10px;*/
    /*--border-radius-btn: 18px;*/
    /*--focus-border-color: rgba(13,110,253,.5);*/
    /*--focus-box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);*/
    /*--list-box-shadow: 0 2px 16px #0003;*/
    /*--min-width: 320px;*/
    /*--max-width: 768px;*/
    /*--opacity: 0.5;*/
}

@media (min-width: 768px){
    #home-services .e-child {
        flex: 1 1 0;                /* que crezcan parejo */
        display: flex;              /* para distribuir su propio contenido */
        /*flex-direction: column;     !* imagen arriba, texto abajo *!*/
        /*min-width: 280px;           !* opcional: ancho mínimo por tarjeta *!*/
    }
}


/**************
*   General   *
**************/



/**************
*   Header   *
**************/

.ast-site-identity{
    padding: 0 !important;
}

/*.ast-custom-button::before {*/
/*    content: "\f095";  !* Código del icono de teléfono *!*/
/*    font-family: "Font Awesome 5 Free";*/
/*    font-weight: 900;*/
/*    display: inline-block;  !* Asegura que el transform funcione *!*/
/*    margin-right: 8px;*/
/*    transform: rotate(90deg);  !* Rota el icono *!*/
/*}*/

.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link{
    color: var(--color-main);
}
.site-header li.menu-item a:hover{
    color: var(--color-main) !important;
}

.site-header .ast-custom-button:hover{
    background: var(--color-main);
    border-color: var(--color-main);
}
/************
*   Home    *
************/


/**************
*   Contact   *
**************/

#contact-info p a {
    color: var(--color-text);
}

#contact-form{
    height: max-content;
}

#contact-form .wpforms-confirmation-container-full{
    background: none;
    border: none;
    font-size: 18px;
    text-align: center;
}

#contact-form button{
    color: #FFFFFF;
    padding: 20px 35px;
    border-radius: 100px;
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: .36px;
    height: auto;
}



/***
* About
 */

#about-why-me li{
    padding-bottom: 0.8em;
}


/**************
*   Footer    *
**************/


/*.site-footer .ast-footer-social-wrap svg{*/
/*    fill: var(--color-main);*/
/*}*/

.site-below-footer-wrap[data-section="section-below-footer-builder"]{
    padding-top: 20px;
    padding-bottom: 20px;
}

#footer-contact svg{
    fill: var(--color-text);
}

/* Estilos del footer de aidi (créditos) */
.footer-aidi{
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-aidi a{
    display: flex;
    align-items: center;
    color: var(--color-text);
}

.footer-aidi a:hover{
    text-decoration: none;
    font-weight: 600;
}

.footer-aidi a div{
    margin-top:4px;
}

/* Ajustes responsive para el footer */
@media(max-width:768px){
    .container-footer-us-block{
        display: block;
        width: 100%;
    }
    .footer-find-us{
        width: 100%;
        margin-bottom: 20px;
    }
    .footer-customer-service{
        width: 100%;
    }

}


/**********************
*   Whatsapp Button   *
**********************/

.float-whatsapp{
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 25px;
    right: 25px;
    background-color: #25d366;
    color: white;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 1px 1px 3px #999;
    z-index: 1000;
}
.float-whatsapp i {
    margin-top: 15px;
}
.float-whatsapp i:hover {
    /*color: white;*/
}
.float-whatsapp:hover {
    color: white;
    background-color: #1b9c85;
}



/****************
*   LatePoint   *
****************/

.latepoint-btn:focus{
    outline: none !important;
}

.latepoint-w .manage-order-wrapper .manage-booking-inner:before, .latepoint-w .manage-booking-wrapper .manage-booking-inner:before{
    /*background-image: none !important;*/
    background: transparent !important;
}

.latepoint-header{
    padding: 12px 25px !important;
    color: var(--color-text) !important;
    background: white;
    border: solid 1px var(--color-text);
    font-size: 15px;
}

.latepoint-header:hover{
    color: white !important;
}


.ast-builder-menu-1 .menu-item > .menu-link{
    font-size: 15px;
}


/**********
*   404   *
**********/

body.error404 .ast-404-search input, body.error404 .ast-404-search svg{
    display: none;
}

body.error404 .page-title, body.error404 .page-sub-title{
    color: var(--color-text);
}

body.error404 .page-title{
    font-size: 3em;
}


/*********************
*   Privacy Policy   *
*********************/

#privacy-policy ul, #privacy-policy ol{
    padding-left: 25px;
    margin-top: -15px;
}

#privacy-policy li::marker {
    font-weight: bold;
    padding-right: 5px;
}

#privacy-policy ol li{
    padding-left: 5px;
}