.elementor-kit-10{--e-global-color-primary:#10BEF4;--e-global-color-secondary:#717171;--e-global-color-text:#041C21;--e-global-color-accent:#135A6A;--e-global-color-8ee5506:#EAEAEA;--e-global-color-71eb3e4:#DCDCDC;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-font-style:normal;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:700;color:#135A6A;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:var( --e-global-color-text );padding-inline-end:0.8em;padding-inline-start:0.8em;}.elementor-kit-10 h3{color:#135A6A;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.site-header{padding-inline-end:3em;padding-inline-start:3em;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
            font-family: 'Montserrat', sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            width: 100%;
            background-color: #f0f0f0;
            flex-direction: column;
            margin: 0;
            overflow-x: hidden;
            box-sizing: border-box;
        }

        .container {
            text-align: center;
            margin: auto;
            width: 100%;
            max-width: 100%;
            padding: 20px;
            box-sizing: border-box;
        }

        h1 {
            color: #10bef4;
            font-size: 50px;
            font-weight: bold;
        }

        .buttons,
        .phase-buttons,
        .buttons-large {
            display: flex;
            gap: 20px;
            justify-content: center;
            margin: 20px 0;
            flex-wrap: wrap;
        }

        .button,
        .button-small,
        .button-large {
            padding: 12px 20px;
            font-size: 16px;
            font-weight: bold;
            border-radius: 50px;
            border: none;
            cursor: pointer;
            background-color: #d3d3d3;
            color: black;
            transition: background-color 0.3s, color 0.3s;
        }

        .button.active,
        .button-small.active,
        .button-large.active,
        .button:hover,
        .button-small:hover,
        .button-large:hover {
            background-color: #10bef4;
            color: #fff;
        }

        .price-table-container {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            width: 100%;
            margin-top: 30px;
            flex-wrap: wrap;
            box-sizing: border-box;
        }

        .price-table {
            display: inline-flex;
            flex-direction: row;
            align-items: center;
            width: 100%;
            max-width: 800px;
            gap: 20px;
        }

        .price-cell-1 {
            padding: 30px;
            text-align: center;
            width: 50%;
            box-sizing: border-box;
        }

        .price-cell-1 h2 {
            font-size: 36px;
            color: black;
            font-weight: bold;
            margin: 0;
        }

        .price-cell-1 .price-original {
            font-size: 26px;
            font-weight: bold;
            color: black;
            text-decoration: line-through;
            text-decoration-color: red;
            margin: 0;
        }

        .price-cell-1 p {
            font-size: 72px;
            font-weight: 800;
            margin: 20px 0;
            line-height: 1;
            color: black
        }

        .price-cell-2 {
            width: 50%;
            padding: 30px;
            text-align: left;
            box-sizing: border-box;
        }

        .price-cell-2 ul {
            list-style: none;
            padding: 0;
            font-size: 20px;
        }

        .price-cell-2 ul li {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
            align-items: center;
        }

        .price-cell-2 ul li span:first-child {
            font-weight: normal;
            text-align: left;
            width: 60%;
        }

        .price-cell-2 ul li span:last-child {
            font-weight: bold;
            text-align: right;
            width: 40%;
        }

        .apply-button {
            padding: 10px 24px;
            font-size: 18px;
            font-weight: bold;
            color: white;
            background-color: #10bef4 !important;
            border-radius: 25px;
            cursor: pointer;
            margin-top: 20px;
            border-color: black;
            text-decoration: none;
        }

        /* Ocultar botones grandes y mostrar desplegables en pantallas más pequeñas */
        @media (min-width: 769px) {
            .dropdown {
                display: none;
            }
        }

        @media (max-width: 768px) {
            /* Para móviles y tablets más pequeños, cambia los botones a desplegables */
            .phase-buttons,
            .buttons-large {
                display: none;
            }

            .dropdown {
                position: relative;
                display: inline-block;
                margin: 20px 0;
            }

            .dropdown-button {
                padding: 12px 20px;
                font-size: 16px;
                font-weight: bold;
                border-radius: 50px;
                border: none;
                cursor: pointer;
                background-color: #d3d3d3;
                color: black;
            }

            .dropdown-content {
                display: none;
                position: absolute;
                background-color: #f9f9f9;
                box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
                z-index: 1;
                border-radius: 10px;
                overflow: hidden;
                min-width: 150px;
            }

            .dropdown-content button {
                background-color: #d3d3d3;
                color: black;
                padding: 10px 16px;
                text-align: left;
                border: none;
                width: 100%;
                font-size: 16px;
                cursor: pointer;
                outline: none;
            }

            .dropdown-content button:hover {
                background-color: #10bef4;
                color: #fff;
            }

            .price-table {
                flex-direction: column;
                align-items: center;
                gap: 0;
            }

            .price-cell-1,
            .price-cell-2 {
                width: 90%;
                padding: 15px;
            }
        }/* End custom CSS */