/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/* HOME */
#home-accordion-aeco .kt-accordion-panel-inner {
   padding-left: 108px !important;
}

.home-accordion-arquitectura button .kt-blocks-accordion-title-wrap::before,
.home-accordion-ingenieria button .kt-blocks-accordion-title-wrap::before,
.home-accordion-construccion button .kt-blocks-accordion-title-wrap::before,
.home-accordion-operaciones button .kt-blocks-accordion-title-wrap::before {
   padding-right: 80px;
   color: var(--wp--preset--color--palette-color-5);
   font-weight: bold;
}

.home-accordion-arquitectura button .kt-blocks-accordion-title-wrap::before {
   content: "A";
}
.home-accordion-ingenieria button .kt-blocks-accordion-title-wrap::before {
   content: "E";
}
.home-accordion-construccion button .kt-blocks-accordion-title-wrap::before{
   content: "C";
}
.home-accordion-operaciones button .kt-blocks-accordion-title-wrap::before {
   content: "O";
}


/* Footer titles */
#footer h3.widget-title,
#footer h6.wp-block-kadence-advancedheading {
   color: var(--theme-text-color) !important;
   text-transform: uppercase;
   font-weight: 300;
   font-size: 20px;
   margin-bottom: 0px;
 }



/* BLOQUE PASOS - varias ubicaciones */
.pasos-exito,
.img-pasos-diagnostico {
   position: relative;
}

.contendor-pasos {
   height: 150px;
}

.pasos-exito {
   z-index: 999999 !important;
}

.pasos-exito figure {
   position: absolute;
   top: -16px;
   left: 0px;
   width: 1000px;
   z-index: 999999 !important;
}

.img-pasos-diagnostico figure {
   position: absolute;
   top: 0px;
   right: 0px;
   z-index: 1;
}

.home .img-pasos-diagnostico figure,
.post-type-archive-solucion .img-pasos-diagnostico figure,
.single-solucion .img-pasos-diagnostico figure {
   top: -101px;
}

/* SOLUCIONES */

/* Fondo banners por id de solución */
#post-105 #banner-solucion, /* bim consulting */
#post-107 #banner-solucion, /* reality capture */
#post-104 #banner-solucion, /* bim management */
#post-109 #banner-solucion, /* digital asset */
#post-106 #banner-solucion, /* digital twins */
#post-108 #banner-solucion, /* virtua reality */
#post-110 #banner-solucion, /* construction suppoert */
#post-111 #banner-solucion  /* software development */
{
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
}

#post-105 #banner-solucion, 
#post-107 #banner-solucion {
   background-image: url('images/trama_1.svg');
}

#post-104 #banner-solucion, 
#post-109 #banner-solucion {
   background-image: url('images/trama_2.svg');
}

#post-106 #banner-solucion, 
#post-108 #banner-solucion {
   background-image: url('images/trama_3.svg');
}

#post-110 #banner-solucion, 
#post-111 #banner-solucion {
   background-image: url('images/trama_4.svg');
}

#banner-solucion .solucion-img-banner {
   align-self: flex-end;
   margin-top: auto;
}

#banner-solucion .solucion-img-banner img {
   margin: 0 auto;
}

#post-104 #banner-solucion .solucion-img-banner img {
   width: 368px !important;
   margin-bottom: -35px;
}

#post-105 #banner-solucion .solucion-img-banner img {
   width: 250px !important;
}

#post-107 #banner-solucion .solucion-img-banner img {
   width: 358px !important;
}

#post-108 #banner-solucion .solucion-img-banner img {
   width: 420px !important;
   margin-bottom: -35px;
}

#post-109 #banner-solucion .solucion-img-banner img {
   width: 330px !important;
}

#post-110 #banner-solucion .solucion-img-banner img {
   width: 330px !important;
}

#post-111 #banner-solucion .solucion-img-banner img {
   width: 400px !important;
   margin-bottom: -20px;
}

/* single */
.img-banner-single-solucion {
   margin-bottom: -96px;
}

/* soluciones-single-bloque-descripcion-larga */
.soluciones-single-descripcion-larga {

}


/* INDUSTRIAS */

.post-type-archive-industria .site-main,
.post-type-archive-solucion .site-main {
   background-color: var(--theme-palette-color-5);
}

.post-type-archive-industria [data-archive="default"] .card-content > * {
   margin-block: 0px;
}

.post-type-archive-industria [data-cards="boxed"] .entry-card {
   padding-top: 0px;
}

/* Forms general */
select, 
textarea, 
input:is([type="url"], [type="tel"], [type="text"], [type="time"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="number"], [type="search"], [type="password"]), 
fieldset .wc-stripe-elements-field, .ff-inherit-theme-style .ff-el-form-control:not([size]):not([multiple]) {
   background-color: #ffffff;
}

 /* Form primer paso */
.form-pasos .uacf7-steps {
   margin-bottom: 40px;
}

.form-pasos .wpcf7-list-item { /* tamaño texto de respuesta */
   font-size: 18px;
}

.form-pasos .wpcf7 label:not(#pasos-datos-212 label),
.step-8-title {
   font-size: 22px !important;
   text-align: center;
   margin-bottom: 30px;
}

.form-pasos .wpcf7-list-item {
   display: block !important;
   margin-left: 0;
   margin-bottom: 10px;
}

.form-pasos button.uacf7-prev,
.form-pasos button.uacf7-next {
   width: 160px;
   position: relative;
   margin-top: 40px !important;
   padding: 7px 30px;
   border-radius: 50px;
   background-color: var(--wp--preset--color--palette-color-6);
   color: transparent;
   font-family: var(--theme-button-font-family,var(--theme-font-family) );
   font-size: var(--theme-button-font-size);
   font-weight: var(--theme-button-font-weight);
   font-style: var(--theme-button-font-style);
   line-height: var(--theme-button-line-height);
   -webkit-text-decoration: none;
   text-decoration: none;
   cursor: pointer;
}

.form-pasos button.uacf7-prev {
   /* background-color: var(--wp--preset--color--palette-color-3); */
   background-color: #a6b4cd;
}

.form-pasos button.uacf7-prev::after,
.form-pasos button.uacf7-next::after {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: var(--theme-button-text-initial-color);
   visibility: visible; 
}

.form-pasos button.uacf7-prev::after {
   content: "Anterior";
}

.form-pasos button.uacf7-next::after {
   content: "Siguiente"; /*Luz, saco la flecha porque en mobile hace wrapping*/
}

.uacf7-col-6 .wpcf7-form-control:not(.wpcf7-submit) {
   width: auto;
}

/* Reset estilos originales multipasos */
.form-pasos .progressbar-style-1 .uacf7-btn-default,
.form-pasos .uacf7-btn-default,
.form-pasos .steps-form .steps-row .steps-step .btn-circle,
.form-pasos .progressbar-style-1 .steps-step .uacf7-btn-active {
   background-color: transparent !important;
}

.form-pasos .steps-form {
   width: auto;
   margin: 0 auto 40px;
}

.form-pasos .steps-step {
   width: 66px;
   height: 48px;
   line-height: 1;
}

.form-pasos .btn-circle {
   padding: 0px !important;
}

.form-pasos .progressbar-style-1.steps-form .steps-row {
   justify-content: center !important;
   column-gap: 0;
}

.form-pasos .progressbar-style-1.steps-form .steps-row .steps-step {
   background: transparent;
}

.form-pasos .progressbar-style-1.steps-step .uacf7-btn-active,
.form-pasos .progressbar-style-1.steps-form .steps-row .steps-step .uacf7-btn-default.btn-circle,
.form-pasos .progressbar-style-1.steps-form .steps-row .steps-step .uacf7-btn-active.btn-circle,
.form-pasos .progressbar-style-1.steps-form .steps-row .steps-step .btn-circle.completed {
   background-color: transparent !important;
   background-repeat: no-repeat !important;
   background-position: center !important;
   background-size: contain !important;
}

/* Texto color para ocultar número */
/* Default */
.form-pasos .steps-step .uacf7-btn-default.btn-circle {
   color: #bebebe !important;
}

/* Completed */
.form-pasos .steps-step .btn-circle.completed {
   color: #2861f5 !important;
}

/* Active */
.form-pasos .steps-step .uacf7-btn-active.btn-circle,
.form-pasos .steps-step .uacf7-btn-active.btn-circle:active {
   color: #f39622 !important;
}

/* Números grises -- DEFAULT */
.form-pasos .steps-step:nth-child(1) .uacf7-btn-default.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-GRIS_-1.svg');
}

.form-pasos .steps-step:nth-child(2) .uacf7-btn-default.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-GRIS_-2.svg');
}

.form-pasos .steps-step:nth-child(3) .uacf7-btn-default.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-GRIS_-3.svg');
}

.form-pasos .steps-step:nth-child(4) .uacf7-btn-default.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-GRIS_-4.svg');
}

.form-pasos .steps-step:nth-child(5) .uacf7-btn-default.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-GRIS_-5.svg');
}

.form-pasos .steps-step:nth-child(6) .uacf7-btn-default.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-GRIS_-6.svg');
}

.form-pasos .steps-step:nth-child(7) .uacf7-btn-default.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-GRIS_-7.svg');
}

.form-pasos .steps-step:nth-child(8) .uacf7-btn-default.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-GRIS_-8.svg');
}

.form-pasos .steps-step:nth-child(9) .uacf7-btn-default.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-GRIS_-9.svg');
}

.form-pasos .steps-step:nth-child(10) .uacf7-btn-default.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-GRIS_-10.svg');
}

/* Números azules -- COMPLETED */
.form-pasos .steps-step:nth-child(1) .btn-circle.completed {
   background-image: url('../../uploads/2025/02/NUMEROS-AZUL_-1.svg') !important;
}

.form-pasos .steps-step:nth-child(2) .btn-circle.completed {
   background-image: url('../../uploads/2025/02/NUMEROS-AZUL_-2.svg') !important;
}

.form-pasos .steps-step:nth-child(3) .btn-circle.completed {
   background-image: url('../../uploads/2025/02/NUMEROS-AZUL_-3.svg') !important;
}

.form-pasos .steps-step:nth-child(4) .btn-circle.completed {
   background-image: url('../../uploads/2025/02/NUMEROS-AZUL_-4.svg') !important;
}

.form-pasos .steps-step:nth-child(5) .btn-circle.completed {
   background-image: url('../../uploads/2025/02/NUMEROS-AZUL_-5.svg') !important;
}

.form-pasos .steps-step:nth-child(6) .btn-circle.completed {
   background-image: url('../../uploads/2025/02/NUMEROS-AZUL_-6.svg') !important;
}

.form-pasos .steps-step:nth-child(7) .btn-circle.completed {
   background-image: url('../../uploads/2025/02/NUMEROS-AZUL_-7.svg') !important;
}

.form-pasos .steps-step:nth-child(8) .btn-circle.completed {
   background-image: url('../../uploads/2025/02/NUMEROS-AZUL_-8.svg') !important;
}

.form-pasos .steps-step:nth-child(9) .btn-circle.completed {
   background-image: url('../../uploads/2025/02/NUMEROS-AZUL_-9.svg') !important;
}

.form-pasos .steps-step:nth-child(10) .btn-circle.completed {
   background-image: url('../../uploads/2025/02/NUMEROS-AZUL_-10.svg') !important;
}

/* Números naranjas -- ACTIVE */
.form-pasos .steps-step:nth-child(1) .uacf7-btn-active.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-NARANJA_-1.svg') !important;
}

.form-pasos .steps-step:nth-child(2) .uacf7-btn-active.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-NARANJA_-2.svg') !important;
}

.form-pasos .steps-step:nth-child(3) .uacf7-btn-active.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-NARANJA_-3.svg') !important;
}

.form-pasos .steps-step:nth-child(4) .uacf7-btn-active.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-NARANJA_-4.svg') !important;
}

.form-pasos .steps-step:nth-child(5) .uacf7-btn-active.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-NARANJA_-5.svg') !important;
}

.form-pasos .steps-step:nth-child(6) .uacf7-btn-active.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-NARANJA_-6.svg') !important;
}

.form-pasos .steps-step:nth-child(7) .uacf7-btn-active.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-NARANJA_-7.svg') !important;
}

.form-pasos .steps-step:nth-child(8) .uacf7-btn-active.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-NARANJA_-8.svg') !important;
}

.form-pasos .steps-step:nth-child(9) .uacf7-btn-active.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-NARANJA_-9.svg') !important;
}

.form-pasos .steps-step:nth-child(10) .uacf7-btn-active.btn-circle {
   background-image: url('../../uploads/2025/02/NUMEROS-NARANJA_-10.svg') !important;
}
/*  */

/* Estilos para el formulario que se oculta */
.wpcf7-form {
   transition: all 0.5s ease;
}

/* Estilos para el contenedor de respuesta */
.resultado-evaluacion {
   opacity: 1;
   transform: translateY(20px);
   transition: all 0.5s ease 0.3s;
   padding-bottom: 40px
}

/*  */
@keyframes fadeIn {
   from { opacity: 0; transform: translateY(10px); }
   to { opacity: 1; transform: translateY(0); }
}