/*
Theme Name: Hisparos 2026
Theme URI: https://www.hisparos.com
Template: hello-elementor
Author: Hisparos
Author URI: https://www.hisparos.com
Description: Tema Hisparos 2026 basado en Hello de Elementor
Version: 1.0.0.1764049318
Updated: 2025-11-25 05:41:58

*/

/*Cabecera*/
.logo{}
.menu{}
.botonesHeader{}

.button-w100 .elementor-button-icon svg {width:40px; height: 40px; transition: transform 0.5s ease;}
.button-w100:hover .elementor-button-icon svg {transform: rotate(45deg);}
.button-w100 .elementor-button-content-wrapper {align-items: center;}
.equipoHome img.swiper-slide-image {filter: grayscale(1); transition: transform 0.5s ease;}
/*.equipoHome img.swiper-slide-image:hover {filter: grayscale(0);}*/
.masIdiomas{}
span.destacado {color:#cc4328;}
span.destacadoSlider {color:#FF5432;}
span.destacadoClaro {color:#f8f7f4;}
span.destacadoAzul {color:#92A7FA;}
span.destacadoSolutions {color:#667797;}
span.destacadoTeam {color:#A8CBB3;}
span.destacadoIdiomas {color:#CEC6AB;}

form#presupuesto .elementor-form-fields-wrapper {
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

form#presupuesto .elementor-message {display:none!important;}

.elementor-6163 .elementor-element.elementor-element-6a1ffbd .elementor-field-group .elementor-select-wrapper select {
    padding: 0;    
    -webkit-appearance: none; 
    -moz-appearance: none;    
    appearance: none;
    border:none;
}

.filepond--root {
    width: 100%;
    max-width: 100%;
    min-height: 230px;          
    border: 2px dashed rgba(200, 190, 170, 0.45);
    border-radius: 20px;
    background-color: #ffffff !important;  
    padding: 0;                
    box-sizing: border-box;
    transition: all 0.25s ease;
    display: flex;
    align-items: center;       
    justify-content: center;    
}

.filepond--root:hover {
    border-color: rgba(150, 140, 120, 0.55);
}

.filepond--label-action {
    text-decoration: none !important;
}

.filepond--drop-label {
    color: #555 !important;
    font-size: 18px !important;
    font-weight: 500;
    text-align: center;
    line-height: 1.4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}

.filepond--drop-label span {
    margin-top: 10px;
    font-size: 13px;
    color: #777;
}

/*.filepond--root .filepond--drop-label:before {
    content: "\2191"; 
    display: block;
    margin-bottom: 12px;
    width: 40px;
    height: 40px;
    background: #f1f1f1;
    border-radius: 50%;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #555;
}*/

.filepond--panel-root {
    background: transparent !important;
}

.filepond--root .filepond--drop-label label {
    cursor: pointer;
}

.filepond--item {
    margin-top: 15px;
}

.filepond--file-action-button {
    filter: grayscale(1) opacity(0.7);
}


.idiomasHome .e-n-accordion-item {border-radius: 99px;background-color:white;padding: 24px;overflow: hidden;}
.idiomasHome .e-n-accordion-item[open] {border-radius: 45px;}
.idiomasHome .e-n-accordion-item-title-icon {
  position: absolute!important;
  right: 24px;
  top: 24px;
  background-color: #334A74;
  border-radius: 50%;
  width: 40px!important;
  height: 40px;
  padding-left: 10px!important;
}

.idiomasHome .e-n-accordion-item > div {border:none;}
.listaIdiomas ul,
.listaProvincias ul {
    display: flex;
    flex-wrap: wrap;
}
.listaIdiomas ul li.elementor-icon-list-item,
.listaProvincias ul li.elementor-icon-list-item {
  width:45%;
  border-radius: 99px;
  padding: 5px 10px;
  margin-right: 20px;
}
.listaProvincias ul li.elementor-icon-list-item {
    width: 30%;
}
.listaIdiomas ul li:hover,
.listaProvincias ul li:hover {
  background-color: #E1DCCB;
}

/*FORM HOME*/
form.mini-presupuesto {padding:25px;}
.custom-form-container {padding: 0;}

.form-fields-wrapper {
    display: flex;
    flex-wrap: nowrap; 
    gap: 10px; 
    align-items: flex-end; 
}

.form-field-group {
    display: flex; 
    flex-direction: column;
    margin-bottom: 0; 
}

.form-field-group label {
    font-family: "Tiempos", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    color: #1D0707;
}

.form-field-group.field-urgently label {
    font-size: 14px;
    color: #333333;
}

.form-field-group.field-urgently .elementor-field-option label {
    color: #5C6870;
}

.elementor-field-subgroup:not(.field-urgently) .elementor-field-option {
    flex-basis: max-content!important;
    padding-right:30px;
}

#calculated-urgent {
    background-color: #D9D9D9;
    padding: 3px 5px;
    border-radius: 4px;
}

input[type="radio"][name="form_fields[UrgentePedido]"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    
    width: 20px; 
    height: 20px;
    
    border: 2px solid #FF5432; 
    border-radius: 50%;
    
    place-content: center;
    cursor: pointer;
    vertical-align: middle; 
    position: relative;
    top: -2px; 
}


input[type="radio"][name="form_fields[UrgentePedido]"]::before {
    content: "";
    width: 10px; 
    height: 10px;
    border-radius: 50%;
    transform: scale(0); 
    transition: 120ms transform ease-in-out;
    background-color: white; 
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
}

input[type="radio"][name="form_fields[UrgentePedido]"]:checked {
    background-color: #FF5432; 
    border-color: #FF5432;
}

input[type="radio"][name="form_fields[UrgentePedido]"]:checked::before {
    transform: scale(1); 
}

.field-pages {width: calc(40% - 7.5px);}
.field-from,
.field-into,
.field-submit {width: calc(25% - 7.5px);}

.field-files label {margin-bottom:20px;}

.custom-select {
    padding: 8px 10px;
    border: 0;
    border-radius: 3px;
    height: 38px; 
    font-family: "Tiempos", Sans-serif;
    font-size: 14px;
    width: 100%;
    color: #333333;
}

.field-submit {padding-top: 20px;}

.custom-button {
    background-color: #FF5432;
    color: #260A0A;
    padding: 8px 20px;
    border: none;
    font-family: "Tiempos", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    border-radius: 24px 24px 24px 24px;
    font-size: 15px;
    cursor: pointer;
    width: 100%;
    height: 38px; 
    line-height: 1.5; 
    transition: background-color 0.3s;
}

.custom-button:hover,
.custom-button:active {
    background-color: #FF5432;
    color:white;
}


/*Popup Pedido*/

.open-popup {cursor: pointer;}

#simple-popup {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999999; overflow-y:auto;}
.cajaFormulario {background:#fff; margin:30px auto; width:1200px; max-width: 95%; height:600px; padding:0 30px 30px 30px; border-radius:24px; box-shadow:0 0 20px rgba(0,0,0,0.1);}

.custom-form-container.popups form .form-fields-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 25px 0;
}

.custom-form-container.popups form .form-fields-wrapper.second-row {
    margin: 0;
}

#simple-popup .filepond--root {
    border-color: rgba(150, 140, 120, 0.55);
}

.custom-form-container.popups form .form-fields-wrapper .field-paginas,
.custom-form-container.popups form .form-fields-wrapper .field-from,
.custom-form-container.popups form .form-fields-wrapper .field-into  {
    border: 1px solid #FF5432;
    padding: 20px 35px;
    border-radius: 24px;
}

.custom-form-container.popups form .form-fields-wrapper .contedorB {width:49%;}

.custom-form-container.popups form .form-fields-wrapper .field-submit {width: 100%;}

    #simple-popup .cajaFormulario .field-urgently .elementor-field-subgroup p {width: 100%;font-family: "Tiempos", Sans-serif; font-size: 12px;color:#333333;margin-top:20px;padding-bottom: 20px; border-bottom: 1px solid #373F43;}
    #simple-popup .cajaFormulario .field-urgently .elementor-field-subgroup p span {padding-left:20px;border-left: 1px solid #333333;}


    #simple-popup #price-calculator div,
    #simple-popup #delivery div {display: flex; flex-direction: row;justify-content: space-between; width: 100%;font-family: "Tiempos", Sans-serif; font-size: 14px;color:#333333;}
    #calculated-price {font-size: 23px;}

@media (max-width: 767px) {
    .listaIdiomas ul li.elementor-icon-list-item {width:100%;}
    
    .cajaFormulario {padding:0; height: auto;}

    .custom-form-container.popups form .form-fields-wrapper {margin: 5px 0;}

    .custom-form-container.popups form .form-fields-wrapper .contedorB {width:100%;}

    #presupuesto .form-fields-wrapper {gap: 15px; flex-direction: column;}

    #calculated-price {font-size: 18px;}

    #presupuesto .field-pages,
    #presupuesto .field-from,
    #presupuesto .field-into,
    #presupuesto .field-submit {width: 100%;}

    #simple-popup .custom-form-container {padding:5px;}

    #simple-popup .cajaFormulario .form-fields-wrapper {gap: 5px; flex-direction: row; flex-wrap: wrap;}

    #simple-popup button#close-modal {margin: 0; padding: 0 10px 0 0; line-height: 1.2;}

    #simple-popup .cajaFormulario .field-paginas,
    #simple-popup .cajaFormulario .field-submit {width: 100%;}

    #simple-popup .cajaFormulario .field-from,
    #simple-popup .cajaFormulario .field-into {width: 47%;}
    #simple-popup .cajaFormulario .field-urgently .elementor-field-subgroup {display: flex; flex-direction: row; flex-wrap: wrap;}
    #simple-popup .cajaFormulario .field-urgently .elementor-field-subgroup span {width: 48%; flex-basis: 48%;}
    #simple-popup .cajaFormulario .field-urgently .elementor-field-subgroup p {width: 100%;font-family: "Tiempos", Sans-serif; font-size: 12px;}

    #simple-popup .form-field-group label {font-family: "Tiempos", Sans-serif; font-size: 14px;}

    #simple-popup #price-calculator div,
    #simple-popup #delivery div {font-size: 14px;}
    
    .field-submit {padding-top: 0;}

    #mini-presupuesto .form-fields-wrapper {flex-wrap: wrap;}
    #mini-presupuesto  .field-pages,
    #mini-presupuesto  .field-from,
    #mini-presupuesto  .field-into,
    #mini-presupuesto  .field-submit {width: calc(100% - 7.5px);}
}

/*Popup Pedido*/

/*Menú idiomas*/

.content-lang {position:relative!important;}
.lang-toggle {cursor:pointer}
.wpml-popup {
    display: none;
    position: absolute!important;
    top: 105%;
    right: -20px;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
    z-index: 9999;
}

.wpml-popup.active {
    display: block;
}


@media (max-width: 767px) {
    .wpml-ls-legacy-list-vertical a {padding:5px 0;}
}

.micheckout .woocommerce-billing-fields__field-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.micheckout .woocommerce-billing-fields__field-wrapper .form-row {width: 48%;}
.micheckout .woocommerce-billing-fields__field-wrapper .form-row.validate-email {width: 100%;}
.micheckout .woocommerce-button.button.e-apply-coupon {border-color:#99321E;}

.micheckout .col-1, 
.micheckout .col-2, 
.micheckout .e-checkout__order_review, 
.micheckout .e-coupon-box, 
.micheckout .e-checkout__order_review-2 {border-radius: 24px!important;}

.micheckout .woocommerce {
    width: 100%;
    display: flex;
    justify-content: center;
}
.micheckout .woocommerce-order {
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
.micheckout .woocommerce-order p.woocommerce-notice {
    width: 100%;
    font-family: "Tiempos", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #836D6D;
}

.micheckout .woocommerce .woocommerce-order ul.order_details {
    width: 100%;
}

.micheckout .woocommerce .woocommerce-order ul.order_details ul.order_details li {
    font-family: "Beatrice", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2em;
    letter-spacing: 1px;
    color: #99321E;
}
.micheckout .woocommerce .woocommerce-order ul.order_details ul.order_details li strong {
    font-family: "Tiempos", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #1D0707;
}

.micheckout .woocommerce .woocommerce-order section.woocommerce-order-details,
.micheckout .woocommerce .woocommerce-order section.woocommerce-customer-details {
    width: 48%;
}

.micheckout .woocommerce .woocommerce-order section h2.woocommerce-order-details__title,
.micheckout .woocommerce .woocommerce-order section h2.woocommerce-column__title {
    font-family: "Beatrice", Sans-serif;
    font-size: 23px;
    color:#FF5432;
}

.micheckout .woocommerce .woocommerce-order .shop_table.order_details {
    font-size: 16px;
    font-family: "tiempos";
}

@media (max-width: 767px) {
    .micheckout .woocommerce-billing-fields__field-wrapper .form-row {width: 100%;}

    .micheckout .woocommerce-order p.woocommerce-notice {font-size: 16px;}
    .micheckout .woocommerce .woocommerce-order ul.order_details ul.order_details li {font-size: 16px;}
    .micheckout .woocommerce .woocommerce-order ul.order_details ul.order_details li strong {font-size: 16px;}
    .micheckout .woocommerce .woocommerce-order section.woocommerce-order-details,
    .micheckout .woocommerce .woocommerce-order section.woocommerce-customer-details {width: 100%;}
    .micheckout .woocommerce .woocommerce-order section h2.woocommerce-order-details__title,
    .micheckout .woocommerce .woocommerce-order section h2.woocommerce-column__title {font-size: 18px;}
    .micheckout .woocommerce .woocommerce-order .shop_table.order_details {font-size: 14px;}
}


.equipo .miembro img {filter: grayscale(100%);cursor:pointer;}
.equipo .miembro:hover img {filter: grayscale(0%);}
.equipo .miembro .miLinkedin {opacity: 0; left: 50%!important; transform: translateX(-50%);} 
.equipo .miembro:hover .miLinkedin {opacity: 1;}