body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#wb_IconFont1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_IconFont1:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#IconFont1
{
   height: 40px;
   width: 32px;
}
.IconFont1
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Elusive Icons";
   font-style: normal;
   font-weight: normal;
   line-height: 1;
}
.IconFont1:before
{
   content: "\f152";
}
#IconFont1 i
{
   color: #016366;
   display: inline-block;
   font-size: 32px;
   line-height: 40px;
   vertical-align: middle;
   width: 31px;
}
#wb_IconFont1:hover i
{
   color: #C0C0C0;
}
#wb_IconFont11
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_IconFont11:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#IconFont11
{
   height: 42px;
   width: 42px;
}
.IconFont11
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: Ionicons;
   font-style: normal;
   font-weight: normal;
   line-height: 1;
}
.IconFont11:before
{
   content: "\f4f0";
}
#IconFont11 i
{
   color: #035D5B;
   display: inline-block;
   font-size: 42px;
   line-height: 42px;
   vertical-align: middle;
   width: 35px;
}
#wb_IconFont11:hover i
{
   color: #4BAFA6;
}
#Layer1
{
   background-color: #FBFBFB;
   background-image: none;
}
#wb_IconFont15
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_IconFont15:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #D3D3D3;
}
#IconFont15
{
   height: 45px;
   width: 53px;
}
.IconFont15
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: Ionicons;
   font-style: normal;
   font-weight: normal;
   line-height: 1;
}
.IconFont15:before
{
   content: "\f4b9";
}
#IconFont15 i
{
   color: #036168;
   display: inline-block;
   font-size: 45px;
   line-height: 45px;
   vertical-align: middle;
   width: 30px;
}
#wb_IconFont15:hover i
{
   color: #6DB530;
}
#wb_Line1
{
   font-size: 0;
}
#Line1
{
   border-width: 0;
   height: 117px;
   width: 8px;
}
#wb_Text68 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text68 div
{
   text-align: left;
}
#wb_Image17
{
   vertical-align: top;
}
#Image17
{
   border: 0px solid #000000;
   padding: 0;
   -webkit-animation: flip-in 1000ms linear 0ms 1 normal both;
   animation: flip-in 1000ms linear 0ms 1 normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text71 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text71 div
{
   text-align: right;
}
#wb_Text76 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text76 div
{
   text-align: center;
}
#wb_Text77 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text77 div
{
   text-align: center;
}
#wb_Text78 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text78 div
{
   text-align: center;
}
#wb_Text79 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text79 div
{
   text-align: center;
}
#Layer2
{
   background-color: #FBFBFB;
   background-image: none;
}
#wb_Text72 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text72 div
{
   text-align: left;
}
#Button9
{
   box-sizing: border-box;
   line-height: 71px;
   text-decoration: none;
   vertical-align: top;
   border: 0px solid #DCDCDC;
   border-radius: 40px;
   background-color: #016366;
   background-image: none;
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text1
{
   color: #0F2849;
   font-family: Outfit;
   font-weight: normal;
   font-size: 17px;
   line-height: 22px;
}
#wb_Text1 p, #wb_Text1 ul
{
   margin: 0;
   padding: 0;
}
#Layer15
{
   background-color: #014547;
   background-image: none;
}
#wb_Text69 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text69 div
{
   text-align: center;
}
#wb_Line2
{
   font-size: 0;
}
#Line2
{
   border-width: 0;
   height: 8px;
   width: 1220px;
}
#wb_Text70 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text70
{
   color: #F5F5F5;
   font-family: Outfit;
   font-weight: normal;
   font-size: 19px;
   line-height: 24px;
}
#wb_Text70 p, #wb_Text70 ul
{
   margin: 0;
   padding: 0;
}
#ThemeableButton17
{
   font-family: Outfit;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
}
#wb_ThemeableButton17
{
   border-radius: 60px;
   margin: 0;
}
#ThemeableButton17
{
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
#wb_ThemeableButton17 .ui-button
{
   margin: 0;
   line-height: 43px;
}
#ThemeableButton17
{
   color: #454545;
   text-decoration: none;
}
#ThemeableButton17 :hover
{
   color: #2B2B2B;
}
#ThemeableButton17 :active
{
   color: #FFFFFF;
}
#wb_ThemeableButton17 .ui-primary
{
   background-image: none !important;
   text-indent: 0;
   display: inline-block;
   font-family: LineAwesome;
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   overflow: visible;
   position: absolute;
   left: 15px;
   top: 50%;
   margin-top: -9.5px;
   width: 19px;
   height: 19px;
   color: #459477;
}
#wb_ThemeableButton17 .ui-primary:before
{
   content: "\f2b3";
}
#wb_ThemeableButton17:hover .ui-primary
{
   color: #DCDCDC;
}
#wb_ThemeableButton17:active .ui-primary
{
   color: #FFFFFF;
}
#wb_ThemeableButton17 .ui-corner-all, #wb_ThemeableButton17 .ui-corner-left
{
   border-bottom-left-radius: 60px;
   border-top-left-radius: 60px;
}
#wb_ThemeableButton17 .ui-corner-all, #wb_ThemeableButton17 .ui-corner-right
{
   border-bottom-right-radius: 60px;
   border-top-right-radius: 60px;
}
#wb_ThemeableButton17 .ui-button
{
   background-color: #F5F5F5;
   background-image: none;
   border: 1px solid rgba(66,144,118,0.00);
   color: #459477;
}
#wb_ThemeableButton17 .ui-state-hover, #wb_ThemeableButton17 .ui-button:hover
{
   border-color: #DCDCDC;
   background-color: #DCDCDC;
   background-image: none;
   color: #459477;
}
#wb_ThemeableButton17 .ui-state-active, #wb_ThemeableButton17 .ui-button:active
{
   border-color: #459477;
   background-color: #459477;
   background-image: none;
   color: #FFFFFF;
}
#wb_ThemeableButton17 .ui-button .ui-icon
{
   background-image: url('images/calculadora-imc-digeclinic-guatemala-ThemeableButton17-default.png');
   background-position: 0 0;
}
#wb_ThemeableButton17 .ui-button:hover .ui-icon
{
   background-image: url('images/calculadora-imc-digeclinic-guatemala-ThemeableButton17-hover.png');
   background-position: 0 0;
}
#wb_ThemeableButton17 .ui-button:active .ui-icon
{
   background-image: url('images/calculadora-imc-digeclinic-guatemala-ThemeableButton17-active.png');
   background-position: 0 0;
}
#wb_ThemeableButton17 .ui-visual-focus
{
   box-shadow: none;
}
#ThemeableButton1
{
   font-family: Outfit;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
}
#wb_ThemeableButton1
{
   border-radius: 60px;
   margin: 0;
}
#ThemeableButton1
{
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
#wb_ThemeableButton1 .ui-button
{
   margin: 0;
   line-height: 56px;
}
#ThemeableButton1
{
   color: #454545;
   text-decoration: none;
}
#ThemeableButton1 :hover
{
   color: #2B2B2B;
}
#ThemeableButton1 :active
{
   color: #FFFFFF;
}
#wb_ThemeableButton1 .ui-primary
{
   background-image: none !important;
   text-indent: 0;
   display: inline-block;
   font-family: LineAwesome;
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   overflow: visible;
   position: absolute;
   left: 15px;
   top: 50%;
   margin-top: -9.5px;
   width: 19px;
   height: 19px;
   color: #459477;
}
#wb_ThemeableButton1 .ui-primary:before
{
   content: "\f37a";
}
#wb_ThemeableButton1:hover .ui-primary
{
   color: #DCDCDC;
}
#wb_ThemeableButton1:active .ui-primary
{
   color: #FFFFFF;
}
#wb_ThemeableButton1 .ui-corner-all, #wb_ThemeableButton1 .ui-corner-left
{
   border-bottom-left-radius: 60px;
   border-top-left-radius: 60px;
}
#wb_ThemeableButton1 .ui-corner-all, #wb_ThemeableButton1 .ui-corner-right
{
   border-bottom-right-radius: 60px;
   border-top-right-radius: 60px;
}
#wb_ThemeableButton1 .ui-button
{
   background-color: #F5F5F5;
   background-image: none;
   border: 1px solid rgba(66,144,118,0.00);
   color: #459477;
}
#wb_ThemeableButton1 .ui-state-hover, #wb_ThemeableButton1 .ui-button:hover
{
   border-color: #DCDCDC;
   background-color: #DCDCDC;
   background-image: none;
   color: #459477;
}
#wb_ThemeableButton1 .ui-state-active, #wb_ThemeableButton1 .ui-button:active
{
   border-color: #459477;
   background-color: #459477;
   background-image: none;
   color: #FFFFFF;
}
#wb_ThemeableButton1 .ui-button .ui-icon
{
   background-image: url('images/calculadora-imc-digeclinic-guatemala-ThemeableButton1-default.png');
   background-position: 0 0;
}
#wb_ThemeableButton1 .ui-button:hover .ui-icon
{
   background-image: url('images/calculadora-imc-digeclinic-guatemala-ThemeableButton1-hover.png');
   background-position: 0 0;
}
#wb_ThemeableButton1 .ui-button:active .ui-icon
{
   background-image: url('images/calculadora-imc-digeclinic-guatemala-ThemeableButton1-active.png');
   background-position: 0 0;
}
#wb_ThemeableButton1 .ui-visual-focus
{
   box-shadow: none;
}
#wb_Text96 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text96 div
{
   text-align: left;
}
#ThemeableButton18
{
   font-family: Outfit;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   margin: 0;
   padding: 0;
   text-align: center;
}
#ThemeableButton18 .ui-button
{
   position: absolute;
   padding: 0;
}
#ThemeableButton18.ui-corner-all
{
   border-bottom-left-radius: 50px;
   border-top-left-radius: 50px;
}
#ThemeableButton18.ui-corner-all
{
   border-bottom-right-radius: 50px;
   border-top-right-radius: 50px;
}
#ThemeableButton18.ui-button
{
   background-color: #3CB371;
   background-image: none;
   border: 2px solid #3CB371;
   color: #F5F5F5;
}
#ThemeableButton18.ui-state-hover, #ThemeableButton18.ui-button:hover
{
   border-color: #F5F5F5;
   background-color: #EDEDED;
   background-image: none;
   color: #26373E;
}
#ThemeableButton18.ui-state-active, #ThemeableButton18.ui-button:active
{
   border-color: #2E6DA4;
   background-color: #3370B7;
   background-image: none;
   color: #FFFFFF;
}
#ThemeableButton18.ui-button .ui-icon
{
   background-image: url('images/calculadora-imc-digeclinic-guatemala-ThemeableButton18-default.png');
   background-position: 0 0;
}
#ThemeableButton18.ui-button:hover .ui-icon
{
   background-image: url('images/calculadora-imc-digeclinic-guatemala-ThemeableButton18-hover.png');
   background-position: 0 0;
}
#ThemeableButton18.ui-button:active .ui-icon
{
   background-image: url('images/calculadora-imc-digeclinic-guatemala-ThemeableButton18-active.png');
   background-position: 0 0;
}
#ThemeableButton18.ui-visual-focus
{
   box-shadow: none;
}
#wb_Text98 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text98 div
{
   text-align: justify;
}
#wb_Text99 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text99 div
{
   text-align: justify;
}
#wb_Text100 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text100 div
{
   text-align: justify;
}
#wb_Text101 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text101 div
{
   text-align: justify;
}
#wb_Text97 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text97 div
{
   text-align: justify;
}
#wb_Image10
{
   vertical-align: top;
}
#Image10
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text102 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text102
{
   color: #3CB371;
   font-family: Outfit;
   font-weight: normal;
   font-size: 21px;
   line-height: 28px;
}
#wb_Text102 p, #wb_Text102 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text103 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text103 div
{
   text-align: justify;
}
#wb_Text120 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text120 div
{
   text-align: center;
}
#wb_Image11
{
   vertical-align: top;
}
#Image11
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image15
{
   vertical-align: top;
}
#Image15
{
   border: 0px solid #000000;
   border-radius: 10px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Button4
{
   box-sizing: border-box;
   line-height: 55px;
   text-decoration: none;
   vertical-align: top;
   border: 0px solid #DCDCDC;
   border-radius: 60px;
   background-color: #035D5B;
   background-image: none;
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#wb_Text104 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text104 div
{
   text-align: center;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        body {
            background-color: #f8f9fa;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 20px;
        }

        .imc-calculator {
            max-width: 500px;
            width: 100%;
            background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
            border-radius: 20px;
            padding: 35px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            border: 1px solid #e9ecef;
        }

        .calculator-header {
            text-align: center;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 2px solid #2a9d8f;
        }

        .clinic-name {
            color: #264653;
            font-size: 1.1rem;
            font-weight: 600;
            letter-spacing: 0.5px;
            margin-bottom: 5px;
        }

        .calculator-header h2 {
            color: #264653;
            font-size: 1.9rem;
            margin-bottom: 8px;
            font-weight: 700;
        }

        .doctor-name {
            color: #2a9d8f;
            font-weight: 700;
            font-size: 1.2rem;
            letter-spacing: 0.3px;
        }

        .calculator-subtitle {
            color: #5a6c7d;
            font-size: 1rem;
            line-height: 1.5;
            margin-top: 10px;
        }

        .input-section {
            margin-bottom: 25px;
        }

        .input-group {
            margin-bottom: 20px;
        }

        .input-group label {
            display: block;
            color: #264653;
            font-weight: 600;
            margin-bottom: 10px;
            font-size: 1.05rem;
        }

        .input-with-unit {
            position: relative;
            display: flex;
            align-items: center;
        }

        .input-with-unit input {
            width: 100%;
            padding: 16px 20px;
            border: 2px solid #cbd5e1;
            border-radius: 12px;
            font-size: 1.1rem;
            font-weight: 600;
            color: #264653;
            transition: all 0.3s ease;
            background-color: white;
        }

        .input-with-unit input:focus {
            outline: none;
            border-color: #2a9d8f;
            box-shadow: 0 0 0 3px rgba(42, 157, 143, 0.15);
        }

        .unit {
            position: absolute;
            right: 15px;
            color: #5a6c7d;
            font-weight: 600;
            font-size: 0.95rem;
        }

        .calculate-btn {
            width: 100%;
            background: linear-gradient(90deg, #2a9d8f, #21867a);
            color: white;
            border: none;
            padding: 18px;
            border-radius: 12px;
            font-size: 1.2rem;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 10px;
            letter-spacing: 0.5px;
        }

        .calculate-btn:hover {
            background: linear-gradient(90deg, #21867a, #1b7166);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(42, 157, 143, 0.3);
        }

        .calculate-btn:active {
            transform: translateY(0);
        }

        .results-container {
            margin-top: 30px;
            padding: 25px;
            background-color: white;
            border-radius: 15px;
            border-left: 5px solid #2a9d8f;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            display: none;
        }

        .results-container.visible {
            display: block;
            animation: fadeIn 0.5s ease;
        }

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

        .imc-result {
            text-align: center;
            margin-bottom: 20px;
        }

        .imc-value {
            font-size: 2.8rem;
            font-weight: 800;
            color: #264653;
            margin-bottom: 5px;
        }

        .imc-category {
            font-size: 1.4rem;
            font-weight: 600;
            padding: 8px 20px;
            border-radius: 20px;
            display: inline-block;
            margin-bottom: 15px;
        }

        .category-underweight {
            background-color: #e3f2fd;
            color: #1565c0;
            border: 1px solid #bbdefb;
        }

        .category-normal {
            background-color: #e8f5e9;
            color: #2e7d32;
            border: 1px solid #c8e6c9;
        }

        .category-overweight {
            background-color: #fff3e0;
            color: #ef6c00;
            border: 1px solid #ffe0b2;
        }

        .category-obese1 {
            background-color: #ffebee;
            color: #c62828;
            border: 1px solid #ffcdd2;
        }

        .category-obese2 {
            background-color: #fce4ec;
            color: #ad1457;
            border: 1px solid #f8bbd9;
        }

        .category-obese3 {
            background-color: #f3e5f5;
            color: #6a1b9a;
            border: 1px solid #e1bee7;
        }

        .category-explanation {
            color: #5a6c7d;
            font-size: 1rem;
            line-height: 1.5;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px dashed #e2e8f0;
        }

        .treatment-recommendation {
            background-color: #f8f9fa;
            border-radius: 10px;
            padding: 20px;
            margin-top: 15px;
            border-left: 4px solid #2a9d8f;
        }

        .treatment-title {
            color: #264653;
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .treatment-text {
            color: #5a6c7d;
            font-size: 1rem;
            line-height: 1.5;
        }

        .other-service-note {
            margin-top: 15px;
            padding: 12px 15px;
            background-color: #f0f7ff;
            border-radius: 8px;
            border-left: 3px solid #64b5f6;
            font-size: 0.9rem;
            color: #2c5282;
            line-height: 1.4;
        }

        .other-service-note a {
            color: #2a9d8f;
            font-weight: 600;
            text-decoration: none;
        }

        .other-service-note a:hover {
            text-decoration: underline;
        }

        .consultation-cta {
            text-align: center;
            margin-top: 25px;
            padding-top: 20px;
            border-top: 1px solid #e2e8f0;
        }

        .consultation-cta a {
            display: inline-block;
            background-color: #e76f51;
            color: white;
            text-decoration: none;
            padding: 14px 28px;
            border-radius: 10px;
            font-weight: 600;
            transition: background-color 0.3s ease;
            font-size: 1.05rem;
        }

        .consultation-cta a:hover {
            background-color: #d65c40;
        }

        .bmi-chart {
            margin-top: 25px;
            background-color: #f8f9fa;
            border-radius: 10px;
            padding: 20px;
            border: 1px solid #e2e8f0;
        }

        .bmi-chart-title {
            color: #264653;
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 15px;
            text-align: center;
        }

        .bmi-scale {
            display: flex;
            height: 40px;
            border-radius: 8px;
            overflow: hidden;
            margin-bottom: 10px;
        }

        .bmi-segment {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 600;
            font-size: 0.85rem;
        }

        .segment-underweight { background-color: #64b5f6; }
        .segment-normal { background-color: #81c784; }
        .segment-overweight { background-color: #ffb74d; }
        .segment-obese1 { background-color: #ff8a65; }
        .segment-obese2 { background-color: #f06292; }
        .segment-obese3 { background-color: #ba68c8; }

        .bmi-labels {
            display: flex;
            justify-content: space-between;
            font-size: 0.85rem;
            color: #5a6c7d;
            font-weight: 500;
            margin-top: 5px;
        }

        .disclaimer {
            margin-top: 20px;
            padding: 15px;
            background-color: #fef9e7;
            border-radius: 10px;
            border-left: 4px solid #f1c40f;
            font-size: 0.85rem;
            color: #7d6608;
            line-height: 1.5;
        }

        .disclaimer strong {
            color: #a06c1b;
        }

        @media (max-width: 480px) {
            .imc-calculator {
                padding: 25px;
            }
            
            .calculator-header h2 {
                font-size: 1.6rem;
            }
            
            .imc-value {
                font-size: 2.2rem;
            }
        }