.elementor-127 .elementor-element.elementor-element-89b3ac3{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-127 .elementor-element.elementor-element-89b3ac3:not(.elementor-motion-effects-element-type-background), .elementor-127 .elementor-element.elementor-element-89b3ac3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);}.elementor-127 .elementor-element.elementor-element-c822b7f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-2d8666e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-127 .elementor-element.elementor-element-977232a{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:left;}.elementor-127 .elementor-element.elementor-element-977232a.elementor-element{--align-self:center;}.elementor-127 .elementor-element.elementor-element-977232a img{width:300px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-127 .elementor-element.elementor-element-b5a10c5{width:100%;max-width:100%;background-color:var( --e-global-color-accent );padding:010px 10px 10px 10px;border-radius:15px 15px 15px 15px;text-align:center;}.elementor-127 .elementor-element.elementor-element-b5a10c5.elementor-element{--align-self:flex-start;}.elementor-127 .elementor-element.elementor-element-b5a10c5 .elementor-heading-title{font-family:"Righteous", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-414bd21 );}.elementor-127 .elementor-element.elementor-element-d334606{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-bad2db2{padding:10px 10px 10px 10px;text-align:left;}.elementor-127 .elementor-element.elementor-element-bad2db2 .elementor-heading-title{font-family:"Alfa Slab One", Sans-serif;font-size:3.2em;font-weight:500;color:var( --e-global-color-text );}.elementor-127 .elementor-element.elementor-element-9f80b5a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-127 .elementor-element.elementor-element-3816f46{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 5px 5px 5px;text-align:center;}.elementor-127 .elementor-element.elementor-element-3816f46 .elementor-heading-title{font-family:"Sen", Sans-serif;font-size:1.1em;font-weight:400;letter-spacing:-0.4px;word-spacing:0em;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-414bd21 );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-127 .elementor-element.elementor-element-5c3aebd{--divider-border-style:solid;--divider-color:var( --e-global-color-414bd21 );--divider-border-width:1px;}.elementor-127 .elementor-element.elementor-element-5c3aebd .elementor-divider-separator{width:100%;}.elementor-127 .elementor-element.elementor-element-5c3aebd .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-127 .elementor-element.elementor-element-fd8a512{padding:20px 20px 20px 20px;text-align:center;}.elementor-127 .elementor-element.elementor-element-fd8a512 .elementor-heading-title{font-family:"Alfa Slab One", Sans-serif;font-size:2em;font-weight:500;color:var( --e-global-color-414bd21 );}.elementor-127 .elementor-element.elementor-element-686a13b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-jet-button .jet-button__plane-normal{background-color:var( --e-global-color-primary );}.elementor-widget-jet-button .jet-button__plane-hover{background-color:var( --e-global-color-secondary );}.elementor-widget-jet-button .jet-button__state-normal .jet-button__label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-jet-button .jet-button__state-hover .jet-button__label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-127 .elementor-element.elementor-element-9799fb2{width:auto;max-width:auto;}.elementor-127 .elementor-element.elementor-element-9799fb2.elementor-element{--align-self:center;}.elementor-127 .elementor-element.elementor-element-9799fb2 .jet-button__container{justify-content:flex-start;}.elementor-127 .elementor-element.elementor-element-9799fb2 .jet-button__instance{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-414bd21 );border-radius:30px 30px 30px 30px;}.elementor-127 .elementor-element.elementor-element-9799fb2 .jet-button__state-normal .jet-button__icon{margin:0px 010px 0px 0px;}.elementor-127 .elementor-element.elementor-element-9799fb2 .jet-button__state-normal .jet-button__label{text-align:left;}.elementor-127 .elementor-element.elementor-element-9799fb2 .jet-button__state-hover .jet-button__label{text-align:left;}.elementor-127 .elementor-element.elementor-element-9799fb2 .jet-button__state-normal .jet-button__label{font-family:"Sen", Sans-serif;font-weight:800;text-transform:uppercase;}.elementor-127 .elementor-element.elementor-element-9799fb2 .jet-button__state-hover .jet-button__label{font-family:"Sen", Sans-serif;font-weight:800;text-transform:uppercase;}.elementor-127 .elementor-element.elementor-element-b147990 .jet-button__plane-normal{background-color:var( --e-global-color-accent );}.elementor-127 .elementor-element.elementor-element-b147990{width:auto;max-width:auto;}.elementor-127 .elementor-element.elementor-element-b147990.elementor-element{--align-self:center;}.elementor-127 .elementor-element.elementor-element-b147990 .jet-button__container{justify-content:flex-start;}.elementor-127 .elementor-element.elementor-element-b147990 .jet-button__instance{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-414bd21 );border-radius:30px 30px 30px 30px;}.elementor-127 .elementor-element.elementor-element-b147990 .jet-button__state-normal .jet-button__icon{margin:0px 010px 0px 0px;}.elementor-127 .elementor-element.elementor-element-b147990 .jet-button__state-normal .jet-button__label{text-align:left;}.elementor-127 .elementor-element.elementor-element-b147990 .jet-button__state-hover .jet-button__label{text-align:left;}.elementor-127 .elementor-element.elementor-element-b147990 .jet-button__state-normal .jet-button__label{font-family:"Sen", Sans-serif;font-weight:800;text-transform:uppercase;}.elementor-127 .elementor-element.elementor-element-b147990 .jet-button__state-hover .jet-button__label{font-family:"Sen", Sans-serif;font-weight:800;text-transform:uppercase;}.elementor-127 .elementor-element.elementor-element-0f97048 > .elementor-widget-container{background-color:var( --e-global-color-414bd21 );margin:30px 0px 0px 0px;border-radius:30px 30px 30px 30px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder-row{margin-top:0px;margin-bottom:0px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__label{text-align:left;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__desc{text-align:left;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__fields-group{gap:0.7em 0.7em;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__field-wrap.checkradio-wrap span{gap:0px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__field-wrap span::before{font-size:0px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__field:not(.checkradio-field):not(.range-field):not(.jet-form-builder-repeater):not(.wysiwyg-field):not([role="switch"]){max-width:561px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__field.textarea-field{height:203px;min-height:203px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder input{color-scheme:normal;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__calculated-field-prefix{font-size:31px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__calculated-field-suffix{font-size:30px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__calculated-field{justify-content:start;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__field-wrap.range-wrap{max-width:575px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder .range-field::-webkit-slider-runnable-track{height:11px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder .range-field::-moz-range-track{height:11px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder .range-field::-ms-track{height:11px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder .range-field::-webkit-slider-thumb{margin-top:calc( (18px - 11px)/-2 );}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__field.range-field{min-height:27px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__field.range-field::-webkit-slider-thumb{width:27px;height:27px;margin-top:calc( (27px - 11px)/-2 );}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__field.range-field::-moz-range-thumb{width:27px;height:27px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__field.range-field::-ms-thumb{width:27px;height:27px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__field-value.range-value .jet-form-builder__field-value-prefix{font-size:30px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder-repeater__remove{font-size:49px;line-height:49px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder .jet-apb-calendar .jet-apb-calendar-content{width:468px;min-width:468px;flex:0 0 468px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder .jet-apb-calendar-date-body{padding-top:calc(50px / 2);padding-bottom:calc(50px / 2);}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder .jet-apb-calendar-slots__close{font-size:79px;top:-34px;right:10px;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__action-button{transition:all 0.3s;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder__next-page-wrap{text-align:left;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder-message--success{text-align:center;}.elementor-127 .elementor-element.elementor-element-0f97048 .jet-form-builder-message--error{text-align:center;}.elementor-127 .elementor-element.elementor-element-068b6d8 > .elementor-widget-container{background-color:var( --e-global-color-414bd21 );margin:30px 0px 0px 0px;border-radius:30px 30px 30px 30px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder-row{margin-top:0px;margin-bottom:0px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__label{text-align:left;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__desc{text-align:left;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__fields-group{gap:0.7em 0.7em;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__field-wrap.checkradio-wrap span{gap:0px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__field-wrap span::before{font-size:0px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__field:not(.checkradio-field):not(.range-field):not(.jet-form-builder-repeater):not(.wysiwyg-field):not([role="switch"]){max-width:561px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__field.textarea-field{height:203px;min-height:203px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder input{color-scheme:normal;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__calculated-field-prefix{font-size:31px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__calculated-field-suffix{font-size:30px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__calculated-field{justify-content:start;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__field-wrap.range-wrap{max-width:575px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder .range-field::-webkit-slider-runnable-track{height:11px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder .range-field::-moz-range-track{height:11px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder .range-field::-ms-track{height:11px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder .range-field::-webkit-slider-thumb{margin-top:calc( (18px - 11px)/-2 );}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__field.range-field{min-height:27px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__field.range-field::-webkit-slider-thumb{width:27px;height:27px;margin-top:calc( (27px - 11px)/-2 );}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__field.range-field::-moz-range-thumb{width:27px;height:27px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__field.range-field::-ms-thumb{width:27px;height:27px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__field-value.range-value .jet-form-builder__field-value-prefix{font-size:30px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder-repeater__remove{font-size:49px;line-height:49px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder .jet-apb-calendar .jet-apb-calendar-content{width:468px;min-width:468px;flex:0 0 468px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder .jet-apb-calendar-date-body{padding-top:calc(50px / 2);padding-bottom:calc(50px / 2);}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder .jet-apb-calendar-slots__close{font-size:79px;top:-34px;right:10px;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__action-button{transition:all 0.3s;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder__next-page-wrap{text-align:left;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder-message--success{text-align:center;}.elementor-127 .elementor-element.elementor-element-068b6d8 .jet-form-builder-message--error{text-align:center;}.elementor-127 .elementor-element.elementor-element-4a65159{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:30px 30px 30px 30px;}.elementor-127 .elementor-element.elementor-element-eeaf6e9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-127 .elementor-element.elementor-element-2d8666e{--width:350px;}.elementor-127 .elementor-element.elementor-element-d334606{--width:70%;}}@media(max-width:767px){.elementor-127 .elementor-element.elementor-element-89b3ac3{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-127 .elementor-element.elementor-element-bad2db2 .elementor-heading-title{font-size:2em;}}/* Start custom CSS for jet-form-builder-form, class: .elementor-element-0f97048 *//* =========================================================
JET FORM BUILDER (Elementor) — Minimal / Modern / Brand
Scope principal: .siaz-jfb
========================================================= */
/* ---------- Vars (unificadas) ---------- */
.siaz-jfb{
--bg:#fff;
--primary:#FEAD17;
--accent:#FF7900;
--danger:#CD200F;
--text:#441602;
--white:#fff;
--surface:rgba(255,255,255,0);
--border:rgba(68,22,2,0);
--border-strong:rgba(68,22,2,.26);
--shadow:0 58px 35px rgba(68,22,2,.10);
--r-lg:30px;
--r-md:30px;
--font-title:"Alfa Slab One",system-ui,serif;
--font-body:"Source Sans 3",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
--font-label:var(--font-body);
--font-btn:"Righteous",system-ui,sans-serif;
--field-h:50px;
/* Tema Select2 / extras (ya lo tenías repetido abajo) */
--jfb-bg:#FFEFD4;
--jfb-primary:var(--primary);
--jfb-secondary:var(--danger);
--jfb-accent:var(--accent);
--jfb-text:var(--text);
--jfb-white:#fff;
--jfb-card:rgba(255,255,255,.80);
--jfb-border:rgba(68,22,2,.16);
--jfb-border-strong:rgba(68,22,2,.26);
--jfb-shadow-soft:0 12px 28px rgba(68,22,2,.14);
--jfb-radius:18px;
--jfb-radius-sm:14px;
--jfb-font-label:var(--font-btn);
--jfb-font-body:var(--font-body);
}
/* ---------- Base ---------- */
.siaz-jfb *{ box-sizing:border-box; }
.siaz-jfb .jet-form-builder{
font-family:var(--font-body);
color:var(--text);
margin-inline:auto;
padding:clamp(14px,2vw,22px);
}
.siaz-jfb .jet-form-builder-page{
background:var(--surface);
border:0;
border-radius:var(--r-lg);
box-shadow:var(--shadow);
padding:50px; /* clamp(50,2.2vw,50) => siempre 50 */
backdrop-filter:blur(50px);
-webkit-backdrop-filter:blur(50px);
}
.siaz-jfb .jet-form-builder-page,
.siaz-jfb input,
.siaz-jfb select,
.siaz-jfb textarea,
.siaz-jfb button{
transition:box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease;
}
/* ---------- Columnas ---------- */
.siaz-jfb .wp-block-columns{
gap:clamp(10px,1.6vw,18px);
margin-block:10px;
}
@media (max-width:860px){
.siaz-jfb .wp-block-columns{ flex-wrap:wrap; }
.siaz-jfb .wp-block-column{ flex-basis:100% !important; }
}
/* ---------- Tipografía (labels + títulos) ---------- */
.siaz-jfb h1,
.siaz-jfb .jet-form-builder__heading .jet-form-builder__label-text{
font-family:var(--font-title);
letter-spacing:.2px;
}
.siaz-jfb .jet-form-builder__field-wrap{
display:flex;
flex-direction:column;
}
/* Alinea inputs aunque el label se parta */
.siaz-jfb .jet-form-builder__label{
margin-bottom:8px;
min-height:40px;
display:flex;
align-items:flex-end;
}
@media (max-width:640px){
.siaz-jfb .jet-form-builder__label{ min-height:0; }
}
.siaz-jfb .jet-form-builder__label-text{
font-family:var(--font-label);
font-weight:800;
font-size:1.2em;
letter-spacing:-1px;
color:rgba(68,22,2,.95);
line-height:1;
display:inline-flex;
align-items:center;
gap:5px;
}
.siaz-jfb .jet-form-builder__required{
color:var(--danger);
font-weight:900;
}
/* ---------- Inputs / Textarea ---------- */
.siaz-jfb .jet-form-builder__field{
width:100%;
font-family:var(--font-body);
color:var(--text);
}
.siaz-jfb input.jet-form-builder__field,
.siaz-jfb textarea.jet-form-builder__field{
background:var(--white);
border:1.5px solid var(--border);
border-radius:var(--r-md);
padding:12px 14px;
min-height:var(--field-h);
outline:0;
box-shadow:0 10px 22px rgba(68,22,2,.06);
}
.siaz-jfb textarea.jet-form-builder__field{
min-height:120px;
resize:vertical;
}
.siaz-jfb input.jet-form-builder__field:focus,
.siaz-jfb textarea.jet-form-builder__field:focus{
border-color:rgba(255,121,0,.75);
box-shadow:0 16px 30px rgba(68,22,2,.10),0 0 0 5px rgba(255,121,0,.16);
}
/* Placeholder */
.siaz-jfb ::placeholder{ color:rgba(68,22,2,.40); }
/* ---------- Select nativo (mantengo tu comportamiento actual) ---------- */
.siaz-jfb select.jet-form-builder__field{
background:var(--white);
border:1.5px solid var(--border);
border-radius:var(--r-md);
padding:0 44px 0 14px;
min-height:var(--field-h);
line-height:var(--field-h);
outline:0;
box-shadow:0 10px 22px rgba(68,22,2,.06);
-webkit-appearance:none;
appearance:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cpath d='M2 2l8 8 8-8' fill='none' stroke='%23441602' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 14px center;
background-size:18px 10px;
}
.siaz-jfb select.jet-form-builder__field:focus{
border-color:rgba(255,121,0,.75);
box-shadow:0 16px 30px rgba(68,22,2,.10),0 0 0 5px rgba(255,121,0,.16);
}
/* ---------- Password eye icon ---------- */
.siaz-jfb .has-eye-icon{ position:relative; }
.siaz-jfb .has-eye-icon .jfb-eye-icon{
position:absolute;
right:14px;
top:50%;
transform:translateY(-50%);
color:rgba(68,22,2,.65);
opacity:.95;
}
/* ---------- Radios / Checkboxes ---------- */
.siaz-jfb .checkradio-wrap{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:8px;
}
.siaz-jfb .checkradio-wrap .jet-form-builder__field-label{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 12px;
border-radius:999px;
background:rgba(255,255,255,.92);
border:1.5px solid var(--border);
box-shadow:0 10px 22px rgba(68,22,2,.06);
cursor:pointer;
}
.siaz-jfb .checkradio-wrap input[type="radio"],
.siaz-jfb .checkradio-wrap input[type="checkbox"]{
width:22px;
height:22px;
accent-color:var(--danger);
}
.siaz-jfb .checkradio-wrap .jet-form-builder__field-label:has(input:checked){
border-color:rgba(255,121,0,.55);
box-shadow:0 0 0 5px rgba(255,121,0,.12);
}
/* ---------- Botones ---------- */
.siaz-jfb .jet-form-builder__next-page-wrap{
display:flex;
justify-content:space-between;
gap:12px;
margin-top:18px;
}
.siaz-jfb .jet-form-builder__next-page,
.siaz-jfb .jet-form-builder__prev-page,
.siaz-jfb .jet-form-builder__action-button{
border-radius:999px;
padding:14px 18px;
min-height:54px;
font-family:var(--font-btn);
letter-spacing:.4px;
text-transform:uppercase;
border:2px solid rgba(255,255,255,.75);
cursor:pointer;
}
/* Next */
.siaz-jfb .jet-form-builder__next-page{
background:linear-gradient(135deg,var(--primary),var(--accent));
color:var(--text);
box-shadow:0 18px 36px rgba(68,22,2,.12);
}
.siaz-jfb .jet-form-builder__next-page:hover{
border-color:rgba(255,255,255,.95);
box-shadow:0 22px 44px rgba(68,22,2,.16);
}
/* Prev */
.siaz-jfb .jet-form-builder__prev-page{
background:rgba(255,255,255,.70);
color:var(--text);
border-color:rgba(68,22,2,.22);
box-shadow:0 14px 28px rgba(68,22,2,.10);
}
.siaz-jfb .jet-form-builder__prev-page:hover{ border-color:rgba(68,22,2,.35); }
/* Submit */
.siaz-jfb .jet-form-builder__submit{
background:linear-gradient(135deg,var(--danger),#ff3b2e);
color:#fff;
border-color:rgba(255,255,255,.60);
box-shadow:0 18px 36px rgba(205,32,15,.18);
}
.siaz-jfb .jet-form-builder__submit:hover{
border-color:rgba(255,255,255,.90);
box-shadow:0 24px 50px rgba(205,32,15,.22);
}
/* ---------- Mensajes Success / Error ---------- */
.siaz-jfb .jet-form-builder-message{
border-radius:18px;
padding:14px 16px;
background:rgba(255,255,255,.92);
border:1px solid rgba(68,22,2,.16);
box-shadow:0 10px 22px rgba(68,22,2,.08);
color:var(--text);
font-family:var(--font-body);
font-size:15px;
line-height:1.35;
margin-top:14px;
}
.siaz-jfb .jet-form-builder-message .emoji{
width:18px;
height:18px;
vertical-align:-3px;
margin-inline:4px;
}
.siaz-jfb .jet-form-builder-message--success{
border-color:rgba(34,197,94,.35);
background:linear-gradient(180deg,rgba(34,197,94,.10),rgba(255,255,255,.92));
box-shadow:0 0 0 5px rgba(34,197,94,.10),0 12px 26px rgba(68,22,2,.10);
}
.siaz-jfb .jet-form-builder-message--error{
border-color:rgba(205,32,15,.35);
background:linear-gradient(180deg,rgba(205,32,15,.10),rgba(255,255,255,.92));
box-shadow:0 0 0 5px rgba(205,32,15,.10),0 12px 26px rgba(68,22,2,.10);
}
/* ---------- Accesibilidad ---------- */
@media (prefers-reduced-motion: reduce){
.siaz-jfb *{
transition:none !important;
animation:none !important;
}
}
.jet-form-builder__field-wrap span::before{ display:none !important; }
/* =========================================================
FILE UPLOAD — mantiene tu UX (overlay clickeable + chips)
========================================================= */
.siaz-jfb .jet-form-builder-file-upload{
--upload-h:270px;
position:relative;
}
/* Hover/Focus “se siente botón” */
.siaz-jfb .jet-form-builder-file-upload:hover .jet-form-builder-file-upload__content{
border-color:rgba(255,121,0,.75);
box-shadow:0 16px 30px rgba(68,22,2,.10);
}
.siaz-jfb .jet-form-builder-file-upload:focus-within .jet-form-builder-file-upload__content{
border-color:rgba(255,121,0,.85);
box-shadow:0 0 0 5px rgba(255,121,0,.14),0 16px 30px rgba(68,22,2,.10);
}
/* Input invisible que toma el click */
.siaz-jfb .jet-form-builder-file-upload__fields{
position:absolute;
inset:0 auto auto 0;
left:0; right:0; top:0;
height:var(--upload-h);
z-index:5;
}
.siaz-jfb .jet-form-builder-file-upload__input{
width:100%;
height:100%;
opacity:0;
cursor:pointer;
}
.siaz-jfb .jet-form-builder-file-upload__input::file-.elementor-127 .elementor-element.elementor-element-0f97048-button,
.siaz-jfb .jet-form-builder-file-upload__input::-webkit-file-upload-button{ display:none; }
/* Mensaje tamaño máx */
.siaz-jfb .jet-form-builder-file-upload__message small{
display:inline-block;
margin-top:10px;
padding:8px 12px;
border-radius:999px;
background:rgba(255,255,255,.75);
border:1px solid rgba(68,22,2,.12);
color:rgba(68,22,2,.75);
}
/* Desc abajo */
.siaz-jfb .jet-form-builder__desc small{
font-size:14px;
line-height:1.4;
color:rgba(68,22,2,.75);
}
/* Chips archivo cargado */
.siaz-jfb .jet-form-builder-file-upload__files{
display:grid;
gap:10px;
margin-top:10px;
}
.siaz-jfb .jet-form-builder-file-upload__file{
background:rgba(255,255,255,.92);
border:1px solid rgba(68,22,2,.14);
border-radius:16px;
padding:12px;
box-shadow:0 10px 22px rgba(68,22,2,.06);
position:relative;
}
.siaz-jfb .jet-form-builder-file-upload__file-remove{
width:40px;
height:40px;
border-radius:999px;
background:rgba(255,255,255,.92);
border:1px solid rgba(205,32,15,.22);
box-shadow:0 10px 22px rgba(68,22,2,.08);
display:grid;
place-items:center;
}
.siaz-jfb .jet-form-builder-file-upload__file-remove:hover{
background:rgba(205,32,15,.08);
border-color:rgba(205,32,15,.35);
}
.siaz-jfb .jet-form-builder-file-upload__file-remove svg{ fill:var(--danger); }
/* =========================================================
Repeater — botón + layout + X minimal
========================================================= */
.siaz-jfb .jet-form-builder-repeater{ width:100%; }
.siaz-jfb .jet-form-builder-repeater__actions{
margin-top:14px;
display:flex;
justify-content:flex-start;
}
.siaz-jfb .jet-form-builder-repeater__new{
appearance:none;
border:0;
border-radius:999px;
padding:12px 16px;
min-height:44px;
font-family:var(--font-btn);
font-size:14px;
letter-spacing:.3px;
text-transform:uppercase;
background:linear-gradient(135deg,var(--primary),var(--accent));
color:var(--text);
box-shadow:0 14px 26px rgba(68,22,2,.10);
cursor:pointer;
transition:transform .14s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease;
}
.siaz-jfb .jet-form-builder-repeater__new:hover{
transform:translateY(-1px);
box-shadow:0 18px 34px rgba(68,22,2,.14);
filter:saturate(1.05);
}
.siaz-jfb .jet-form-builder-repeater__new:active{
transform:translateY(0);
box-shadow:0 10px 18px rgba(68,22,2,.10);
opacity:.95;
}
.siaz-jfb .jet-form-builder-repeater__new:focus-visible{
outline:0;
box-shadow:0 18px 34px rgba(68,22,2,.14),0 0 0 5px rgba(255,121,0,.16);
}
.siaz-jfb .jet-form-builder-repeater__items{
display:grid;
gap:12px;
margin-top:10px;
}
.siaz-jfb .jet-form-builder-repeater__row{
position:relative;
margin:0 !important;
padding:16px 56px 14px 16px;
border-radius:22px;
background:rgba(255,255,255,.70);
border:1px solid rgba(68,22,2,.14);
box-shadow:0 12px 24px rgba(68,22,2,.08);
}
.siaz-jfb .jet-form-builder-repeater__row .jet-form-builder__label{ margin-bottom:6px; }
.siaz-jfb .jet-form-builder-repeater__row .jet-form-builder__desc{ margin-top:6px; }
.siaz-jfb .jet-form-builder-repeater__row .jet-form-builder-row{ margin:0 !important; }
/* X */
.siaz-jfb .jet-form-builder-repeater__row-remove{
position:absolute;
top:14px;
right:14px;
margin:0;
}
.siaz-jfb .jet-form-builder-repeater__remove{
width:38px;
height:38px;
border-radius:999px;
display:grid;
place-items:center;
border:1px solid rgba(68,22,2,.18);
background:rgba(255,255,255,.88);
color:var(--jfb-secondary);
padding:0;
cursor:pointer;
box-shadow:0 10px 18px rgba(68,22,2,.10);
transition:transform .14s ease,box-shadow .18s ease,background .18s ease;
font-size:49px !important;
line-height:0 !important; /* (tu override final) */
}
.siaz-jfb .jet-form-builder-repeater__remove:hover{
transform:translateY(-1px);
background:rgba(205,32,15,.08);
box-shadow:0 14px 26px rgba(68,22,2,.14);
}
.siaz-jfb .jet-form-builder-repeater__remove:active{
transform:translateY(0);
box-shadow:0 8px 14px rgba(68,22,2,.10);
}
.siaz-jfb .jet-form-builder-repeater__remove:focus-visible{
outline:0;
box-shadow:0 14px 26px rgba(68,22,2,.14),0 0 0 5px rgba(205,32,15,.12);
}
@media (max-width:860px){
.siaz-jfb .jet-form-builder-repeater__row{ padding:16px; }
.siaz-jfb .jet-form-builder-repeater__row-fields .wp-block-column{
min-width:0;
flex-basis:100% !important;
}
.siaz-jfb .jet-form-builder-repeater__row-remove{
position:static;
margin-top:10px;
display:flex;
justify-content:flex-end;
}
}
/* Solo desktop: mantener columnas en una línea */
@media (min-width:861px){
.siaz-jfb .jet-form-builder .wp-block-columns.is-layout-flex{
flex-wrap:nowrap !important;
}
}
/* Repeater: columnas sin margen y sin gaps (tu override final manda) */
.siaz-jfb .jet-form-builder-repeater__row-fields .wp-block-columns{
margin:0 !important;
gap:0 !important;
align-items:flex-start !important;
}
.siaz-jfb .jet-form-builder-repeater__row-fields .wp-block-column{
flex:1 1 0% !important;
min-width:260px;
}
/* =========================================================
ICONO de red social dentro del select
========================================================= */
.siaz-jfb .jfb-social-select-wrap{ position:relative !important; }
.siaz-jfb .jfb-social-select-wrap > select.jet-form-builder__field{ padding-left:46px !important; }
.siaz-jfb .jfb-social-select-wrap::before{
content:"";
position:absolute;
left:14px;
top:50%;
transform:translateY(-50%);
width:22px;
height:22px;
background:var(--jfb-social-icon,none) no-repeat;
background-size:22px 22px;
opacity:.92;
filter:drop-shadow(0 6px 14px rgba(68,22,2,.14));
pointer-events:none;
}
/* Iconos */
.siaz-jfb .jfb-social--instagram{ --jfb-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23441602' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='4'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M16.5 7.5h.01'/%3E%3C/g%3E%3C/svg%3E"); }
.siaz-jfb .jfb-social--facebook{ --jfb-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='%23441602' d='M13.5 22v-8h2.7l.4-3H13.5V9.2c0-.9.3-1.5 1.6-1.5H16.8V5.1c-.3 0-1.2-.1-2.4-.1-2.4 0-4 1.4-4 4.1V11H8v3h2.4v8h3.1z'/%3E%3C/svg%3E"); }
.siaz-jfb .jfb-social--youtube{ --jfb-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23441602' stroke-width='2' d='M21 12s0-4-1-5-8-1-8-1-7 0-8 1-1 5-1 5 0 4 1 5 8 1 8 1 7 0 8-1 1-5 1-5z'/%3E%3Cpath fill='%23441602' d='M10 9.5v5l5-2.5z'/%3E%3C/svg%3E"); }
.siaz-jfb .jfb-social--x{ --jfb-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23441602' stroke-width='2' stroke-linecap='round' d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E"); }
.siaz-jfb .jfb-social--pinterest{ --jfb-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23441602' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 21c4.4 0 8-3.6 8-8s-3.6-8-8-8-8 3.6-8 8c0 3.4 2.1 6.3 5.1 7.4l.8-3.1c-.4-.5-.7-1.3-.7-2.3 0-1.7 1-3.4 2.8-3.4 1.3 0 1.9 1 1.9 2.1 0 1.3-.8 3.2-1.2 5 .4.9 1.4 1.5 2.6 1.5'/%3E%3C/svg%3E"); }
.siaz-jfb .jfb-social--behance{ --jfb-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23441602' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 7h6a3 3 0 0 1 0 6H4V7zm0 6h6a3 3 0 0 1 0 6H4v-6zm9-7h6m-6 6c0-2 1.5-3 3-3s3 1 3 3-1.5 3-3 3-3-1-3-3z'/%3E%3C/svg%3E"); }
.siaz-jfb .jfb-social--sitio_web{ --jfb-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23441602' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3a14 14 0 0 1 0 18'/%3E%3Cpath d='M12 3a14 14 0 0 0 0 18'/%3E%3C/g%3E%3C/svg%3E"); }
.siaz-jfb .jfb-social--default{ --jfb-social-icon:none; }
/* Override final de checkradio (conserva tu resultado actual) */
.siaz-jfb .checkradio-wrap .jet-form-builder__field-label:has(input:checked){
box-shadow:none;
border-color:#fff;
background-color:#FEAD18;
color:#441602;
font-weight:700;
}
/* =========================================================
BOTÓN “+ Agregar nueva” (custom-option)
========================================================= */
.siaz-jfb .custom-option{ align-items:center; }
.siaz-jfb .custom-option > .add-custom-option{
border:0 !important;
border-radius:999px !important;
padding:12px 16px !important;
min-height:48px !important;
font-family:var(--jfb-font-label) !important;
font-size:14px !important;
letter-spacing:.3px;
cursor:pointer;
background:linear-gradient(135deg,var(--jfb-primary),var(--jfb-accent)) !important;
color:var(--jfb-text) !important;
box-shadow:0 14px 26px rgba(68,22,2,.14) !important;
transition:transform .12s ease,box-shadow .18s ease,filter .18s ease;
}
.siaz-jfb .custom-option > .add-custom-option:hover{
transform:translateY(-1px);
box-shadow:0 20px 38px rgba(68,22,2,.18) !important;
filter:saturate(1.04);
}
.siaz-jfb .custom-option > .add-custom-option:active{
transform:translateY(0);
box-shadow:0 12px 22px rgba(68,22,2,.14) !important;
}
.siaz-jfb .custom-option label.jet-form-builder__field-label{
display:inline-flex !important;
align-items:center !important;
gap:10px !important;
padding:10px 12px !important;
border-radius:999px !important;
background:rgba(255,255,255,.78) !important;
border:1.5px solid var(--jfb-border) !important;
box-shadow:0 10px 18px rgba(68,22,2,.08) !important;
}
.siaz-jfb .custom-option input[type="checkbox"]{
width:20px !important;
height:20px !important;
accent-color:var(--jfb-secondary);
}
.siaz-jfb .custom-option input[type="text"].jet-form-builder__field{
min-height:40px !important;
padding:10px 12px !important;
border-radius:999px !important;
border:1.5px solid var(--jfb-border) !important;
background:rgba(255,255,255,.92) !important;
box-shadow:none !important;
width:clamp(180px,28vw,360px);
}
.siaz-jfb .custom-option input[type="text"].jet-form-builder__field:focus{
border-color:rgba(255,121,0,.75) !important;
box-shadow:0 0 0 6px rgba(255,121,0,.16) !important;
}
/* =========================================================
FIX: Upload PDF vs Foto (texto/etiqueta según accept)
========================================================= */
.siaz-jfb .jet-form-builder-file-upload__content{
position:relative;
min-height:240px;
display:grid;
place-items:center;
padding:22px;
background:rgba(255,255,255,.72);
border:1.5px solid rgba(68,22,2,.14);
border-radius:26px;
box-shadow:0 18px 45px rgba(68,22,2,.12);
overflow:hidden;
}
.siaz-jfb .jet-form-builder-file-upload__content::before{
content:"HAZ CLIC AQUÍ PARA SUBIR TU ARCHIVO";
display:inline-flex;
align-items:center;
justify-content:center;
text-align:center;
width:min(320px,100%);
padding:16px 18px;
border-radius:999px;
font-family:var(--jfb-font-label);
font-size:14px;
letter-spacing:.3px;
color:var(--jfb-text);
background:linear-gradient(135deg,var(--jfb-primary),var(--jfb-accent));
box-shadow:0 14px 26px rgba(68,22,2,.16);
pointer-events:none;
}
.siaz-jfb .jet-form-builder-file-upload__content::after{
content:"";
position:absolute;
bottom:22px;
left:0;
right:0;
text-align:center;
font-family:var(--jfb-font-alt);
font-size:14px;
letter-spacing:.8px;
color:rgba(68,22,2,.65);
pointer-events:none;
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"]) .jet-form-builder-file-upload__content::before{
content:"HAZ CLIC AQUÍ PARA SUBIR TU PDF";
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"]) .jet-form-builder-file-upload__content::after{
content:"PDF";
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept^="image/"]) .jet-form-builder-file-upload__content::before{
content:"HAZ CLIC AQUÍ PARA SUBIR TU FOTO";
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept^="image/"]) .jet-form-builder-file-upload__content::after{
content:"JPG / PNG";
}
/* =========================================================
SELECT2 (Dropdown + búsqueda + opciones)
========================================================= */
.siaz-jfb .select2-container{ font-family:var(--jfb-font-body); }
.siaz-jfb .select2-container--default .select2-selection--single{
background:rgba(255,255,255,.92) !important;
border:1.5px solid var(--jfb-border) !important;
border-radius:999px !important;
min-height:52px !important;
display:flex !important;
align-items:center !important;
box-shadow:0 10px 22px rgba(68,22,2,.10) !important;
}
.siaz-jfb .select2-container--default .select2-selection--single .select2-selection__rendered{
color:var(--jfb-text) !important;
padding-left:18px !important;
padding-right:44px !important;
line-height:1.2 !important;
font-size:18px !important;
}
.siaz-jfb .select2-container--default .select2-selection--single .select2-selection__arrow{ right:14px !important; }
.siaz-jfb .select2-container--default .select2-selection--single .select2-selection__arrow b{
border-color:rgba(68,22,2,.55) transparent transparent transparent !important;
border-width:7px 7px 0 7px !important;
}
.siaz-jfb .select2-container--default.select2-container--open .select2-selection--single,
.siaz-jfb .select2-container--default.select2-container--focus .select2-selection--single{
border-color:rgba(255,121,0,.75) !important;
box-shadow:0 16px 32px rgba(68,22,2,.14),0 0 0 6px rgba(255,121,0,.16) !important;
}
.siaz-jfb .select2-dropdown{
background:rgba(255,255,255,.96) !important;
border:1.5px solid var(--jfb-border) !important;
border-radius:var(--jfb-radius) !important;
overflow:hidden !important;
box-shadow:var(--jfb-shadow-soft) !important;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
}
.siaz-jfb .select2-search--dropdown{
padding:12px 12px 10px !important;
background:rgba(255,239,212,.55) !important;
border-bottom:1px solid rgba(68,22,2,.10) !important;
}
.siaz-jfb .select2-search--dropdown .select2-search__field{
width:100% !important;
border:1.5px solid rgba(68,22,2,.14) !important;
border-radius:14px !important;
padding:12px !important;
outline:0 !important;
font-family:var(--jfb-font-body) !important;
font-size:16px !important;
color:var(--jfb-text) !important;
background:rgba(255,255,255,.95) !important;
box-shadow:0 10px 20px rgba(68,22,2,.08) !important;
}
.siaz-jfb .select2-search--dropdown .select2-search__field:focus{
border-color:rgba(255,121,0,.75) !important;
box-shadow:0 14px 26px rgba(68,22,2,.12),0 0 0 6px rgba(255,121,0,.14) !important;
}
.siaz-jfb .select2-results{ padding:8px !important; }
.siaz-jfb .select2-results__options{
max-height:320px !important;
overflow:auto !important;
padding:4px !important;
}
.siaz-jfb .select2-container--default .select2-results__option{
font-family:var(--jfb-font-body) !important;
font-size:18px !important;
color:var(--jfb-text) !important;
padding:10px 12px !important;
margin:4px 2px !important;
border-radius:14px !important;
background:transparent !important;
transition:background .12s ease,transform .12s ease;
}
.siaz-jfb .select2-container--default .select2-results__option--highlighted[aria-selected]{
background:rgba(254,173,23,.30) !important;
color:var(--jfb-text) !important;
transform:translateY(-1px);
}
.siaz-jfb .select2-container--default .select2-results__option[aria-selected="true"]{
background:rgba(255,121,0,.20) !important;
border:1px solid rgba(255,121,0,.25) !important;
}
.siaz-jfb .select2-container--default .select2-results__option.select2-results__message{
background:rgba(255,239,212,.75) !important;
border:1px dashed rgba(68,22,2,.20) !important;
border-radius:14px !important;
padding:12px !important;
color:rgba(68,22,2,.85) !important;
font-family:var(--jfb-font-body) !important;
}
/* Scrollbar */
.siaz-jfb .select2-results__options::-webkit-scrollbar{ width:10px; }
.siaz-jfb .select2-results__options::-webkit-scrollbar-thumb{
background:rgba(68,22,2,.18);
border-radius:999px;
border:3px solid rgba(255,255,255,.8);
}
.siaz-jfb .select2-results__options::-webkit-scrollbar-track{ background:transparent; }
/* Date input (caja) */
.siaz-jfb input[type="date"].jet-form-builder__field{
background:rgba(255,255,255,.92) !important;
border:1.5px solid rgba(68,22,2,.16) !important;
border-radius:999px !important;
min-height:52px !important;
padding:12px 48px 12px 16px !important;
font-family:var(--jfb-font-body) !important;
font-size:18px !important;
color:var(--jfb-text) !important;
box-shadow:0 10px 22px rgba(68,22,2,.01) !important;
}
.siaz-jfb input[type="date"]::-webkit-calendar-picker-indicator{
opacity:.85;
cursor:pointer;
padding:6px;
}
/* =========================================================
GLOBAL OVERRIDES (tal cual tu comportamiento actual)
- esquina TL en punta
- altura visual igual
- texto 16px
========================================================= */
:root{
--cz-field-bg:#fff;
--cz-field-text:#441602;
--cz-field-placeholder:rgba(68,22,2,.55);
--cz-field-shadow:0 12px 28px rgba(68,22,2,.01);
--cz-field-radius:0 999px 999px 999px;
--cz-h:45px;
--cz-px:20px;
--cz-field-font:16px;
}
/* Esquina TL en punta */
.jet-form-builder .jet-form-builder__field,
.jet-form-builder textarea.jet-form-builder__field,
.jet-form-builder select.jet-form-builder__field{
background:var(--cz-field-bg) !important;
color:var(--cz-field-text) !important;
border:0 !important;
border-radius:var(--cz-field-radius) !important;
box-shadow:var(--cz-field-shadow) !important;
outline:0 !important;
}
.jet-form-builder textarea.jet-form-builder__field{
min-height:120px !important;
height:auto !important;
padding:22px 28px !important;
border-radius:0 36px 36px 36px !important;
}
.jet-form-builder .jet-form-builder__field::placeholder{
color:var(--cz-field-placeholder) !important;
opacity:1 !important;
}
.jet-form-builder .jet-form-builder__field:focus{
box-shadow:0 0 0 3px rgba(254,173,23,.35),var(--cz-field-shadow) !important;
}
/* Select2 “caja” (esquina en punta) */
.jet-form-builder .select2-container--default .select2-selection--single{
background:var(--cz-field-bg) !important;
border:0 !important;
border-radius:var(--cz-field-radius) !important;
box-shadow:var(--cz-field-shadow) !important;
display:flex !important;
align-items:center !important;
box-sizing:border-box !important;
}
.jet-form-builder .select2-container--default .select2-selection--single .select2-selection__rendered{
padding:0 !important;
color:var(--cz-field-text) !important;
line-height:1.2 !important;
}
.jet-form-builder .select2-container--default .select2-selection--single .select2-selection__placeholder{
color:var(--cz-field-placeholder) !important;
}
.jet-form-builder .select2-container--default .select2-selection--single .select2-selection__arrow{
right:18px !important;
}
/* Igualar alto/padding/centrado */
.jet-form-builder .jet-form-builder__field,
.jet-form-builder .jet-form-builder__field-wrap select,
.jet-form-builder .jet-form-builder__field-wrap input,
.jet-form-builder .jet-form-builder__field-wrap textarea{
box-sizing:border-box !important;
}
.jet-form-builder input.jet-form-builder__field:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.jet-form-builder select.jet-form-builder__field,
.jet-form-builder textarea.jet-form-builder__field{
height:var(--cz-h) !important;
min-height:var(--cz-h) !important;
padding:0 var(--cz-px) !important;
line-height:var(--cz-h) !important;
}
.jet-form-builder input[type="date"].jet-form-builder__field{
line-height:normal !important;
padding:0 var(--cz-px) !important;
height:var(--cz-h) !important;
min-height:var(--cz-h) !important;
}
.jet-form-builder .select2-container--default .select2-selection--single{
height:var(--cz-h) !important;
min-height:var(--cz-h) !important;
padding:0 calc(var(--cz-px) + 28px) 0 var(--cz-px) !important;
}
.jet-form-builder .select2-container--default .select2-selection--single .select2-selection__rendered{
height:var(--cz-h) !important;
line-height:var(--cz-h) !important;
margin:0 !important;
}
.jet-form-builder .select2-container--default .select2-selection--single .select2-selection__arrow{
height:var(--cz-h) !important;
}
.jet-form-builder .jet-form-builder-row{ margin-bottom:18px !important; }
/* Texto 16px en todos los campos + select2 */
.jet-form-builder .jet-form-builder__field,
.jet-form-builder .jet-form-builder__field-wrap input,
.jet-form-builder .jet-form-builder__field-wrap select,
.jet-form-builder .jet-form-builder__field-wrap textarea{
font-size:var(--cz-field-font) !important;
}
.jet-form-builder .jet-form-builder__field::placeholder,
.jet-form-builder .jet-form-builder__field-wrap input::placeholder,
.jet-form-builder .jet-form-builder__field-wrap textarea::placeholder{
font-size:var(--cz-field-font) !important;
}
.jet-form-builder .select2-container,
.jet-form-builder .select2-container--default .select2-selection--single,
.jet-form-builder .select2-container--default .select2-selection--single .select2-selection__rendered,
.jet-form-builder .select2-container--default .select2-search--dropdown .select2-search__field,
.jet-form-builder .select2-results__option{
font-size:var(--cz-field-font) !important;
}
.jet-form-builder input[type="date"].jet-form-builder__field{
font-size:var(--cz-field-font) !important;
}
.jet-form-builder-repeater{
background: transparent !important;
}
/* ===== Popup SIAZ (errores JetFormBuilder) ===== */
.jfb-siaz-modal{
position: fixed;
inset: 0;
z-index: 9999999;
display: none;
align-items: center;
justify-content: center;
padding: 22px;
background: rgba(68, 22, 2, .45);
backdrop-filter: blur(4px);
}
.jfb-siaz-modal.is-open{ display:flex; }
.jfb-siaz-card{
width: min(760px, 92vw);
border-radius: 22px;
overflow: hidden;
border: 2px solid #FFEFD4;
background: #fff;
box-shadow: 0 18px 60px rgba(0,0,0,.35);
animation: jfbPop .18s ease-out;
position: relative;
}
@keyframes jfbPop{
from{ transform: translateY(10px) scale(.98); opacity: .0; }
to{ transform: translateY(0) scale(1); opacity: 1; }
}
.jfb-siaz-head{
padding: 18px 22px 14px;
background: linear-gradient(135deg,#FEAD17,#FF7900);
color:#441602;
}
.jfb-siaz-kicker{
font-size: 12px;
letter-spacing: .14em;
text-transform: uppercase;
font-weight: 800;
opacity: .92;
}
.jfb-siaz-title{
margin-top: 8px;
font-size: 24px;
font-weight: 900;
line-height: 1.1;
}
.jfb-siaz-body{
padding: 18px 22px 20px;
background: #FFF7E8;
color:#441602;
font-size: 16px;
line-height: 1.6;
}
.jfb-siaz-actions{
margin-top: 14px;
display:flex;
gap:10px;
flex-wrap: wrap;
}
.jfb-siaz-btn{
appearance:none;
border:0;
cursor:pointer;
padding: 12px 18px;
border-radius: 999px;
background: #FEAD17;
color:#441602;
font-weight: 900;
letter-spacing: .04em;
}
.jfb-siaz-btn:hover{ filter: brightness(.97); }
.jfb-siaz-close{
position:absolute;
top: 12px;
right: 12px;
width: 42px;
height: 42px;
border-radius: 14px;
border: 1px solid rgba(255,255,255,.45);
background: rgba(255,255,255,.22);
color:#441602;
font-size: 22px;
font-weight: 900;
cursor:pointer;
}
#campo_biografia{
line-height: 1.5 !important;
padding: 20px !important;
width: 100% !important;
max-width: 100% !important;
min-height: 200px !important;
}
.jet-form-builder .jet-form-builder__field[name="campo_redes_sociales"]{
background: transparent !important;
}
/* =========================================================
PDF UPLOAD — NO preview tipo imagen + mostrar nombre archivo
SOLO afecta inputs accept="application/pdf"
========================================================= */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__files{
margin-top:12px;
}
/* El “cuadro raro” suele ser un preview (img/iframe/canvas/...) */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file img,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file iframe,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file canvas,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file object,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file embed,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file [class*="preview"],
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file [class*="thumb"]{
display:none !important;
}
/* Tarjeta del archivo (PDF) */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file{
display:flex;
align-items:center;
gap:12px;
padding:14px 14px 14px 14px;
border-radius:18px;
}
/* “iconito” PDF */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file::before{
content:"PDF";
display:grid;
place-items:center;
width:54px;
height:54px;
border-radius:16px;
background:rgba(254,173,23,.28);
border:1px solid rgba(68,22,2,.14);
color:#441602;
font-weight:900;
letter-spacing:.12em;
font-family:var(--font-btn);
}
/* Contenedor que inyecta el JS */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file .jfb-pdf-meta{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file .jfb-pdf-name{
font-weight:900;
color:#441602;
line-height:1.15;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:100%;
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file .jfb-pdf-sub{
font-size:13px;
color:rgba(68,22,2,.68);
}
/* Botón eliminar a la derecha */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file-remove{
margin-left:auto;
}
/* =========================================================
DIFERENCIAR FOTO vs PDF (según accept)
- Foto (image/*): mantiene preview ![]()
- PDF (application/pdf): NO preview tipo imagen, mostrar tarjeta
========================================================= */
/* --- FOTO: asegurar que el preview se vea bonito (solo campo_foto_perfil) --- */
.siaz-jfb .jet-form-builder-file-upload:has(input[name="campo_foto_perfil"][accept^="image/"])
.jet-form-builder-file-upload__file img{
display:block !important;
width:100%;
max-width:220px;
aspect-ratio:1/1;
object-fit:cover;
border-radius:22px;
box-shadow:0 14px 28px rgba(68,22,2,.10);
}
/* --- PDFs: matar cualquier intento de preview visual --- */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file img,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file iframe,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file canvas,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file object,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file embed{
display:none !important;
}
/* --- PDFs: tarjeta compacta con nombre --- */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file{
display:flex;
align-items:center;
gap:12px;
padding:14px 14px;
border-radius:18px;
background:rgba(255,255,255,.92);
border:1px solid rgba(68,22,2,.14);
box-shadow:0 10px 22px rgba(68,22,2,.06);
}
/* icono/badge PDF */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file::before{
content:"PDF";
display:grid;
place-items:center;
width:54px;
height:54px;
border-radius:16px;
background:rgba(205,32,15,.08);
border:1px solid rgba(205,32,15,.18);
color:#CD200F;
font-weight:900;
letter-spacing:.12em;
font-family:var(--font-btn);
flex:0 0 auto;
}
/* meta que inyecta el JS */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file .jfb-pdf-meta{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
flex:1 1 auto;
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file .jfb-pdf-name{
font-weight:900;
color:#441602;
line-height:1.15;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file .jfb-pdf-sub{
font-size:13px;
color:rgba(68,22,2,.68);
}
/* X (remove) a la derecha */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file-remove{
margin-left:auto;
}
/* =========================================================
BIOGRAFÍA — contador dinámico
========================================================= */
.siaz-jfb .jfb-counter{
margin-top:6px;
font-size:13px;
line-height:1.3;
font-weight:700;
display:flex;
justify-content:space-between;
gap:10px;
}
.siaz-jfb .jfb-counter .jfb-min{
color:#CD200F; /* rojo suave */
}
.siaz-jfb .jfb-counter .jfb-ok{
color:#FF7900; /* naranja */
}
.siaz-jfb .jfb-counter .jfb-max{
color:#441602; /* marrón */
}
.siaz-jfb .jfb-counter .jfb-done{
color:#16a34a; /* verde */
}
/* =========================================================
BIOGRAFÍA PRO — estados + barra + emojis
========================================================= */
.siaz-jfb .jfb-bio-wrap{
position:relative;
}
.siaz-jfb textarea#campo_biografia{
transition: box-shadow .18s ease, background-color .18s ease, outline-color .18s ease;
}
/* Estados visuales del textarea */
.siaz-jfb textarea#campo_biografia.is-low{
box-shadow:0 0 0 3px rgba(205,32,15,.18), var(--cz-field-shadow) !important;
background: rgba(205,32,15,.05) !important;
}
.siaz-jfb textarea#campo_biografia.is-mid{
box-shadow:0 0 0 3px rgba(255,121,0,.22), var(--cz-field-shadow) !important;
background: rgba(255,121,0,.06) !important;
}
.siaz-jfb textarea#campo_biografia.is-good{
box-shadow:0 0 0 3px rgba(34,197,94,.22), var(--cz-field-shadow) !important;
background: rgba(34,197,94,.06) !important;
}
/* Counter */
.siaz-jfb .jfb-counter{
margin-top:8px;
font-size:13px;
line-height:1.25;
font-weight:800;
display:flex;
justify-content:space-between;
gap:10px;
}
.siaz-jfb .jfb-counter .jfb-left{
display:flex;
align-items:center;
gap:8px;
min-width:0;
}
.siaz-jfb .jfb-counter .jfb-emoji{
width:28px;
height:28px;
display:grid;
place-items:center;
border-radius:999px;
background:rgba(255,255,255,.75);
border:1px solid rgba(68,22,2,.12);
box-shadow:0 10px 18px rgba(68,22,2,.08);
flex:0 0 auto;
}
.siaz-jfb .jfb-counter .jfb-text{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.siaz-jfb .jfb-counter .jfb-right{
font-weight:900;
padding:6px 10px;
border-radius:999px;
background:rgba(255,255,255,.7);
border:1px solid rgba(68,22,2,.12);
color:rgba(68,22,2,.75);
}
/* Barra de progreso */
.siaz-jfb .jfb-progress{
margin-top:8px;
height:10px;
border-radius:999px;
background:rgba(68,22,2,.10);
overflow:hidden;
box-shadow: inset 0 2px 6px rgba(0,0,0,.08);
}
.siaz-jfb .jfb-progress > span{
display:block;
height:100%;
width:0%;
border-radius:999px;
background:linear-gradient(90deg,#CD200F,#FF7900,#FEAD17);
transition:width .18s ease, filter .18s ease;
}
/* Sugerencia tipo IA */
.siaz-jfb .jfb-bio-suggest{
margin-top:12px;
padding:14px 16px;
border-radius:18px;
background:rgba(255,255,255,.78);
border:1px solid rgba(68,22,2,.14);
box-shadow:0 12px 26px rgba(68,22,2,.10);
}
.siaz-jfb .jfb-bio-suggest .jfb-s-title{
display:flex;
align-items:center;
gap:10px;
font-family:var(--font-btn);
letter-spacing:.04em;
text-transform:uppercase;
font-size:12px;
color:rgba(68,22,2,.85);
margin-bottom:8px;
}
.siaz-jfb .jfb-bio-suggest .jfb-s-text{
font-size:14px;
line-height:1.5;
color:#441602;
margin:0;
}
.siaz-jfb .jfb-bio-suggest .jfb-s-actions{
margin-top:10px;
display:flex;
gap:10px;
flex-wrap:wrap;
}
.siaz-jfb .jfb-bio-suggest button{
appearance:none;
border:0;
cursor:pointer;
padding:10px 14px;
border-radius:999px;
background:linear-gradient(135deg,#FEAD17,#FF7900);
color:#441602;
font-family:var(--font-btn);
text-transform:uppercase;
letter-spacing:.04em;
box-shadow:0 12px 22px rgba(68,22,2,.10);
}
.siaz-jfb .jfb-bio-suggest button:hover{ filter:brightness(.98); }
/* =========================================================
SIAZ — Bio IA + Counter (JetFormBuilder)
Scope: textarea#campo_biografia and surrounding JFB markup
========================================================= */
:root{
--siax-primary:#FEAD17;
--siax-accent:#FF7900;
--siax-danger:#CD200F;
--siax-text:#441602;
--siax-bg:#FFEFD4;
--siax-card:#ffffff;
--siax-border:rgba(68,22,2,.18);
--siax-shadow:0 18px 40px rgba(0,0,0,.10);
}
/* container for the whole IA block */
.siaz-bioai{
margin: 0 0 12px 0;
background: linear-gradient(180deg, rgba(254,173,23,.12), rgba(255,239,212,.65));
border: 1px solid var(--siax-border);
border-radius: 18px;
box-shadow: var(--siax-shadow);
overflow: hidden;
}
.siaz-bioai__top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
padding: 14px 14px 10px 14px;
}
.siaz-bioai__title{
display:flex;
align-items:center;
gap:10px;
font-weight: 800;
letter-spacing: .2px;
color: var(--siax-text);
font-size: 14px;
line-height: 1.2;
}
.siaz-bioai__title .dot{
width: 10px;
height: 10px;
border-radius: 99px;
background: var(--siax-accent);
box-shadow: 0 0 0 6px rgba(255,121,0,.15);
}
.siaz-bioai__hint{
color: rgba(68,22,2,.78);
font-size: 12px;
line-height: 1.35;
margin-top: 4px;
}
.siaz-bioai__actions{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.siaz-bioai__btn{
appearance:none;
border:none;
cursor:pointer;
font-weight: 800;
border-radius: 999px;
padding: 10px 14px;
color: var(--siax-text);
background: linear-gradient(180deg, var(--siax-primary), var(--siax-accent));
box-shadow: 0 12px 22px rgba(255,121,0,.22);
transform: translateZ(0);
transition: transform .15s ease, filter .15s ease, opacity .15s ease;
font-size: 13px;
line-height: 1;
white-space: nowrap;
}
.siaz-bioai__btn:hover{ transform: translateY(-1px); filter: saturate(1.05); }
.siaz-bioai__btn:active{ transform: translateY(0px); opacity:.92; }
.siaz-bioai__btn--ghost{
background: rgba(255,255,255,.72);
border: 1px solid var(--siax-border);
box-shadow:none;
}
.siaz-bioai__btn[disabled]{ opacity:.55; cursor:not-allowed; }
.siaz-bioai__close{
width: 38px;
height: 38px;
border-radius: 12px;
border: 1px solid var(--siax-border);
background: rgba(255,255,255,.70);
cursor:pointer;
display:grid;
place-items:center;
font-weight:900;
color: rgba(68,22,2,.75);
transition: transform .15s ease, background .15s ease;
}
.siaz-bioai__close:hover{ transform: translateY(-1px); background: rgba(255,255,255,.92); }
.siaz-bioai__body{
padding: 0 14px 14px 14px;
}
.siaz-bioai__chips{
display:flex;
flex-wrap:wrap;
gap:8px;
margin: 0 0 10px 0;
}
.siaz-bioai__chip{
font-size: 11px;
color: rgba(68,22,2,.85);
background: rgba(255,255,255,.70);
border: 1px solid var(--siax-border);
padding: 6px 10px;
border-radius: 999px;
}
.siaz-bioai__preview{
background: rgba(255,255,255,.82);
border: 1px dashed rgba(68,22,2,.28);
border-radius: 14px;
padding: 12px 12px 12px 12px;
color: rgba(68,22,2,.92);
font-size: 13px;
line-height: 1.45;
min-height: 52px;
white-space: pre-wrap;
}
.siaz-bioai__footer{
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
margin-top: 10px;
flex-wrap:wrap;
}
.siaz-bioai__status{
display:flex;
align-items:center;
gap:8px;
font-size: 12px;
color: rgba(68,22,2,.8);
}
.siaz-bioai__status b{ color: var(--siax-text); }
.siaz-bioai__badge{
display:inline-flex;
align-items:center;
gap:8px;
padding: 6px 10px;
border-radius: 999px;
border: 1px solid var(--siax-border);
background: rgba(255,255,255,.70);
}
/* Counter under textarea */
.siaz-bio-counter{
margin-top: 8px;
display:flex;
justify-content:space-between;
gap: 10px;
align-items:center;
flex-wrap:wrap;
}
.siaz-bio-counter__left{
display:flex;
align-items:center;
gap: 10px;
flex-wrap:wrap;
}
.siaz-bio-counter__emoji{
width: 28px;
height: 28px;
border-radius: 10px;
display:grid;
place-items:center;
background: rgba(255,255,255,.68);
border: 1px solid var(--siax-border);
}
.siaz-bio-counter__text{
font-size: 12px;
color: rgba(68,22,2,.80);
}
.siaz-bio-counter__text strong{
color: var(--siax-text);
}
.siaz-bio-counter__bar{
flex: 1 1 180px;
height: 10px;
border-radius: 999px;
background: rgba(68,22,2,.10);
border: 1px solid rgba(68,22,2,.14);
overflow: hidden;
min-width: 160px;
}
.siaz-bio-counter__bar > span{
display:block;
height: 100%;
width: 0%;
background: linear-gradient(90deg, var(--siax-primary), var(--siax-accent));
border-radius: 999px;
transition: width .12s ease;
}
/* State colors */
.siaz-state--bad .siaz-bio-counter__emoji{ border-color: rgba(205,32,15,.40); }
.siaz-state--bad .siaz-bio-counter__bar > span{ background: linear-gradient(90deg, var(--siax-danger), var(--siax-accent)); }
.siaz-state--warn .siaz-bio-counter__emoji{ border-color: rgba(255,121,0,.40); }
.siaz-state--ok .siaz-bio-counter__emoji{ border-color: rgba(254,173,23,.45); }
/* tiny: keep JFB textarea line-height sane */
textarea#campo_biografia{
line-height: 1.5 !important;
}
/* When IA box is closed, show a small reopen button */
.siaz-bioai--closed{
display:none;
}
.siaz-bioai-reopen{
margin: 0 0 10px 0;
display:flex;
justify-content:flex-end;
}
.siaz-bioai-reopen button{
appearance:none;
border: 1px solid var(--siax-border);
background: rgba(255,255,255,.75);
color: var(--siax-text);
border-radius: 999px;
padding: 8px 12px;
cursor:pointer;
font-weight:800;
font-size: 12px;
}
/* =========================================
Username suggester (SIAZ)
========================================= */
.siaz-userhint{
display:flex;
gap:10px;
align-items:center;
margin:0 0 8px 0;
padding:10px 12px;
border:1px solid var(--siaz-border, rgba(68,22,2,.18));
border-radius:14px;
background:linear-gradient(180deg, rgba(255,239,212,.9), rgba(255,255,255,.92));
box-shadow:0 10px 22px rgba(0,0,0,.06);
}
.siaz-userhint__label{
font-weight:700;
color:var(--siaz-text, #441602);
font-size:13px;
line-height:1.1;
padding:6px 10px;
border-radius:999px;
background:rgba(254,173,23,.20);
border:1px solid rgba(254,173,23,.35);
white-space:nowrap;
}
.siaz-userhint__status{
font-size:13px;
color:rgba(68,22,2,.85);
flex:1;
}
.siaz-userhint.is-checking .siaz-userhint__label{
background:rgba(255,121,0,.16);
border-color:rgba(255,121,0,.28);
}
.siaz-userhint.is-ok .siaz-userhint__label{
background:rgba(46, 204, 113, .14);
border-color:rgba(46, 204, 113, .26);
}
.siaz-userhint.is-bad .siaz-userhint__label{
background:rgba(205,32,15,.12);
border-color:rgba(205,32,15,.25);
}
.siaz-userhint.is-warn .siaz-userhint__label{
background:rgba(255, 193, 7, .14);
border-color:rgba(255, 193, 7, .26);
}
/* =========================================================
SIAZ — Username Badge
========================================================= */
.siaz-username-badge{
background: rgba(255,255,255,.55);
border: 1px solid rgba(68,22,2,.18);
border-radius: 16px;
padding: 12px 14px;
margin-bottom: 10px;
display: grid;
gap: 8px;
box-shadow: 0 18px 24px rgba(0,0,0,.06);
}
.siaz-username-badge__row{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.siaz-username-badge__row--small{
opacity:.92;
}
.siaz-username-badge__label{
font-weight: 800;
color:#441602;
letter-spacing:.2px;
}
.siaz-username-badge__hint{
font-size: 12.5px;
color: rgba(68,22,2,.9);
}
.siaz-username-badge__counter{
font-size: 12px;
color: rgba(68,22,2,.85);
background: rgba(254,173,23,.18);
border: 1px solid rgba(254,173,23,.35);
padding: 6px 10px;
border-radius: 999px;
}
.siaz-username-badge__status{
display:flex;
align-items:center;
gap:8px;
padding: 7px 11px;
border-radius: 999px;
font-weight: 700;
font-size: 12.5px;
border: 1px solid rgba(68,22,2,.15);
background: rgba(255,255,255,.65);
color:#fff;
}
.siaz-username-badge__status--ok{
background: rgba(72,187,120,.14);
border-color: rgba(72,187,120,.35);
}
.siaz-username-badge__status--bad{
background: rgba(205,32,15,.10);
border-color: rgba(205,32,15,.30);
}
.siaz-username-badge__status--warn{
background: rgba(255,121,0,.12);
border-color: rgba(255,121,0,.34);
}
.siaz-username-badge__status-icon{
font-size: 14px;
line-height: 1;
}
.siaz-username-badge__suggestion-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding-top: 2px;
}
.siaz-username-badge__suggestion-label{
font-size: 12.5px;
color: rgba(68,22,2,.85);
font-weight: 700;
}
.siaz-username-badge__suggestion-btn{
display:inline-flex;
align-items:center;
gap:8px;
border: 1px solid rgba(254,173,23,.55);
background: rgba(254,173,23,.22);
color:#441602;
padding: 7px 11px;
border-radius: 999px;
cursor:pointer;
font-weight: 900;
letter-spacing: .2px;
transition: transform .08s ease, box-shadow .12s ease, background .12s ease;
}
.siaz-username-badge__suggestion-btn:hover{
transform: translateY(-1px);
box-shadow: 0 12px 18px rgba(0,0,0,.08);
background: rgba(254,173,23,.28);
}
.siaz-username-badge__spark{
filter: drop-shadow(0 6px 10px rgba(0,0,0,.10));
}
/* =========================================
SIAZ — Username input border by status
(sin tocar JS)
========================================= */
/* base */
#campo_usuario{
transition: border-color .18s ease, box-shadow .18s ease, outline-color .18s ease;
}
/* ✅ disponible (verde) */
.siaz-username-badge:has(.siaz-username-badge__status--ok) + #campo_usuario{
border-color: #22c55e !important;
box-shadow: 0 0 0 3px rgba(34, 197, 94, .5) !important;
}
/* ❌ no disponible (rojo) */
.siaz-username-badge:has(.siaz-username-badge__status--bad) + #campo_usuario{
border-color: #ef4444 !important;
box-shadow: 0 0 0 3px rgba(239, 68, 68, .5) !important;
}
/* ❌ advertencia: faltan caracteres (rojo suave) */
.siaz-username-badge:has(.siaz-username-badge__status--warn) + #campo_usuario{
border-color: #ef4444 !important;
box-shadow: 0 0 0 3px rgba(239, 68, 68, .5) !important;
}/* End custom CSS */
/* Start custom CSS for jet-form-builder-form, class: .elementor-element-068b6d8 *//* =========================================================
JET FORM BUILDER (Elementor) — Minimal / Modern / Brand
Scope principal: .siaz-jfb
========================================================= */
/* ---------- Vars (unificadas) ---------- */
.siaz-jfb{
--bg:#fff;
--primary:#FEAD17;
--accent:#FF7900;
--danger:#CD200F;
--text:#441602;
--white:#fff;
--surface:rgba(255,255,255,0);
--border:rgba(68,22,2,0);
--border-strong:rgba(68,22,2,.26);
--shadow:0 58px 35px rgba(68,22,2,.10);
--r-lg:30px;
--r-md:30px;
--font-title:"Alfa Slab One",system-ui,serif;
--font-body:"Source Sans 3",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
--font-label:var(--font-body);
--font-btn:"Righteous",system-ui,sans-serif;
--field-h:50px;
/* Tema Select2 / extras (ya lo tenías repetido abajo) */
--jfb-bg:#FFEFD4;
--jfb-primary:var(--primary);
--jfb-secondary:var(--danger);
--jfb-accent:var(--accent);
--jfb-text:var(--text);
--jfb-white:#fff;
--jfb-card:rgba(255,255,255,.80);
--jfb-border:rgba(68,22,2,.16);
--jfb-border-strong:rgba(68,22,2,.26);
--jfb-shadow-soft:0 12px 28px rgba(68,22,2,.14);
--jfb-radius:18px;
--jfb-radius-sm:14px;
--jfb-font-label:var(--font-btn);
--jfb-font-body:var(--font-body);
}
/* ---------- Base ---------- */
.siaz-jfb *{ box-sizing:border-box; }
.siaz-jfb .jet-form-builder{
font-family:var(--font-body);
color:var(--text);
margin-inline:auto;
padding:clamp(14px,2vw,22px);
}
.siaz-jfb .jet-form-builder-page{
background:var(--surface);
border:0;
border-radius:var(--r-lg);
box-shadow:var(--shadow);
padding:50px; /* clamp(50,2.2vw,50) => siempre 50 */
backdrop-filter:blur(50px);
-webkit-backdrop-filter:blur(50px);
}
.siaz-jfb .jet-form-builder-page,
.siaz-jfb input,
.siaz-jfb select,
.siaz-jfb textarea,
.siaz-jfb button{
transition:box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease;
}
/* ---------- Columnas ---------- */
.siaz-jfb .wp-block-columns{
gap:clamp(10px,1.6vw,18px);
margin-block:10px;
}
@media (max-width:860px){
.siaz-jfb .wp-block-columns{ flex-wrap:wrap; }
.siaz-jfb .wp-block-column{ flex-basis:100% !important; }
}
/* ---------- Tipografía (labels + títulos) ---------- */
.siaz-jfb h1,
.siaz-jfb .jet-form-builder__heading .jet-form-builder__label-text{
font-family:var(--font-title);
letter-spacing:.2px;
}
.siaz-jfb .jet-form-builder__field-wrap{
display:flex;
flex-direction:column;
}
/* Alinea inputs aunque el label se parta */
.siaz-jfb .jet-form-builder__label{
margin-bottom:8px;
min-height:40px;
display:flex;
align-items:flex-end;
}
@media (max-width:640px){
.siaz-jfb .jet-form-builder__label{ min-height:0; }
}
.siaz-jfb .jet-form-builder__label-text{
font-family:var(--font-label);
font-weight:800;
font-size:1.2em;
letter-spacing:-1px;
color:rgba(68,22,2,.95);
line-height:1;
display:inline-flex;
align-items:center;
gap:5px;
}
.siaz-jfb .jet-form-builder__required{
color:var(--danger);
font-weight:900;
}
/* ---------- Inputs / Textarea ---------- */
.siaz-jfb .jet-form-builder__field{
width:100%;
font-family:var(--font-body);
color:var(--text);
}
.siaz-jfb input.jet-form-builder__field,
.siaz-jfb textarea.jet-form-builder__field{
background:var(--white);
border:1.5px solid var(--border);
border-radius:var(--r-md);
padding:12px 14px;
min-height:var(--field-h);
outline:0;
box-shadow:0 10px 22px rgba(68,22,2,.06);
}
.siaz-jfb textarea.jet-form-builder__field{
min-height:120px;
resize:vertical;
}
.siaz-jfb input.jet-form-builder__field:focus,
.siaz-jfb textarea.jet-form-builder__field:focus{
border-color:rgba(255,121,0,.75);
box-shadow:0 16px 30px rgba(68,22,2,.10),0 0 0 5px rgba(255,121,0,.16);
}
/* Placeholder */
.siaz-jfb ::placeholder{ color:rgba(68,22,2,.40); }
/* ---------- Select nativo (mantengo tu comportamiento actual) ---------- */
.siaz-jfb select.jet-form-builder__field{
background:var(--white);
border:1.5px solid var(--border);
border-radius:var(--r-md);
padding:0 44px 0 14px;
min-height:var(--field-h);
line-height:var(--field-h);
outline:0;
box-shadow:0 10px 22px rgba(68,22,2,.06);
-webkit-appearance:none;
appearance:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cpath d='M2 2l8 8 8-8' fill='none' stroke='%23441602' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 14px center;
background-size:18px 10px;
}
.siaz-jfb select.jet-form-builder__field:focus{
border-color:rgba(255,121,0,.75);
box-shadow:0 16px 30px rgba(68,22,2,.10),0 0 0 5px rgba(255,121,0,.16);
}
/* ---------- Password eye icon ---------- */
.siaz-jfb .has-eye-icon{ position:relative; }
.siaz-jfb .has-eye-icon .jfb-eye-icon{
position:absolute;
right:14px;
top:50%;
transform:translateY(-50%);
color:rgba(68,22,2,.65);
opacity:.95;
}
/* ---------- Radios / Checkboxes ---------- */
.siaz-jfb .checkradio-wrap{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:8px;
}
.siaz-jfb .checkradio-wrap .jet-form-builder__field-label{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 12px;
border-radius:999px;
background:rgba(255,255,255,.92);
border:1.5px solid var(--border);
box-shadow:0 10px 22px rgba(68,22,2,.06);
cursor:pointer;
}
.siaz-jfb .checkradio-wrap input[type="radio"],
.siaz-jfb .checkradio-wrap input[type="checkbox"]{
width:22px;
height:22px;
accent-color:var(--danger);
}
.siaz-jfb .checkradio-wrap .jet-form-builder__field-label:has(input:checked){
border-color:rgba(255,121,0,.55);
box-shadow:0 0 0 5px rgba(255,121,0,.12);
}
/* ---------- Botones ---------- */
.siaz-jfb .jet-form-builder__next-page-wrap{
display:flex;
justify-content:space-between;
gap:12px;
margin-top:18px;
}
.siaz-jfb .jet-form-builder__next-page,
.siaz-jfb .jet-form-builder__prev-page,
.siaz-jfb .jet-form-builder__action-button{
border-radius:999px;
padding:14px 18px;
min-height:54px;
font-family:var(--font-btn);
letter-spacing:.4px;
text-transform:uppercase;
border:2px solid rgba(255,255,255,.75);
cursor:pointer;
}
/* Next */
.siaz-jfb .jet-form-builder__next-page{
background:linear-gradient(135deg,var(--primary),var(--accent));
color:var(--text);
box-shadow:0 18px 36px rgba(68,22,2,.12);
}
.siaz-jfb .jet-form-builder__next-page:hover{
border-color:rgba(255,255,255,.95);
box-shadow:0 22px 44px rgba(68,22,2,.16);
}
/* Prev */
.siaz-jfb .jet-form-builder__prev-page{
background:rgba(255,255,255,.70);
color:var(--text);
border-color:rgba(68,22,2,.22);
box-shadow:0 14px 28px rgba(68,22,2,.10);
}
.siaz-jfb .jet-form-builder__prev-page:hover{ border-color:rgba(68,22,2,.35); }
/* Submit */
.siaz-jfb .jet-form-builder__submit{
background:linear-gradient(135deg,var(--danger),#ff3b2e);
color:#fff;
border-color:rgba(255,255,255,.60);
box-shadow:0 18px 36px rgba(205,32,15,.18);
}
.siaz-jfb .jet-form-builder__submit:hover{
border-color:rgba(255,255,255,.90);
box-shadow:0 24px 50px rgba(205,32,15,.22);
}
/* ---------- Mensajes Success / Error ---------- */
.siaz-jfb .jet-form-builder-message{
border-radius:18px;
padding:14px 16px;
background:rgba(255,255,255,.92);
border:1px solid rgba(68,22,2,.16);
box-shadow:0 10px 22px rgba(68,22,2,.08);
color:var(--text);
font-family:var(--font-body);
font-size:15px;
line-height:1.35;
margin-top:14px;
}
.siaz-jfb .jet-form-builder-message .emoji{
width:18px;
height:18px;
vertical-align:-3px;
margin-inline:4px;
}
.siaz-jfb .jet-form-builder-message--success{
border-color:rgba(34,197,94,.35);
background:linear-gradient(180deg,rgba(34,197,94,.10),rgba(255,255,255,.92));
box-shadow:0 0 0 5px rgba(34,197,94,.10),0 12px 26px rgba(68,22,2,.10);
}
.siaz-jfb .jet-form-builder-message--error{
border-color:rgba(205,32,15,.35);
background:linear-gradient(180deg,rgba(205,32,15,.10),rgba(255,255,255,.92));
box-shadow:0 0 0 5px rgba(205,32,15,.10),0 12px 26px rgba(68,22,2,.10);
}
/* ---------- Accesibilidad ---------- */
@media (prefers-reduced-motion: reduce){
.siaz-jfb *{
transition:none !important;
animation:none !important;
}
}
.jet-form-builder__field-wrap span::before{ display:none !important; }
/* =========================================================
FILE UPLOAD — mantiene tu UX (overlay clickeable + chips)
========================================================= */
.siaz-jfb .jet-form-builder-file-upload{
--upload-h:270px;
position:relative;
}
/* Hover/Focus “se siente botón” */
.siaz-jfb .jet-form-builder-file-upload:hover .jet-form-builder-file-upload__content{
border-color:rgba(255,121,0,.75);
box-shadow:0 16px 30px rgba(68,22,2,.10);
}
.siaz-jfb .jet-form-builder-file-upload:focus-within .jet-form-builder-file-upload__content{
border-color:rgba(255,121,0,.85);
box-shadow:0 0 0 5px rgba(255,121,0,.14),0 16px 30px rgba(68,22,2,.10);
}
/* Input invisible que toma el click */
.siaz-jfb .jet-form-builder-file-upload__fields{
position:absolute;
inset:0 auto auto 0;
left:0; right:0; top:0;
height:var(--upload-h);
z-index:5;
}
.siaz-jfb .jet-form-builder-file-upload__input{
width:100%;
height:100%;
opacity:0;
cursor:pointer;
}
.siaz-jfb .jet-form-builder-file-upload__input::file-.elementor-127 .elementor-element.elementor-element-068b6d8-button,
.siaz-jfb .jet-form-builder-file-upload__input::-webkit-file-upload-button{ display:none; }
/* Mensaje tamaño máx */
.siaz-jfb .jet-form-builder-file-upload__message small{
display:inline-block;
margin-top:10px;
padding:8px 12px;
border-radius:999px;
background:rgba(255,255,255,.75);
border:1px solid rgba(68,22,2,.12);
color:rgba(68,22,2,.75);
}
/* Desc abajo */
.siaz-jfb .jet-form-builder__desc small{
font-size:14px;
line-height:1.4;
color:rgba(68,22,2,.75);
}
/* Chips archivo cargado */
.siaz-jfb .jet-form-builder-file-upload__files{
display:grid;
gap:10px;
margin-top:10px;
}
.siaz-jfb .jet-form-builder-file-upload__file{
background:rgba(255,255,255,.92);
border:1px solid rgba(68,22,2,.14);
border-radius:16px;
padding:12px;
box-shadow:0 10px 22px rgba(68,22,2,.06);
position:relative;
}
.siaz-jfb .jet-form-builder-file-upload__file-remove{
width:40px;
height:40px;
border-radius:999px;
background:rgba(255,255,255,.92);
border:1px solid rgba(205,32,15,.22);
box-shadow:0 10px 22px rgba(68,22,2,.08);
display:grid;
place-items:center;
}
.siaz-jfb .jet-form-builder-file-upload__file-remove:hover{
background:rgba(205,32,15,.08);
border-color:rgba(205,32,15,.35);
}
.siaz-jfb .jet-form-builder-file-upload__file-remove svg{ fill:var(--danger); }
/* =========================================================
Repeater — botón + layout + X minimal
========================================================= */
.siaz-jfb .jet-form-builder-repeater{ width:100%; }
.siaz-jfb .jet-form-builder-repeater__actions{
margin-top:14px;
display:flex;
justify-content:flex-start;
}
.siaz-jfb .jet-form-builder-repeater__new{
appearance:none;
border:0;
border-radius:999px;
padding:12px 16px;
min-height:44px;
font-family:var(--font-btn);
font-size:14px;
letter-spacing:.3px;
text-transform:uppercase;
background:linear-gradient(135deg,var(--primary),var(--accent));
color:var(--text);
box-shadow:0 14px 26px rgba(68,22,2,.10);
cursor:pointer;
transition:transform .14s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease;
}
.siaz-jfb .jet-form-builder-repeater__new:hover{
transform:translateY(-1px);
box-shadow:0 18px 34px rgba(68,22,2,.14);
filter:saturate(1.05);
}
.siaz-jfb .jet-form-builder-repeater__new:active{
transform:translateY(0);
box-shadow:0 10px 18px rgba(68,22,2,.10);
opacity:.95;
}
.siaz-jfb .jet-form-builder-repeater__new:focus-visible{
outline:0;
box-shadow:0 18px 34px rgba(68,22,2,.14),0 0 0 5px rgba(255,121,0,.16);
}
.siaz-jfb .jet-form-builder-repeater__items{
display:grid;
gap:12px;
margin-top:10px;
}
.siaz-jfb .jet-form-builder-repeater__row{
position:relative;
margin:0 !important;
padding:16px 56px 14px 16px;
border-radius:22px;
background:rgba(255,255,255,.70);
border:1px solid rgba(68,22,2,.14);
box-shadow:0 12px 24px rgba(68,22,2,.08);
}
.siaz-jfb .jet-form-builder-repeater__row .jet-form-builder__label{ margin-bottom:6px; }
.siaz-jfb .jet-form-builder-repeater__row .jet-form-builder__desc{ margin-top:6px; }
.siaz-jfb .jet-form-builder-repeater__row .jet-form-builder-row{ margin:0 !important; }
/* X */
.siaz-jfb .jet-form-builder-repeater__row-remove{
position:absolute;
top:14px;
right:14px;
margin:0;
}
.siaz-jfb .jet-form-builder-repeater__remove{
width:38px;
height:38px;
border-radius:999px;
display:grid;
place-items:center;
border:1px solid rgba(68,22,2,.18);
background:rgba(255,255,255,.88);
color:var(--jfb-secondary);
padding:0;
cursor:pointer;
box-shadow:0 10px 18px rgba(68,22,2,.10);
transition:transform .14s ease,box-shadow .18s ease,background .18s ease;
font-size:49px !important;
line-height:0 !important; /* (tu override final) */
}
.siaz-jfb .jet-form-builder-repeater__remove:hover{
transform:translateY(-1px);
background:rgba(205,32,15,.08);
box-shadow:0 14px 26px rgba(68,22,2,.14);
}
.siaz-jfb .jet-form-builder-repeater__remove:active{
transform:translateY(0);
box-shadow:0 8px 14px rgba(68,22,2,.10);
}
.siaz-jfb .jet-form-builder-repeater__remove:focus-visible{
outline:0;
box-shadow:0 14px 26px rgba(68,22,2,.14),0 0 0 5px rgba(205,32,15,.12);
}
@media (max-width:860px){
.siaz-jfb .jet-form-builder-repeater__row{ padding:16px; }
.siaz-jfb .jet-form-builder-repeater__row-fields .wp-block-column{
min-width:0;
flex-basis:100% !important;
}
.siaz-jfb .jet-form-builder-repeater__row-remove{
position:static;
margin-top:10px;
display:flex;
justify-content:flex-end;
}
}
/* Solo desktop: mantener columnas en una línea */
@media (min-width:861px){
.siaz-jfb .jet-form-builder .wp-block-columns.is-layout-flex{
flex-wrap:nowrap !important;
}
}
/* Repeater: columnas sin margen y sin gaps (tu override final manda) */
.siaz-jfb .jet-form-builder-repeater__row-fields .wp-block-columns{
margin:0 !important;
gap:0 !important;
align-items:flex-start !important;
}
.siaz-jfb .jet-form-builder-repeater__row-fields .wp-block-column{
flex:1 1 0% !important;
min-width:260px;
}
/* =========================================================
ICONO de red social dentro del select
========================================================= */
.siaz-jfb .jfb-social-select-wrap{ position:relative !important; }
.siaz-jfb .jfb-social-select-wrap > select.jet-form-builder__field{ padding-left:46px !important; }
.siaz-jfb .jfb-social-select-wrap::before{
content:"";
position:absolute;
left:14px;
top:50%;
transform:translateY(-50%);
width:22px;
height:22px;
background:var(--jfb-social-icon,none) no-repeat;
background-size:22px 22px;
opacity:.92;
filter:drop-shadow(0 6px 14px rgba(68,22,2,.14));
pointer-events:none;
}
/* Iconos */
.siaz-jfb .jfb-social--instagram{ --jfb-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23441602' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='4'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M16.5 7.5h.01'/%3E%3C/g%3E%3C/svg%3E"); }
.siaz-jfb .jfb-social--facebook{ --jfb-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='%23441602' d='M13.5 22v-8h2.7l.4-3H13.5V9.2c0-.9.3-1.5 1.6-1.5H16.8V5.1c-.3 0-1.2-.1-2.4-.1-2.4 0-4 1.4-4 4.1V11H8v3h2.4v8h3.1z'/%3E%3C/svg%3E"); }
.siaz-jfb .jfb-social--youtube{ --jfb-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23441602' stroke-width='2' d='M21 12s0-4-1-5-8-1-8-1-7 0-8 1-1 5-1 5 0 4 1 5 8 1 8 1 7 0 8-1 1-5 1-5z'/%3E%3Cpath fill='%23441602' d='M10 9.5v5l5-2.5z'/%3E%3C/svg%3E"); }
.siaz-jfb .jfb-social--x{ --jfb-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23441602' stroke-width='2' stroke-linecap='round' d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E"); }
.siaz-jfb .jfb-social--pinterest{ --jfb-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23441602' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 21c4.4 0 8-3.6 8-8s-3.6-8-8-8-8 3.6-8 8c0 3.4 2.1 6.3 5.1 7.4l.8-3.1c-.4-.5-.7-1.3-.7-2.3 0-1.7 1-3.4 2.8-3.4 1.3 0 1.9 1 1.9 2.1 0 1.3-.8 3.2-1.2 5 .4.9 1.4 1.5 2.6 1.5'/%3E%3C/svg%3E"); }
.siaz-jfb .jfb-social--behance{ --jfb-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23441602' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 7h6a3 3 0 0 1 0 6H4V7zm0 6h6a3 3 0 0 1 0 6H4v-6zm9-7h6m-6 6c0-2 1.5-3 3-3s3 1 3 3-1.5 3-3 3-3-1-3-3z'/%3E%3C/svg%3E"); }
.siaz-jfb .jfb-social--sitio_web{ --jfb-social-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23441602' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3a14 14 0 0 1 0 18'/%3E%3Cpath d='M12 3a14 14 0 0 0 0 18'/%3E%3C/g%3E%3C/svg%3E"); }
.siaz-jfb .jfb-social--default{ --jfb-social-icon:none; }
/* Override final de checkradio (conserva tu resultado actual) */
.siaz-jfb .checkradio-wrap .jet-form-builder__field-label:has(input:checked){
box-shadow:none;
border-color:#fff;
background-color:#FEAD18;
color:#441602;
font-weight:700;
}
/* =========================================================
BOTÓN “+ Agregar nueva” (custom-option)
========================================================= */
.siaz-jfb .custom-option{ align-items:center; }
.siaz-jfb .custom-option > .add-custom-option{
border:0 !important;
border-radius:999px !important;
padding:12px 16px !important;
min-height:48px !important;
font-family:var(--jfb-font-label) !important;
font-size:14px !important;
letter-spacing:.3px;
cursor:pointer;
background:linear-gradient(135deg,var(--jfb-primary),var(--jfb-accent)) !important;
color:var(--jfb-text) !important;
box-shadow:0 14px 26px rgba(68,22,2,.14) !important;
transition:transform .12s ease,box-shadow .18s ease,filter .18s ease;
}
.siaz-jfb .custom-option > .add-custom-option:hover{
transform:translateY(-1px);
box-shadow:0 20px 38px rgba(68,22,2,.18) !important;
filter:saturate(1.04);
}
.siaz-jfb .custom-option > .add-custom-option:active{
transform:translateY(0);
box-shadow:0 12px 22px rgba(68,22,2,.14) !important;
}
.siaz-jfb .custom-option label.jet-form-builder__field-label{
display:inline-flex !important;
align-items:center !important;
gap:10px !important;
padding:10px 12px !important;
border-radius:999px !important;
background:rgba(255,255,255,.78) !important;
border:1.5px solid var(--jfb-border) !important;
box-shadow:0 10px 18px rgba(68,22,2,.08) !important;
}
.siaz-jfb .custom-option input[type="checkbox"]{
width:20px !important;
height:20px !important;
accent-color:var(--jfb-secondary);
}
.siaz-jfb .custom-option input[type="text"].jet-form-builder__field{
min-height:40px !important;
padding:10px 12px !important;
border-radius:999px !important;
border:1.5px solid var(--jfb-border) !important;
background:rgba(255,255,255,.92) !important;
box-shadow:none !important;
width:clamp(180px,28vw,360px);
}
.siaz-jfb .custom-option input[type="text"].jet-form-builder__field:focus{
border-color:rgba(255,121,0,.75) !important;
box-shadow:0 0 0 6px rgba(255,121,0,.16) !important;
}
/* =========================================================
FIX: Upload PDF vs Foto (texto/etiqueta según accept)
========================================================= */
.siaz-jfb .jet-form-builder-file-upload__content{
position:relative;
min-height:240px;
display:grid;
place-items:center;
padding:22px;
background:rgba(255,255,255,.72);
border:1.5px solid rgba(68,22,2,.14);
border-radius:26px;
box-shadow:0 18px 45px rgba(68,22,2,.12);
overflow:hidden;
}
.siaz-jfb .jet-form-builder-file-upload__content::before{
content:"HAZ CLIC AQUÍ PARA SUBIR TU ARCHIVO";
display:inline-flex;
align-items:center;
justify-content:center;
text-align:center;
width:min(320px,100%);
padding:16px 18px;
border-radius:999px;
font-family:var(--jfb-font-label);
font-size:14px;
letter-spacing:.3px;
color:var(--jfb-text);
background:linear-gradient(135deg,var(--jfb-primary),var(--jfb-accent));
box-shadow:0 14px 26px rgba(68,22,2,.16);
pointer-events:none;
}
.siaz-jfb .jet-form-builder-file-upload__content::after{
content:"";
position:absolute;
bottom:22px;
left:0;
right:0;
text-align:center;
font-family:var(--jfb-font-alt);
font-size:14px;
letter-spacing:.8px;
color:rgba(68,22,2,.65);
pointer-events:none;
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"]) .jet-form-builder-file-upload__content::before{
content:"HAZ CLIC AQUÍ PARA SUBIR TU PDF";
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"]) .jet-form-builder-file-upload__content::after{
content:"PDF";
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept^="image/"]) .jet-form-builder-file-upload__content::before{
content:"HAZ CLIC AQUÍ PARA SUBIR TU FOTO";
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept^="image/"]) .jet-form-builder-file-upload__content::after{
content:"JPG / PNG";
}
/* =========================================================
SELECT2 (Dropdown + búsqueda + opciones)
========================================================= */
.siaz-jfb .select2-container{ font-family:var(--jfb-font-body); }
.siaz-jfb .select2-container--default .select2-selection--single{
background:rgba(255,255,255,.92) !important;
border:1.5px solid var(--jfb-border) !important;
border-radius:999px !important;
min-height:52px !important;
display:flex !important;
align-items:center !important;
box-shadow:0 10px 22px rgba(68,22,2,.10) !important;
}
.siaz-jfb .select2-container--default .select2-selection--single .select2-selection__rendered{
color:var(--jfb-text) !important;
padding-left:18px !important;
padding-right:44px !important;
line-height:1.2 !important;
font-size:18px !important;
}
.siaz-jfb .select2-container--default .select2-selection--single .select2-selection__arrow{ right:14px !important; }
.siaz-jfb .select2-container--default .select2-selection--single .select2-selection__arrow b{
border-color:rgba(68,22,2,.55) transparent transparent transparent !important;
border-width:7px 7px 0 7px !important;
}
.siaz-jfb .select2-container--default.select2-container--open .select2-selection--single,
.siaz-jfb .select2-container--default.select2-container--focus .select2-selection--single{
border-color:rgba(255,121,0,.75) !important;
box-shadow:0 16px 32px rgba(68,22,2,.14),0 0 0 6px rgba(255,121,0,.16) !important;
}
.siaz-jfb .select2-dropdown{
background:rgba(255,255,255,.96) !important;
border:1.5px solid var(--jfb-border) !important;
border-radius:var(--jfb-radius) !important;
overflow:hidden !important;
box-shadow:var(--jfb-shadow-soft) !important;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
}
.siaz-jfb .select2-search--dropdown{
padding:12px 12px 10px !important;
background:rgba(255,239,212,.55) !important;
border-bottom:1px solid rgba(68,22,2,.10) !important;
}
.siaz-jfb .select2-search--dropdown .select2-search__field{
width:100% !important;
border:1.5px solid rgba(68,22,2,.14) !important;
border-radius:14px !important;
padding:12px !important;
outline:0 !important;
font-family:var(--jfb-font-body) !important;
font-size:16px !important;
color:var(--jfb-text) !important;
background:rgba(255,255,255,.95) !important;
box-shadow:0 10px 20px rgba(68,22,2,.08) !important;
}
.siaz-jfb .select2-search--dropdown .select2-search__field:focus{
border-color:rgba(255,121,0,.75) !important;
box-shadow:0 14px 26px rgba(68,22,2,.12),0 0 0 6px rgba(255,121,0,.14) !important;
}
.siaz-jfb .select2-results{ padding:8px !important; }
.siaz-jfb .select2-results__options{
max-height:320px !important;
overflow:auto !important;
padding:4px !important;
}
.siaz-jfb .select2-container--default .select2-results__option{
font-family:var(--jfb-font-body) !important;
font-size:18px !important;
color:var(--jfb-text) !important;
padding:10px 12px !important;
margin:4px 2px !important;
border-radius:14px !important;
background:transparent !important;
transition:background .12s ease,transform .12s ease;
}
.siaz-jfb .select2-container--default .select2-results__option--highlighted[aria-selected]{
background:rgba(254,173,23,.30) !important;
color:var(--jfb-text) !important;
transform:translateY(-1px);
}
.siaz-jfb .select2-container--default .select2-results__option[aria-selected="true"]{
background:rgba(255,121,0,.20) !important;
border:1px solid rgba(255,121,0,.25) !important;
}
.siaz-jfb .select2-container--default .select2-results__option.select2-results__message{
background:rgba(255,239,212,.75) !important;
border:1px dashed rgba(68,22,2,.20) !important;
border-radius:14px !important;
padding:12px !important;
color:rgba(68,22,2,.85) !important;
font-family:var(--jfb-font-body) !important;
}
/* Scrollbar */
.siaz-jfb .select2-results__options::-webkit-scrollbar{ width:10px; }
.siaz-jfb .select2-results__options::-webkit-scrollbar-thumb{
background:rgba(68,22,2,.18);
border-radius:999px;
border:3px solid rgba(255,255,255,.8);
}
.siaz-jfb .select2-results__options::-webkit-scrollbar-track{ background:transparent; }
/* Date input (caja) */
.siaz-jfb input[type="date"].jet-form-builder__field{
background:rgba(255,255,255,.92) !important;
border:1.5px solid rgba(68,22,2,.16) !important;
border-radius:999px !important;
min-height:52px !important;
padding:12px 48px 12px 16px !important;
font-family:var(--jfb-font-body) !important;
font-size:18px !important;
color:var(--jfb-text) !important;
box-shadow:0 10px 22px rgba(68,22,2,.01) !important;
}
.siaz-jfb input[type="date"]::-webkit-calendar-picker-indicator{
opacity:.85;
cursor:pointer;
padding:6px;
}
/* =========================================================
GLOBAL OVERRIDES (tal cual tu comportamiento actual)
- esquina TL en punta
- altura visual igual
- texto 16px
========================================================= */
:root{
--cz-field-bg:#fff;
--cz-field-text:#441602;
--cz-field-placeholder:rgba(68,22,2,.55);
--cz-field-shadow:0 12px 28px rgba(68,22,2,.01);
--cz-field-radius:0 999px 999px 999px;
--cz-h:45px;
--cz-px:20px;
--cz-field-font:16px;
}
/* Esquina TL en punta */
.jet-form-builder .jet-form-builder__field,
.jet-form-builder textarea.jet-form-builder__field,
.jet-form-builder select.jet-form-builder__field{
background:var(--cz-field-bg) !important;
color:var(--cz-field-text) !important;
border:0 !important;
border-radius:var(--cz-field-radius) !important;
box-shadow:var(--cz-field-shadow) !important;
outline:0 !important;
}
.jet-form-builder textarea.jet-form-builder__field{
min-height:120px !important;
height:auto !important;
padding:22px 28px !important;
border-radius:0 36px 36px 36px !important;
}
.jet-form-builder .jet-form-builder__field::placeholder{
color:var(--cz-field-placeholder) !important;
opacity:1 !important;
}
.jet-form-builder .jet-form-builder__field:focus{
box-shadow:0 0 0 3px rgba(254,173,23,.35),var(--cz-field-shadow) !important;
}
/* Select2 “caja” (esquina en punta) */
.jet-form-builder .select2-container--default .select2-selection--single{
background:var(--cz-field-bg) !important;
border:0 !important;
border-radius:var(--cz-field-radius) !important;
box-shadow:var(--cz-field-shadow) !important;
display:flex !important;
align-items:center !important;
box-sizing:border-box !important;
}
.jet-form-builder .select2-container--default .select2-selection--single .select2-selection__rendered{
padding:0 !important;
color:var(--cz-field-text) !important;
line-height:1.2 !important;
}
.jet-form-builder .select2-container--default .select2-selection--single .select2-selection__placeholder{
color:var(--cz-field-placeholder) !important;
}
.jet-form-builder .select2-container--default .select2-selection--single .select2-selection__arrow{
right:18px !important;
}
/* Igualar alto/padding/centrado */
.jet-form-builder .jet-form-builder__field,
.jet-form-builder .jet-form-builder__field-wrap select,
.jet-form-builder .jet-form-builder__field-wrap input,
.jet-form-builder .jet-form-builder__field-wrap textarea{
box-sizing:border-box !important;
}
.jet-form-builder input.jet-form-builder__field:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.jet-form-builder select.jet-form-builder__field,
.jet-form-builder textarea.jet-form-builder__field{
height:var(--cz-h) !important;
min-height:var(--cz-h) !important;
padding:0 var(--cz-px) !important;
line-height:var(--cz-h) !important;
}
.jet-form-builder input[type="date"].jet-form-builder__field{
line-height:normal !important;
padding:0 var(--cz-px) !important;
height:var(--cz-h) !important;
min-height:var(--cz-h) !important;
}
.jet-form-builder .select2-container--default .select2-selection--single{
height:var(--cz-h) !important;
min-height:var(--cz-h) !important;
padding:0 calc(var(--cz-px) + 28px) 0 var(--cz-px) !important;
}
.jet-form-builder .select2-container--default .select2-selection--single .select2-selection__rendered{
height:var(--cz-h) !important;
line-height:var(--cz-h) !important;
margin:0 !important;
}
.jet-form-builder .select2-container--default .select2-selection--single .select2-selection__arrow{
height:var(--cz-h) !important;
}
.jet-form-builder .jet-form-builder-row{ margin-bottom:18px !important; }
/* Texto 16px en todos los campos + select2 */
.jet-form-builder .jet-form-builder__field,
.jet-form-builder .jet-form-builder__field-wrap input,
.jet-form-builder .jet-form-builder__field-wrap select,
.jet-form-builder .jet-form-builder__field-wrap textarea{
font-size:var(--cz-field-font) !important;
}
.jet-form-builder .jet-form-builder__field::placeholder,
.jet-form-builder .jet-form-builder__field-wrap input::placeholder,
.jet-form-builder .jet-form-builder__field-wrap textarea::placeholder{
font-size:var(--cz-field-font) !important;
}
.jet-form-builder .select2-container,
.jet-form-builder .select2-container--default .select2-selection--single,
.jet-form-builder .select2-container--default .select2-selection--single .select2-selection__rendered,
.jet-form-builder .select2-container--default .select2-search--dropdown .select2-search__field,
.jet-form-builder .select2-results__option{
font-size:var(--cz-field-font) !important;
}
.jet-form-builder input[type="date"].jet-form-builder__field{
font-size:var(--cz-field-font) !important;
}
.jet-form-builder-repeater{
background: transparent !important;
}
/* ===== Popup SIAZ (errores JetFormBuilder) ===== */
.jfb-siaz-modal{
position: fixed;
inset: 0;
z-index: 9999999;
display: none;
align-items: center;
justify-content: center;
padding: 22px;
background: rgba(68, 22, 2, .45);
backdrop-filter: blur(4px);
}
.jfb-siaz-modal.is-open{ display:flex; }
.jfb-siaz-card{
width: min(760px, 92vw);
border-radius: 22px;
overflow: hidden;
border: 2px solid #FFEFD4;
background: #fff;
box-shadow: 0 18px 60px rgba(0,0,0,.35);
animation: jfbPop .18s ease-out;
position: relative;
}
@keyframes jfbPop{
from{ transform: translateY(10px) scale(.98); opacity: .0; }
to{ transform: translateY(0) scale(1); opacity: 1; }
}
.jfb-siaz-head{
padding: 18px 22px 14px;
background: linear-gradient(135deg,#FEAD17,#FF7900);
color:#441602;
}
.jfb-siaz-kicker{
font-size: 12px;
letter-spacing: .14em;
text-transform: uppercase;
font-weight: 800;
opacity: .92;
}
.jfb-siaz-title{
margin-top: 8px;
font-size: 24px;
font-weight: 900;
line-height: 1.1;
}
.jfb-siaz-body{
padding: 18px 22px 20px;
background: #FFF7E8;
color:#441602;
font-size: 16px;
line-height: 1.6;
}
.jfb-siaz-actions{
margin-top: 14px;
display:flex;
gap:10px;
flex-wrap: wrap;
}
.jfb-siaz-btn{
appearance:none;
border:0;
cursor:pointer;
padding: 12px 18px;
border-radius: 999px;
background: #FEAD17;
color:#441602;
font-weight: 900;
letter-spacing: .04em;
}
.jfb-siaz-btn:hover{ filter: brightness(.97); }
.jfb-siaz-close{
position:absolute;
top: 12px;
right: 12px;
width: 42px;
height: 42px;
border-radius: 14px;
border: 1px solid rgba(255,255,255,.45);
background: rgba(255,255,255,.22);
color:#441602;
font-size: 22px;
font-weight: 900;
cursor:pointer;
}
#campo_biografia{
line-height: 1.5 !important;
padding: 20px !important;
width: 100% !important;
max-width: 100% !important;
min-height: 200px !important;
}
.jet-form-builder .jet-form-builder__field[name="campo_redes_sociales"]{
background: transparent !important;
}
/* =========================================================
PDF UPLOAD — NO preview tipo imagen + mostrar nombre archivo
SOLO afecta inputs accept="application/pdf"
========================================================= */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__files{
margin-top:12px;
}
/* El “cuadro raro” suele ser un preview (img/iframe/canvas/...) */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file img,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file iframe,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file canvas,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file object,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file embed,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file [class*="preview"],
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file [class*="thumb"]{
display:none !important;
}
/* Tarjeta del archivo (PDF) */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file{
display:flex;
align-items:center;
gap:12px;
padding:14px 14px 14px 14px;
border-radius:18px;
}
/* “iconito” PDF */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file::before{
content:"PDF";
display:grid;
place-items:center;
width:54px;
height:54px;
border-radius:16px;
background:rgba(254,173,23,.28);
border:1px solid rgba(68,22,2,.14);
color:#441602;
font-weight:900;
letter-spacing:.12em;
font-family:var(--font-btn);
}
/* Contenedor que inyecta el JS */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file .jfb-pdf-meta{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file .jfb-pdf-name{
font-weight:900;
color:#441602;
line-height:1.15;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:100%;
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file .jfb-pdf-sub{
font-size:13px;
color:rgba(68,22,2,.68);
}
/* Botón eliminar a la derecha */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file-remove{
margin-left:auto;
}
/* =========================================================
DIFERENCIAR FOTO vs PDF (según accept)
- Foto (image/*): mantiene preview ![]()
- PDF (application/pdf): NO preview tipo imagen, mostrar tarjeta
========================================================= */
/* --- FOTO: asegurar que el preview se vea bonito (solo campo_foto_perfil) --- */
.siaz-jfb .jet-form-builder-file-upload:has(input[name="campo_foto_perfil"][accept^="image/"])
.jet-form-builder-file-upload__file img{
display:block !important;
width:100%;
max-width:220px;
aspect-ratio:1/1;
object-fit:cover;
border-radius:22px;
box-shadow:0 14px 28px rgba(68,22,2,.10);
}
/* --- PDFs: matar cualquier intento de preview visual --- */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file img,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file iframe,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file canvas,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file object,
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file embed{
display:none !important;
}
/* --- PDFs: tarjeta compacta con nombre --- */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file{
display:flex;
align-items:center;
gap:12px;
padding:14px 14px;
border-radius:18px;
background:rgba(255,255,255,.92);
border:1px solid rgba(68,22,2,.14);
box-shadow:0 10px 22px rgba(68,22,2,.06);
}
/* icono/badge PDF */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file::before{
content:"PDF";
display:grid;
place-items:center;
width:54px;
height:54px;
border-radius:16px;
background:rgba(205,32,15,.08);
border:1px solid rgba(205,32,15,.18);
color:#CD200F;
font-weight:900;
letter-spacing:.12em;
font-family:var(--font-btn);
flex:0 0 auto;
}
/* meta que inyecta el JS */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file .jfb-pdf-meta{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
flex:1 1 auto;
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file .jfb-pdf-name{
font-weight:900;
color:#441602;
line-height:1.15;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file .jfb-pdf-sub{
font-size:13px;
color:rgba(68,22,2,.68);
}
/* X (remove) a la derecha */
.siaz-jfb .jet-form-builder-file-upload:has(input[accept*="application/pdf"])
.jet-form-builder-file-upload__file-remove{
margin-left:auto;
}
/* =========================================================
BIOGRAFÍA — contador dinámico
========================================================= */
.siaz-jfb .jfb-counter{
margin-top:6px;
font-size:13px;
line-height:1.3;
font-weight:700;
display:flex;
justify-content:space-between;
gap:10px;
}
.siaz-jfb .jfb-counter .jfb-min{
color:#CD200F; /* rojo suave */
}
.siaz-jfb .jfb-counter .jfb-ok{
color:#FF7900; /* naranja */
}
.siaz-jfb .jfb-counter .jfb-max{
color:#441602; /* marrón */
}
.siaz-jfb .jfb-counter .jfb-done{
color:#16a34a; /* verde */
}
/* =========================================================
BIOGRAFÍA PRO — estados + barra + emojis
========================================================= */
.siaz-jfb .jfb-bio-wrap{
position:relative;
}
.siaz-jfb textarea#campo_biografia{
transition: box-shadow .18s ease, background-color .18s ease, outline-color .18s ease;
}
/* Estados visuales del textarea */
.siaz-jfb textarea#campo_biografia.is-low{
box-shadow:0 0 0 3px rgba(205,32,15,.18), var(--cz-field-shadow) !important;
background: rgba(205,32,15,.05) !important;
}
.siaz-jfb textarea#campo_biografia.is-mid{
box-shadow:0 0 0 3px rgba(255,121,0,.22), var(--cz-field-shadow) !important;
background: rgba(255,121,0,.06) !important;
}
.siaz-jfb textarea#campo_biografia.is-good{
box-shadow:0 0 0 3px rgba(34,197,94,.22), var(--cz-field-shadow) !important;
background: rgba(34,197,94,.06) !important;
}
/* Counter */
.siaz-jfb .jfb-counter{
margin-top:8px;
font-size:13px;
line-height:1.25;
font-weight:800;
display:flex;
justify-content:space-between;
gap:10px;
}
.siaz-jfb .jfb-counter .jfb-left{
display:flex;
align-items:center;
gap:8px;
min-width:0;
}
.siaz-jfb .jfb-counter .jfb-emoji{
width:28px;
height:28px;
display:grid;
place-items:center;
border-radius:999px;
background:rgba(255,255,255,.75);
border:1px solid rgba(68,22,2,.12);
box-shadow:0 10px 18px rgba(68,22,2,.08);
flex:0 0 auto;
}
.siaz-jfb .jfb-counter .jfb-text{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.siaz-jfb .jfb-counter .jfb-right{
font-weight:900;
padding:6px 10px;
border-radius:999px;
background:rgba(255,255,255,.7);
border:1px solid rgba(68,22,2,.12);
color:rgba(68,22,2,.75);
}
/* Barra de progreso */
.siaz-jfb .jfb-progress{
margin-top:8px;
height:10px;
border-radius:999px;
background:rgba(68,22,2,.10);
overflow:hidden;
box-shadow: inset 0 2px 6px rgba(0,0,0,.08);
}
.siaz-jfb .jfb-progress > span{
display:block;
height:100%;
width:0%;
border-radius:999px;
background:linear-gradient(90deg,#CD200F,#FF7900,#FEAD17);
transition:width .18s ease, filter .18s ease;
}
/* Sugerencia tipo IA */
.siaz-jfb .jfb-bio-suggest{
margin-top:12px;
padding:14px 16px;
border-radius:18px;
background:rgba(255,255,255,.78);
border:1px solid rgba(68,22,2,.14);
box-shadow:0 12px 26px rgba(68,22,2,.10);
}
.siaz-jfb .jfb-bio-suggest .jfb-s-title{
display:flex;
align-items:center;
gap:10px;
font-family:var(--font-btn);
letter-spacing:.04em;
text-transform:uppercase;
font-size:12px;
color:rgba(68,22,2,.85);
margin-bottom:8px;
}
.siaz-jfb .jfb-bio-suggest .jfb-s-text{
font-size:14px;
line-height:1.5;
color:#441602;
margin:0;
}
.siaz-jfb .jfb-bio-suggest .jfb-s-actions{
margin-top:10px;
display:flex;
gap:10px;
flex-wrap:wrap;
}
.siaz-jfb .jfb-bio-suggest button{
appearance:none;
border:0;
cursor:pointer;
padding:10px 14px;
border-radius:999px;
background:linear-gradient(135deg,#FEAD17,#FF7900);
color:#441602;
font-family:var(--font-btn);
text-transform:uppercase;
letter-spacing:.04em;
box-shadow:0 12px 22px rgba(68,22,2,.10);
}
.siaz-jfb .jfb-bio-suggest button:hover{ filter:brightness(.98); }
/* =========================================================
SIAZ — Bio IA + Counter (JetFormBuilder)
Scope: textarea#campo_biografia and surrounding JFB markup
========================================================= */
:root{
--siax-primary:#FEAD17;
--siax-accent:#FF7900;
--siax-danger:#CD200F;
--siax-text:#441602;
--siax-bg:#FFEFD4;
--siax-card:#ffffff;
--siax-border:rgba(68,22,2,.18);
--siax-shadow:0 18px 40px rgba(0,0,0,.10);
}
/* container for the whole IA block */
.siaz-bioai{
margin: 0 0 12px 0;
background: linear-gradient(180deg, rgba(254,173,23,.12), rgba(255,239,212,.65));
border: 1px solid var(--siax-border);
border-radius: 18px;
box-shadow: var(--siax-shadow);
overflow: hidden;
}
.siaz-bioai__top{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
padding: 14px 14px 10px 14px;
}
.siaz-bioai__title{
display:flex;
align-items:center;
gap:10px;
font-weight: 800;
letter-spacing: .2px;
color: var(--siax-text);
font-size: 14px;
line-height: 1.2;
}
.siaz-bioai__title .dot{
width: 10px;
height: 10px;
border-radius: 99px;
background: var(--siax-accent);
box-shadow: 0 0 0 6px rgba(255,121,0,.15);
}
.siaz-bioai__hint{
color: rgba(68,22,2,.78);
font-size: 12px;
line-height: 1.35;
margin-top: 4px;
}
.siaz-bioai__actions{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.siaz-bioai__btn{
appearance:none;
border:none;
cursor:pointer;
font-weight: 800;
border-radius: 999px;
padding: 10px 14px;
color: var(--siax-text);
background: linear-gradient(180deg, var(--siax-primary), var(--siax-accent));
box-shadow: 0 12px 22px rgba(255,121,0,.22);
transform: translateZ(0);
transition: transform .15s ease, filter .15s ease, opacity .15s ease;
font-size: 13px;
line-height: 1;
white-space: nowrap;
}
.siaz-bioai__btn:hover{ transform: translateY(-1px); filter: saturate(1.05); }
.siaz-bioai__btn:active{ transform: translateY(0px); opacity:.92; }
.siaz-bioai__btn--ghost{
background: rgba(255,255,255,.72);
border: 1px solid var(--siax-border);
box-shadow:none;
}
.siaz-bioai__btn[disabled]{ opacity:.55; cursor:not-allowed; }
.siaz-bioai__close{
width: 38px;
height: 38px;
border-radius: 12px;
border: 1px solid var(--siax-border);
background: rgba(255,255,255,.70);
cursor:pointer;
display:grid;
place-items:center;
font-weight:900;
color: rgba(68,22,2,.75);
transition: transform .15s ease, background .15s ease;
}
.siaz-bioai__close:hover{ transform: translateY(-1px); background: rgba(255,255,255,.92); }
.siaz-bioai__body{
padding: 0 14px 14px 14px;
}
.siaz-bioai__chips{
display:flex;
flex-wrap:wrap;
gap:8px;
margin: 0 0 10px 0;
}
.siaz-bioai__chip{
font-size: 11px;
color: rgba(68,22,2,.85);
background: rgba(255,255,255,.70);
border: 1px solid var(--siax-border);
padding: 6px 10px;
border-radius: 999px;
}
.siaz-bioai__preview{
background: rgba(255,255,255,.82);
border: 1px dashed rgba(68,22,2,.28);
border-radius: 14px;
padding: 12px 12px 12px 12px;
color: rgba(68,22,2,.92);
font-size: 13px;
line-height: 1.45;
min-height: 52px;
white-space: pre-wrap;
}
.siaz-bioai__footer{
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
margin-top: 10px;
flex-wrap:wrap;
}
.siaz-bioai__status{
display:flex;
align-items:center;
gap:8px;
font-size: 12px;
color: rgba(68,22,2,.8);
}
.siaz-bioai__status b{ color: var(--siax-text); }
.siaz-bioai__badge{
display:inline-flex;
align-items:center;
gap:8px;
padding: 6px 10px;
border-radius: 999px;
border: 1px solid var(--siax-border);
background: rgba(255,255,255,.70);
}
/* Counter under textarea */
.siaz-bio-counter{
margin-top: 8px;
display:flex;
justify-content:space-between;
gap: 10px;
align-items:center;
flex-wrap:wrap;
}
.siaz-bio-counter__left{
display:flex;
align-items:center;
gap: 10px;
flex-wrap:wrap;
}
.siaz-bio-counter__emoji{
width: 28px;
height: 28px;
border-radius: 10px;
display:grid;
place-items:center;
background: rgba(255,255,255,.68);
border: 1px solid var(--siax-border);
}
.siaz-bio-counter__text{
font-size: 12px;
color: rgba(68,22,2,.80);
}
.siaz-bio-counter__text strong{
color: var(--siax-text);
}
.siaz-bio-counter__bar{
flex: 1 1 180px;
height: 10px;
border-radius: 999px;
background: rgba(68,22,2,.10);
border: 1px solid rgba(68,22,2,.14);
overflow: hidden;
min-width: 160px;
}
.siaz-bio-counter__bar > span{
display:block;
height: 100%;
width: 0%;
background: linear-gradient(90deg, var(--siax-primary), var(--siax-accent));
border-radius: 999px;
transition: width .12s ease;
}
/* State colors */
.siaz-state--bad .siaz-bio-counter__emoji{ border-color: rgba(205,32,15,.40); }
.siaz-state--bad .siaz-bio-counter__bar > span{ background: linear-gradient(90deg, var(--siax-danger), var(--siax-accent)); }
.siaz-state--warn .siaz-bio-counter__emoji{ border-color: rgba(255,121,0,.40); }
.siaz-state--ok .siaz-bio-counter__emoji{ border-color: rgba(254,173,23,.45); }
/* tiny: keep JFB textarea line-height sane */
textarea#campo_biografia{
line-height: 1.5 !important;
}
/* When IA box is closed, show a small reopen button */
.siaz-bioai--closed{
display:none;
}
.siaz-bioai-reopen{
margin: 0 0 10px 0;
display:flex;
justify-content:flex-end;
}
.siaz-bioai-reopen button{
appearance:none;
border: 1px solid var(--siax-border);
background: rgba(255,255,255,.75);
color: var(--siax-text);
border-radius: 999px;
padding: 8px 12px;
cursor:pointer;
font-weight:800;
font-size: 12px;
}
/* =========================================
Username suggester (SIAZ)
========================================= */
.siaz-userhint{
display:flex;
gap:10px;
align-items:center;
margin:0 0 8px 0;
padding:10px 12px;
border:1px solid var(--siaz-border, rgba(68,22,2,.18));
border-radius:14px;
background:linear-gradient(180deg, rgba(255,239,212,.9), rgba(255,255,255,.92));
box-shadow:0 10px 22px rgba(0,0,0,.06);
}
.siaz-userhint__label{
font-weight:700;
color:var(--siaz-text, #441602);
font-size:13px;
line-height:1.1;
padding:6px 10px;
border-radius:999px;
background:rgba(254,173,23,.20);
border:1px solid rgba(254,173,23,.35);
white-space:nowrap;
}
.siaz-userhint__status{
font-size:13px;
color:rgba(68,22,2,.85);
flex:1;
}
.siaz-userhint.is-checking .siaz-userhint__label{
background:rgba(255,121,0,.16);
border-color:rgba(255,121,0,.28);
}
.siaz-userhint.is-ok .siaz-userhint__label{
background:rgba(46, 204, 113, .14);
border-color:rgba(46, 204, 113, .26);
}
.siaz-userhint.is-bad .siaz-userhint__label{
background:rgba(205,32,15,.12);
border-color:rgba(205,32,15,.25);
}
.siaz-userhint.is-warn .siaz-userhint__label{
background:rgba(255, 193, 7, .14);
border-color:rgba(255, 193, 7, .26);
}
/* =========================================================
SIAZ — Username Badge
========================================================= */
.siaz-username-badge{
background: rgba(255,255,255,.55);
border: 1px solid rgba(68,22,2,.18);
border-radius: 16px;
padding: 12px 14px;
margin-bottom: 10px;
display: grid;
gap: 8px;
box-shadow: 0 18px 24px rgba(0,0,0,.06);
}
.siaz-username-badge__row{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.siaz-username-badge__row--small{
opacity:.92;
}
.siaz-username-badge__label{
font-weight: 800;
color:#441602;
letter-spacing:.2px;
}
.siaz-username-badge__hint{
font-size: 12.5px;
color: rgba(68,22,2,.9);
}
.siaz-username-badge__counter{
font-size: 12px;
color: rgba(68,22,2,.85);
background: rgba(254,173,23,.18);
border: 1px solid rgba(254,173,23,.35);
padding: 6px 10px;
border-radius: 999px;
}
.siaz-username-badge__status{
display:flex;
align-items:center;
gap:8px;
padding: 7px 11px;
border-radius: 999px;
font-weight: 700;
font-size: 12.5px;
border: 1px solid rgba(68,22,2,.15);
background: rgba(255,255,255,.65);
color:#fff;
}
.siaz-username-badge__status--ok{
background: rgba(72,187,120,.14);
border-color: rgba(72,187,120,.35);
}
.siaz-username-badge__status--bad{
background: rgba(205,32,15,.10);
border-color: rgba(205,32,15,.30);
}
.siaz-username-badge__status--warn{
background: rgba(255,121,0,.12);
border-color: rgba(255,121,0,.34);
}
.siaz-username-badge__status-icon{
font-size: 14px;
line-height: 1;
}
.siaz-username-badge__suggestion-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding-top: 2px;
}
.siaz-username-badge__suggestion-label{
font-size: 12.5px;
color: rgba(68,22,2,.85);
font-weight: 700;
}
.siaz-username-badge__suggestion-btn{
display:inline-flex;
align-items:center;
gap:8px;
border: 1px solid rgba(254,173,23,.55);
background: rgba(254,173,23,.22);
color:#441602;
padding: 7px 11px;
border-radius: 999px;
cursor:pointer;
font-weight: 900;
letter-spacing: .2px;
transition: transform .08s ease, box-shadow .12s ease, background .12s ease;
}
.siaz-username-badge__suggestion-btn:hover{
transform: translateY(-1px);
box-shadow: 0 12px 18px rgba(0,0,0,.08);
background: rgba(254,173,23,.28);
}
.siaz-username-badge__spark{
filter: drop-shadow(0 6px 10px rgba(0,0,0,.10));
}
/* =========================================
SIAZ — Username input border by status
(sin tocar JS)
========================================= */
/* base */
#campo_usuario{
transition: border-color .18s ease, box-shadow .18s ease, outline-color .18s ease;
}
/* ✅ disponible (verde) */
.siaz-username-badge:has(.siaz-username-badge__status--ok) + #campo_usuario{
border-color: #22c55e !important;
box-shadow: 0 0 0 3px rgba(34, 197, 94, .5) !important;
}
/* ❌ no disponible (rojo) */
.siaz-username-badge:has(.siaz-username-badge__status--bad) + #campo_usuario{
border-color: #ef4444 !important;
box-shadow: 0 0 0 3px rgba(239, 68, 68, .5) !important;
}
/* ❌ advertencia: faltan caracteres (rojo suave) */
.siaz-username-badge:has(.siaz-username-badge__status--warn) + #campo_usuario{
border-color: #ef4444 !important;
box-shadow: 0 0 0 3px rgba(239, 68, 68, .5) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a65159 */.cuadro-frases{
overflow:hidden;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e530308 *//* Ocultos por defecto */
.siaz-jfb{
display: none;
}
/* Visible cuando está activo */
.siaz-jfb.is-active{
display: block;
}/* End custom CSS */