.elementor-554 .elementor-element.elementor-element-0c7f95c{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-widget-slider_revolution .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slider_revolution .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-554 .elementor-element.elementor-element-0c188a6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-554 .elementor-element.elementor-element-5088f55{--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-554 .elementor-element.elementor-element-5088f55.e-con{--align-self:center;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-554 .elementor-element.elementor-element-e77c9c1{text-align:center;}.elementor-554 .elementor-element.elementor-element-e77c9c1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:44px;font-weight:700;line-height:44px;color:#6EC1E4;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-554 .elementor-element.elementor-element-5cccd53{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;color:#202020;}.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-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-554 .elementor-element.elementor-element-9179c19 .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;background-image:linear-gradient(90deg, #4B91BF 0%, #50C987 100%);border-radius:20px 20px 20px 20px;}.elementor-554 .elementor-element.elementor-element-9179c19 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-554 .elementor-element.elementor-element-9179c19 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-554 .elementor-element.elementor-element-35609ad .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;background-image:linear-gradient(90deg, #4B91BF 0%, #50C987 100%);border-radius:20px 20px 20px 20px;}.elementor-554 .elementor-element.elementor-element-35609ad .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-554 .elementor-element.elementor-element-35609ad .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-554 .elementor-element.elementor-element-5a31940{--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-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-554 .elementor-element.elementor-element-b6ed2de img{box-shadow:6px 6px 15px 0px rgba(112.19999999999999, 112.19999999999999, 112.19999999999999, 0.36);}.elementor-554 .elementor-element.elementor-element-2133919{--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;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-554 .elementor-element.elementor-element-a3732e1{text-align:center;}.elementor-554 .elementor-element.elementor-element-a3732e1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:44px;font-weight:700;line-height:44px;color:#6EC1E4;}.elementor-554 .elementor-element.elementor-element-945cb4c{text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#202020;}.elementor-554 .elementor-element.elementor-element-24e8043{text-align:center;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;color:#202020;}.elementor-554 .elementor-element.elementor-element-69cf927 img{width:10%;}.elementor-554 .elementor-element.elementor-element-799f1aa{--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;border-style:none;--border-style:none;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-554 .elementor-element.elementor-element-799f1aa > .elementor-shape-bottom .elementor-shape-fill, .elementor-554 .elementor-element.elementor-element-799f1aa > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#0066AA0D;}.elementor-554 .elementor-element.elementor-element-799f1aa > .elementor-shape-bottom svg, .elementor-554 .elementor-element.elementor-element-799f1aa > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:85px;}.elementor-widget-spacer .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-spacer .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-554 .elementor-element.elementor-element-a00baaa{--spacer-size:50px;}.elementor-554 .elementor-element.elementor-element-c1bd2a8{--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;border-style:none;--border-style:none;--margin-top:-67px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-554 .elementor-element.elementor-element-c1bd2a8 > .elementor-shape-bottom .elementor-shape-fill, .elementor-554 .elementor-element.elementor-element-c1bd2a8 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#F6FBFF;}.elementor-554 .elementor-element.elementor-element-c1bd2a8 > .elementor-shape-bottom svg, .elementor-554 .elementor-element.elementor-element-c1bd2a8 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:75px;}.elementor-554 .elementor-element.elementor-element-af954f4{text-align:center;}.elementor-554 .elementor-element.elementor-element-af954f4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:44px;font-weight:700;line-height:44px;color:#6EC1E4;}.elementor-widget-video .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-video .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-554 .elementor-element.elementor-element-f0c3135 > .elementor-widget-container{margin:20px 0px 0px 0px;border-radius:25px 25px 25px 25px;}.elementor-554 .elementor-element.elementor-element-f0c3135 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-554 .elementor-element.elementor-element-34f5612{--spacer-size:50px;}.elementor-554 .elementor-element.elementor-element-d3abbbe{--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-554 .elementor-element.elementor-element-4bcebcd{text-align:center;}.elementor-554 .elementor-element.elementor-element-4bcebcd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:44px;font-weight:700;line-height:44px;color:#6EC1E4;}.elementor-554 .elementor-element.elementor-element-9ab114c img{width:70%;}.elementor-554 .elementor-element.elementor-element-dcec635{--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-554 .elementor-element.elementor-element-43944b8{--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;--justify-content:flex-start;}.elementor-554 .elementor-element.elementor-element-80ba307{text-align:center;}.elementor-554 .elementor-element.elementor-element-80ba307 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:44px;font-weight:700;line-height:44px;color:#6EC1E4;}.elementor-554 .elementor-element.elementor-element-c505266{text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:normal;color:#202020;}.elementor-554 .elementor-element.elementor-element-e28a9b3{--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-554 .elementor-element.elementor-element-ab6ec3c{--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-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-554 .elementor-element.elementor-element-5088f55{--width:50%;}.elementor-554 .elementor-element.elementor-element-5a31940{--width:50%;}.elementor-554 .elementor-element.elementor-element-2133919{--content-width:1007px;}}@media(max-width:767px){.elementor-554 .elementor-element.elementor-element-0c188a6{--margin-top:53px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-554 .elementor-element.elementor-element-5cccd53{text-align:center;}.elementor-554 .elementor-element.elementor-element-9179c19.elementor-element{--align-self:center;}.elementor-554 .elementor-element.elementor-element-2133919{--margin-top:14px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-095f86b */.calculator-content h2 {
    font-weight: bold; /* Negrita */
    background: linear-gradient(to right, #007EC9 , #00AF4F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: -60px
}

.gender-container {
    display: flex;
    align-items: center;
    background: #e8f6f5;
    border-radius: 20px;
}

.input-field i {
    font-size: 24px;
    color: #94d3ac; /* Color del icono no seleccionado */
}

.input-field.active {
    background-color: #2E8B57; /* Color de fondo del icono seleccionado */
}

.input-field.active i {
    color: #ffffff; /* Color del icono seleccionado */
}

.label {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    color: #555;
    font-weight: bold;
}

.hydration-calculator {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}

.hydration-calculator h2 {
    text-align: center;
    color: #38bdae;
}

.calculator-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ffffff;
    box-shadow: 1px 1px 1px 2px rgba(212, 224, 217, 1.4);
    width: 100%;
    max-width: 610px;
}

.input-row {
    display: flex;
    flex-direction: column; /* Cambia a columna para pantallas pequeñas */
    align-items: center;
    width: 90%;
    margin-bottom: 30px;
}

.input-group {
    text-align: center;
    margin-bottom: 15px; /* Espaciado entre grupos */
}

.input-group label {
    display: block;
    margin-bottom: 5px;
    color: #555;
    font-weight: bold; /* Fuente en negrita */
}

.input-field {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e8f6f5;
    padding: 10px;
    border-radius: 5px;
}

.actividad {
    margin-top: 40px;
    font-weight: bold; /* Negrita */
    color: #2E8B57;
}

.input-with-buttons {
    display: flex;
    justify-content: space-around;
    background-color: #e8f6f5;
    padding: 10px;
    border-radius: 25px;
    width: 182px; /* Ajusta según sea necesario */
    margin-top: -100px;
}

.input-with-buttons button {
    background-color: #2E8B57; /* Color verde más adecuado */
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-with-buttons input[type="number"] {
    border: none;
    background: none;
    outline: none;
    font-size: 16px;
    color: #333;
    font-weight: bold; /* Negrita */
    width: 100%; /* Ajusta el ancho para que el texto se vea completo */
    box-sizing: border-box; /* Asegura que el padding no afecte el ancho total */
}

.calculate-button {
    margin: 20px 0;
}

.calculate-button button {
    position: relative;
    background: linear-gradient(to bottom right, #007EC9, #00AF4F);
    color: #fff;
    width: 100px;
    height: 100px;
    border: 6px solid #00AF4f; /* Borde exterior */
    border-radius: 50%;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.2); /* Sombra elegante */
    margin-top: -150px;
    margin-left: -20px;
}

.result-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    margin-top: 20px;
    margin-left:  -30px;
}

.result {
    text-align: center;
    color: #555;
}

.result span {
    display: block;
}

.result span:first-child {
    color: #38bdae;
    color: #000000;
}

.input-group {
    margin-left: 10px /* Añade espacio entre los grupos de input en web */
}

.bordeconsumo span {
    font-weight: bold; /* Negrita */
    background: linear-gradient(to right, #007EC9 , #00AF4F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
}

.bordeconsumo {
    position: relative;
    width: 90px;
    height: 90px;
    border: 3px solid #00AF4f; /* Borde exterior */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p {
    margin-right: 3px;
    margin-top: 10px;
}

/* Media Queries para Responsiveness */

@media (min-width: 768px) {
    .hydration-calculator {
        flex-direction: row;
    }

    .calculator-content {
        margin-left: 120px; /* Asegura espacio para la sección de resultados */
    }

    .input-row {
        flex-direction: row;
        justify-content: space-around;
    }

    .calculate-button {
        margin: 0 -30px;
        margin-left: 170px;
    }

    .result-section {
        position: absolute;
        left: 880px; /* Ajusta según sea necesario */
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (max-width: 767px) {
    .calculator-content {
        margin-left: 0;
    }
    
    .calculator-content h2 {
        margin-top: 20px;
    }

    .input-row {
        flex-direction: column; /* Cambia a columna para pantallas pequeñas */
        align-items: center;
    }

    .input-with-buttons {
        margin-top: 20px; /* Asegura que los botones se separen correctamente */
    }

    .calculate-button {
        margin: 20px 0;
        margin-left: 0; /* Centra el botón en pantallas pequeñas */
    }

    .calculate-button button {
        margin-top: 0px;
    }

    .result-section {
        position: static;
        margin-top: -10px;
        margin-left: 15px;
    }
}/* End custom CSS */