/* 
    Theme Name: Hidroeléctricas del Cauca 1.0
    Theme URI: 
    Author: Hernán Darío Burbano Sambony
    Description: Tema para ferretería Hidroeléctricas del Cauca SA
    Requires at least: 6.1
    Tested up to: 6.3
    Requires PHP: 5.6
    version: 1.0
    License: GNU General Public License v2 or later
    License URI: https://www.gnu.org/licenses/gpl-3.0.html
    Tags: tema, ferretería, servicios
    Text Domain: hidroelectricas
*/

/* Menu principal */
.principal-menu__tel a span {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid var(--wp--preset--color--secondary);
    padding: 0.5rem;
    border-radius: 12px;
}

/** Hero **/

/* Elimina bordes de slide e imagen en tablet e inferiores */
@media (max-width: 781px) {  
    .hero__group-slide,
    .hero__group-slide__columns__column-img__img img{
        
    }
}
@media (max-width: 781px) {  
    .hero__group-slide__columns {
        padding-top: var(--wp--preset--spacing--40)!important;
    }
}
@media (max-width: 781px) {  
    .hero__group-slide__columns__column-info {
        padding-right: var(--wp--preset--spacing--40)!important;
        text-align: center;
    }
}
@media (max-width: 781px) {  
.hero  .hero__group-slide__columns__column-info__buttons {
        justify-content: center;
    }
}
@media (max-width: 781px) {  
    .hero  .hero__group-slide__columns__column-info__list {
            list-style: none;
        }
}
@media (max-width: 781px) {  
    .hero  .hero__group-slide__columns__column-info__list li{
            margin-bottom: var(--wp--preset--spacing--20);
        }
}
/* Flechas de slider */
@media (max-width: 1235px) {  
    .wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg .arrow {
        fill: var(--wp--preset--color--base);
    }
}
@media (max-width: 1235px) {  
    .wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg:hover .arrow {
        fill: var(--wp--preset--color--base);
    }
}


/** Blog Home main **/

/* Seccion servicios */

@media (max-width: 781px) {
.main__our-services .subsec-atencion-en-linea .item-aten-linea-descripcion {
    margin-bottom: var(--wp--preset--spacing--30);
}
}

@media (max-width: 781px) {
    .main__our-services .subsec-macro-ventas {
        flex-direction: column-reverse;
    }
}

.main__our-services__columns-in-person-sales__column-img p,
.main_our-ubication_facade p{
    border-radius: 2rem;
}

/* Mapa */   
@media (max-width: 781px) {
    .gmap_canvas{
        max-width: 100%;
    }
}

/* Seccion ubicacion */

/* Formulario */
@media (max-width: 781px) {  
     .seccion-ubicacion .wpcf7-form {
        text-align: center;
     } 
}
@media (min-width: 782px) {  
 
    .seccion-ubicacion .wpcf7-form .nombre-completo {
        display: flex;
        gap: var(--wp--preset--spacing--20);
    }

    .seccion-ubicacion .wpcf7-form .nombre-completo .wpcf7-form-control {
        width: 80%;
    }
 
}
.seccion-ubicacion .wpcf7-form p {
    margin: 0 auto var(--wp--preset--spacing--20) auto;
}
.seccion-ubicacion .wpcf7-form label{
    color: var(--wp--preset--color--base);
    font-size: var(--wp--preset--font-size--small);
}
.wpcf7-form .wpcf7-form-control {
    width: 90%;
    padding: .5rem;
}
/* Aviso campos obligatorios */
.wpcf7-not-valid-tip {
    margin-top: .5rem;
}
.wpcf7-form-control.wpcf7-textarea {
    resize: none;
    height: 3rem;
}
.wpcf7-form-control.wpcf7-textarea::placeholder {
    font-family: "\"Neo Sans Pro\", sans-serif";
    font-size: var(--wp--preset--font-size--small);
}
.wpcf7-form .wpcf7-submit {
    background-color: var(--wp--preset--color--secondary);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 700;
    color: var(--wp--preset--color--base);
    padding: var(--wp--preset--spacing--20);
    border-radius: 1rem;
    
}
@media (max-width: 781px) {  
    .wpcf7-form .wpcf7-submit {
        margin: 0 auto;
        width: 40vw;
    }
}
.wpcf7-form .wpcf7-submit:hover {
    cursor: pointer;
}
.wpcf7-form .wpcf7-spinner {
    background-color: #94a7ba;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 10px 24px;
    position: relative;
}
.wpcf7 .wpcf7-form .wpcf7-response-output {
    border-radius: 2rem;
    font-size: var(--wp--preset--font-size--small);
    padding: 1rem;
    margin: 0 auto;
    color: var(--wp--preset--color--base);
}

/* barra fija */
@media (min-width: 600px) {
    .contenedor-fijo {
        position: fixed;
        width: 100%;
        top: 0;
        padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30) var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);  
        z-index: 1000;
        background-color: var(--wp--preset--color--base);
        box-shadow: .1rem .2rem .3rem var(--wp--preset--color--tertiary);
    }

    .contenedor-fijo .barra-header {
        padding-bottom: 0!important;
    } 
}
@media (min-width: 600px) {
body.body-scroll{
    padding-top: 7rem;
}
}