.elementor-3956 .elementor-element.elementor-element-8c5410c{--display:flex;--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;}.elementor-3956 .elementor-element.elementor-element-9b7ce94{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-3956 .elementor-element.elementor-element-71ea9bc{text-align:center;}.elementor-3956 .elementor-element.elementor-element-71ea9bc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.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-3956 .elementor-element.elementor-element-57207b7{--divider-border-style:solid;--divider-color:#444444DB;--divider-border-width:1px;}.elementor-3956 .elementor-element.elementor-element-57207b7 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3956 .elementor-element.elementor-element-57207b7 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-3956 .elementor-element.elementor-element-57207b7 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-3956 .elementor-element.elementor-element-2f12cbd{--display:flex;}.elementor-3956 .elementor-element.elementor-element-ceb6c41{--display:flex;--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;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3956 .elementor-element.elementor-element-238cf3e{--display:flex;}.elementor-3956 .elementor-element.elementor-element-e8cefa2{--display:flex;}.elementor-3956 .elementor-element.elementor-element-9670da7{--display:flex;}.elementor-3956 .elementor-element.elementor-element-871442d{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:15px;--n-tabs-title-color:#000000;}.elementor-3956 .elementor-element.elementor-element-871442d > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-871442d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#000000;}.elementor-3956 .elementor-element.elementor-element-871442d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-3956 .elementor-element.elementor-element-871442d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#000000;}.elementor-3956 .elementor-element.elementor-element-871442d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-3956 .elementor-element.elementor-element-c396833{--n-accordion-title-font-size:15px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#000000;--n-accordion-icon-size:15px;}:where( .elementor-3956 .elementor-element.elementor-element-c396833 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:600;}.elementor-3956 .elementor-element.elementor-element-2a70d11{--display:flex;--min-height:0px;--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3956 .elementor-element.elementor-element-f182b23 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010152;padding:8px 8px 8px 8px;}.elementor-3956 .elementor-element.elementor-element-f182b23 .elementor-button:hover, .elementor-3956 .elementor-element.elementor-element-f182b23 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-f182b23 .elementor-button:hover svg, .elementor-3956 .elementor-element.elementor-element-f182b23 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-7d04b41 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010152;padding:8px 8px 8px 8px;}.elementor-3956 .elementor-element.elementor-element-7d04b41 .elementor-button:hover, .elementor-3956 .elementor-element.elementor-element-7d04b41 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-7d04b41 .elementor-button:hover svg, .elementor-3956 .elementor-element.elementor-element-7d04b41 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-8007a19 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010152;padding:8px 8px 8px 8px;}.elementor-3956 .elementor-element.elementor-element-8007a19 .elementor-button:hover, .elementor-3956 .elementor-element.elementor-element-8007a19 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-8007a19 .elementor-button:hover svg, .elementor-3956 .elementor-element.elementor-element-8007a19 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-3a40d95 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010152;padding:8px 8px 8px 8px;}.elementor-3956 .elementor-element.elementor-element-3a40d95 .elementor-button:hover, .elementor-3956 .elementor-element.elementor-element-3a40d95 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-3a40d95 .elementor-button:hover svg, .elementor-3956 .elementor-element.elementor-element-3a40d95 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-7729f44 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010152;padding:8px 8px 8px 8px;}.elementor-3956 .elementor-element.elementor-element-7729f44 .elementor-button:hover, .elementor-3956 .elementor-element.elementor-element-7729f44 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-7729f44 .elementor-button:hover svg, .elementor-3956 .elementor-element.elementor-element-7729f44 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-a6d9041 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010152;padding:8px 8px 8px 8px;}.elementor-3956 .elementor-element.elementor-element-a6d9041 .elementor-button:hover, .elementor-3956 .elementor-element.elementor-element-a6d9041 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-a6d9041 .elementor-button:hover svg, .elementor-3956 .elementor-element.elementor-element-a6d9041 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-29bd5c9 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010152;padding:8px 8px 8px 8px;}.elementor-3956 .elementor-element.elementor-element-29bd5c9 .elementor-button:hover, .elementor-3956 .elementor-element.elementor-element-29bd5c9 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-29bd5c9 .elementor-button:hover svg, .elementor-3956 .elementor-element.elementor-element-29bd5c9 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-7e68305 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010152;padding:8px 8px 8px 8px;}.elementor-3956 .elementor-element.elementor-element-7e68305 .elementor-button:hover, .elementor-3956 .elementor-element.elementor-element-7e68305 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-7e68305 .elementor-button:hover svg, .elementor-3956 .elementor-element.elementor-element-7e68305 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-387a396 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010152;padding:8px 8px 8px 8px;}.elementor-3956 .elementor-element.elementor-element-387a396 .elementor-button:hover, .elementor-3956 .elementor-element.elementor-element-387a396 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-387a396 .elementor-button:hover svg, .elementor-3956 .elementor-element.elementor-element-387a396 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-6aa5c0e .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010152;padding:8px 8px 8px 8px;}.elementor-3956 .elementor-element.elementor-element-6aa5c0e .elementor-button:hover, .elementor-3956 .elementor-element.elementor-element-6aa5c0e .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-6aa5c0e .elementor-button:hover svg, .elementor-3956 .elementor-element.elementor-element-6aa5c0e .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-2edd791 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010152;padding:8px 8px 8px 8px;}.elementor-3956 .elementor-element.elementor-element-2edd791 .elementor-button:hover, .elementor-3956 .elementor-element.elementor-element-2edd791 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-2edd791 .elementor-button:hover svg, .elementor-3956 .elementor-element.elementor-element-2edd791 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-daa757a .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010152;padding:8px 8px 8px 8px;}.elementor-3956 .elementor-element.elementor-element-daa757a .elementor-button:hover, .elementor-3956 .elementor-element.elementor-element-daa757a .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-daa757a .elementor-button:hover svg, .elementor-3956 .elementor-element.elementor-element-daa757a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-17bbe85 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010152;padding:8px 8px 8px 8px;}.elementor-3956 .elementor-element.elementor-element-17bbe85 .elementor-button:hover, .elementor-3956 .elementor-element.elementor-element-17bbe85 .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-17bbe85 .elementor-button:hover svg, .elementor-3956 .elementor-element.elementor-element-17bbe85 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3956 .elementor-element.elementor-element-4218d7b > .elementor-widget-container{padding:0px 0px 0px 015px;}.elementor-3956 .elementor-element.elementor-element-ca980f1 .elementor-button{background-color:#000000;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-3956 .elementor-element.elementor-element-ca980f1 .elementor-button:hover, .elementor-3956 .elementor-element.elementor-element-ca980f1 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-3956 .elementor-element.elementor-element-ca980f1 .elementor-button:hover svg, .elementor-3956 .elementor-element.elementor-element-ca980f1 .elementor-button:focus svg{fill:#000000;}#elementor-popup-modal-3956{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3956 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-3956 .dialog-close-button{display:flex;}#elementor-popup-modal-3956 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for container, class: .elementor-element-9b7ce94 */<style>
/* 1. Ocultamos el circulito feo del radio button */
input[type="radio"] {
    display: none;
}

/* 2. Estilo base del botón (Label) */
.custom-option-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #333;
    padding: 10px 0;
    width: 45px; /* Ancho fijo para que se vean cuadrados uniformes */
    height: 35px;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 14px;
    transition: all 0.2s;
    user-select: none; /* Evita que se seleccione el texto */
}

/* Ajuste para los botones de texto largo (Short/Regular/Long) */
.custom-option-btn.wide {
    width: auto;
    padding: 10px 20px;
}

/* 3. LA MAGIA: Cuando el radio está 'checked', cambiamos el estilo del label que le sigue */
input[type="radio"]:checked + label {
    border: 2px solid #000 !important; /* Borde Negro Grueso */
    background-color: #f4f4f4;
    font-weight: bold;
    color: #000;
}

/* Hover */
.custom-option-btn:hover {
    border-color: #999;
}

/* Contenedor para organizar */
.group-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 20px;
}

/* Títulos */
.group-title {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
}
</style>

<span class="group-title">Jacket Size</span>
<div class="group-container">
    <input type="radio" id="s36" name="size" value="36">
    <label for="s36" class="custom-option-btn">36</label>

    <input type="radio" id="s38" name="size" value="38">
    <label for="s38" class="custom-option-btn">38</label>

    <input type="radio" id="s40" name="size" value="40">
    <label for="s40" class="custom-option-btn">40</label>

    <input type="radio" id="s42" name="size" value="42">
    <label for="s42" class="custom-option-btn">42</label>

    <input type="radio" id="s44" name="size" value="44">
    <label for="s44" class="custom-option-btn">44</label>

    <input type="radio" id="s46" name="size" value="46">
    <label for="s46" class="custom-option-btn">46</label>
    
    <input type="radio" id="s48" name="size" value="48">
    <label for="s48" class="custom-option-btn">48</label>
    
    <input type="radio" id="s50" name="size" value="50">
    <label for="s50" class="custom-option-btn">50</label>
</div>

<span class="group-title">Length</span>
<div class="group-container">
    <input type="radio" id="l-short" name="length" value="short">
    <label for="l-short" class="custom-option-btn wide">Short</label>

    <input type="radio" id="l-regular" name="length" value="regular">
    <label for="l-regular" class="custom-option-btn wide">Regular</label>

    <input type="radio" id="l-long" name="length" value="long">
    <label for="l-long" class="custom-option-btn wide">Long</label>
</div>/* End custom CSS */