#container-cursos-pro {  
    .container {
        width: 1370px;
        
        @media (max-width: 1370px){
            width: 100%;
        }
    }
    .ficha-producto{
        display: grid;
        grid-template-columns: 64% 36%;
    
        @media (max-width: 1024px){
            display: block;
        }
    }
    .col{
        padding: 25px;
    }

    .w100 {
        width: 100%;
    }

    #pb-right-column{
        float: none;
        margin-right: 0 !important;
    }

    #item-course-img{
        border: none !important;
    }

    .container-imagenvideo{
        background-color: #333;
        height: 450px;
    }

    .vimeo.cboxElement{
        height: 450px;
        background-size: auto;
        background-repeat: no-repeat;
        background-position-x: center;
    }
    #pb-right-column #image-block{
        width: 100%;
        margin: 0 auto;
        
    }
    #pb-right-column .playButtonVideoPro img{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 90px;
        height: 90px;
        transform: translate(-50%, -50%);
    }
    #item-course-img{
        border: none !important;
        width: 100% !important;
        display: none !important;
    }

    #pb-right-column #image-block #view_full_size{
        text-align: center;
    }
    /*columna-contenido-principal nombre curso y código curso*/
    .nombre-curso h1{
        color: #081a2b !important;
        font-size: 40px !important;
        line-height: 40px;
        font-weight: 800 !important;
        margin: 32px 0px 12px 0px !important;
    }
    .nombre-curso h2{
        color: #081a2b !important;
        font-weight: 400 !important;
        margin: 20px 0px 12px 0px !important;
        text-transform: uppercase;
    }
    .infoCurso{
        font-size: 14px;
    }
    .infoCurso ul{
        list-style: none;
    }
    .infoCurso li.blueitem {
        margin-bottom: 10px;
    }
    .infoCurso li.blueitem:first-child{
        margin-top: 10px;
    }
    .infoCurso li.blueitem:last-child{
        margin-bottom: 40px;
    }
    .infoCurso .blueitem{
        font-weight: 700;
    }
    .infoCurso .detail{
        font-weight: normal;
        color: #000;
    }
    .courseDescription {
        font-size: 14px;
        line-height: 20px;
    }
    #contenidos-tabs div.contentTab > p{
        width: 100%;
        margin-left: 0;
        line-height: 20px;
    }
     #contenidos-tabs div.contentTab > ul {
        line-height: 18px;
     }
    /*container enlaces ancla*/
    .container-enlaces-ancla{
        padding: 15px 0px;
        font-size: 16px;
        font-weight: 700;
    }
    .container-enlaces-ancla ul {
        display: grid;
        grid-template-columns: auto auto auto auto auto;
        gap: 10px;
    }
    .container-enlaces-ancla li {
        list-style: none;
    }
    .container-enlaces-ancla li a {
        position: relative;
        color: #333;
        text-decoration: none;
        transition: background-color 0.3s ease, color 0.3s ease;
        padding-bottom: 8px;

    }
    .container-enlaces-ancla li a::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: #1F9CEF;
        transform: translateX(-50%) scaleX(0);
        transform-origin: center;
        transition: transform 0.3s ease;
        }
    .container-enlaces-ancla li a:hover::after {
        color: #1F9CEF;
        font-weight: 700;
        transform: translateX(-50%) scaleX(1);
    }
    .container-enlaces-ancla li a:hover {
      color: #1F9CEF;
    }    
    .container-enlaces-ancla li:first-child a {
      color: #1F9CEF;
    }
    .container-enlaces-ancla li:first-child a::after {
        color: #1F9CEF;
        font-weight: 700;
        transform: translateX(-50%) scaleX(1);
    }
    

    h3.title{
        font-size: 18px;
        color: #1F9CEF ;
        font-weight: 700;
        margin-top: 35px;
    }
    .anclas-content .contentTab {
        scroll-margin-top: 100px;
    }

    .flotante-sticky {
        top: 290px !important;
    }
    
    /*Formulario sticky*/
    .container-flotante{
        position: relative;
    }
    #flotantePrecio{
        position: sticky;
        color: #8B909A;
        margin-top: 90px;
        top: 80px;
        /*zoom: 0.3;*/
        transition: top 0.3s ease-out 0s, zoom 0.5s ease 0.1s;
        /*perspective: 1000px;*/
    }

    .container-precio{
        /*transition: transform 0.3s ease-out 0s;
        transform: rotateX(90deg) rotateY(0deg);
        transform-style: preserve-3d;*/
    }

    .treeDreset{
        /* transform: rotateX(0deg) rotateY(0deg);
        transform-style: preserve-3d; */
    }
    .flotantePrecioResetPerspective{
        /*perspective: 0;*/
    }
    

    .container-precio button.btn-comprar-curso{
        background-color: #1F9CEF;
        width: 100%;
        color: white;
        margin: 0px 0 12px 0;
        border: none;
        height: 90px;
        cursor: pointer;
        font-size: 20px;
        font-weight: 700;
    }
    .container-precio button.btn-comprar-curso p:first-of-type{
        font-weight: 400;
        margin-top: 9px;
        font-size: 16px;
    }
    button.btn-comprar-curso svg.bi.bi-cart-check-fill {
        height: 26px;
        width: 26px;
    }
    .formulario-mas-info {
        border: 1px solid #1F9CEF;
        background-color: #eee;
        padding: 30px 25px;
        transition: background-color 0.3s ease-out 0s;
    }
    .formulario-mas-info-bg-white {
        background-color: #FFFFFFFF;
    }   
    .formulario-mas-info .title-mas-info h2{
        font-size: 26px;
        color: #333;
        line-height: 33px;
        font-weight: 400;
        padding-bottom: 8px;
        letter-spacing: 0.25px;
    }
    .campos-mas-info {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, auto);
        gap: 10px;
    }
    /* Las filas 3, 4 y 5 solo ocupan la columna 1 */
    .campos-mas-info .span-col {
        grid-column: 1 / -1;  /* de la columna 1 hasta antes de la 2 */
    }
    .formulario-mas-info .input-group {
        height: auto;
        position: relative;
        font-size: 14.92px;
        color: #666; 
    }
    .formulario-mas-info input[type='password'], .formulario-mas-info input[type='search'], .formulario-mas-info input[type='email'], .formulario-mas-info input[type='text'], .formulario-mas-info input[type='tel']{
        border: 1px solid #d3d7db;
        width: 100%;
        box-sizing: border-box;
    }
    .formulario-mas-info select, .formulario-mas-info textarea{
        border: 1px solid #d3d7db;
        width: 100%;
        box-sizing: border-box;
    }
        
    .formulario-mas-info .input-group__input {
        display: block;
        border: 1px solid #d3d7db;
        padding: 17px 11px 6px 11px;
        outline: none;
        /*-moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-color: transparent;
        border: none;
        border-radius: 0px;
        border-bottom: 2px solid #bfbfbf;*/	
    }

    .formulario-mas-info .input-group__input:valid ~ .input-group__label {
        color: #27ae60;
    }
    .formulario-mas-info .input-group__input:invalid ~ .input-group__label {
        color: #e74c3c;
    }
    .formulario-mas-info .input-group__input:placeholder-shown ~ .input-group__label {
        color: #666;
    }
    .formulario-mas-info .input-group__input:focus ~ .input-group__label, .input-group__input:not(:placeholder-shown) ~ .input-group__label {
        transform: translateX(-7%) translateY(-80%) scale(0.8);
    }

    .formulario-mas-info .input-group__label {
        position: absolute;
        top: 38%;
        left: 10px;
        transition: all 0.3s ease;
        z-index: 1;
    }
    .formulario-mas-info select {
        color: #666; 
        padding: 14px 0px 14px 11px;
        outline:none;
        -webkit-appearance: none; /* Chrome, Safari, Opera */
        -moz-appearance: none; /* Firefox */
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%206'%3E%3Cpath%20d='M0%200l5%206%205-6z'%20fill='%23000'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 0.75em center;
        background-size: 0.75em;      
    }
    /* IE/Edge Legacy */
    .formulario-mas-info select::-ms-expand {
            display: none;
    }
    .formulario-mas-info select:hover, .formulario-mas-info input:hover{
        border-color: #808080;
        cursor: pointer;
        -webkit-transition: .2s border-color;
        transition: .2s border-color;
    }
    .formulario-mas-info .politica label, .formulario-mas-info .politica textarea {
        width: 100%;
        color: #a1a1a1;
        font-size: 12.94px;
        resize: none;
        overflow: auto;
    }
    .input-group.span-col.politica {
        margin: 13px 0px;
    }
    .visually-hidden {
        position: absolute !important;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        width: 1px;
        height: 1px;
        word-wrap: normal;
    }
    .formulario-mas-info button.btn-mas-info {
        background-color: #8B909A;
        width: 100%;
        color: white;
        border: none;
        height: 52px;
        cursor: pointer;
        font-size: 16px;
        font-weight: 900;
        letter-spacing: 0.12px;
    }    
    @media only screen and (max-width: 768px) {
        .contentTab.selected, a.ultratabs.selected {
            background: transparent !important;
        }
        .container-enlaces-ancla {
            display: none;
        }

        .vimeo.cboxElement{
            height: 200px;
            background-size: cover;
        }
        .container-imagenvideo {
            height: 200px;
        }
        .invertir-futuro-content {
            width: 100%;
        }
        .container-precio button.btn-comprar-curso{
            position: fixed;
            top: 84%;
            z-index: 2;
            left: 0px;
        }

    }

    /*----------------*/
    .vimeo .itembigplayvideo {
        z-index: 90;
        margin-top: 0px;
    }
    .fondo2-cat210{
        width: 100%;
    }

    .invertir-futuro-content {
        width: 75%;
        margin: 80px auto 40px;
    }
    .backgroundD9{
        background-color: #d9d9d9;
    }

    .background33{
        background-color: #333;
    }

    .opinan-alumnos {
        max-height: 550px;
    }

    #opinan-alumnos-lista {
        height: auto;
        width: 85%;
        margin: 0 auto;
        background-color: #fff;
    }
    .clearfix:before, .row:after, .row:before {
    content: none;
    }
    .block_hidden_only_for_screen {
        display: block;
    }

}