@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

:root {
    --color-yellow: #FFDA83;
    --color-red: #FF6565;
    --color-green: #60E2A0;
    --color-orange: #FFAF74;
    --color-blue: #3B86FF;
}

/*#ffcb05*/
@font-face {
    font-family: Dobra;
    src: url(dobra.woff2);
    font-weight: 500;
}

#corn_dashboard
{
    padding: 30px;
    margin: 15px;
    background-color: #f1f1f1;
}

.btnTipo
{
    display: block;
    text-decoration: none;
    padding: 15px 0;
    border: 1px solid #f1f1f1;
    color: #000;
    background-color: #FFF;
}

.btnTipo.activo, .btnTipo:hover
{
    background-color: #000;
    color: #FFF;    
}

.modelo {
    border: 1px solid #000;
    width: 200px;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
}

.modelo.activo {
    background-color: #000;
    color: #FFF;
}

.loader
{
    text-align: center;
    padding-top: 100px;
    padding-bottom: 50px;
    color: #999;
}

.loader i
{
    font-size: 82px;
    margin-bottom: 10px;
}

.disabled
{
    display: none;
}

.enabled
{
    display: block !important;
}

#corn_dashboard .nav-tabs
{
    border-bottom: 0;
}

#corn_dashboard .nav-tabs .nav-link
{
    border-radius: 0px !important;
    color: #000;
}

.corn_clasificaciones
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-clasificacion
{
    border: 0;
    margin-right: 15px;
    background-color: #FFF;
}

.btn-clasificacion.activo
{
    font-weight: bold;
}

#corn_dashboard .tab-content
{
    background-color: #FFF;
    border: 1px solid #dee2e6;
    padding: 15px;
}

.boxModelo
{
    border: 1px solid #000;
    color: #000;
    cursor: pointer;
    padding: 5px 10px;
    text-align: center;
    font-size: 12px;
    min-height: 3rem;
}

.boxModelo.activo
{
    background-color: #000;
    color: #FFF;
}

.corn_splides
{
    min-height: 80px;
}

.corn_splide
{
    padding-left: 30px;
    padding-right: 30px;
}

.corn_splide .splide__slide
{
    padding: 10px;
    width: calc(16.6667%);
}

.splide__arrow
{
    border-radius: 0 !important;
}

.splide__arrow--prev {
    left: -.25em !important;
}

.splide__arrow--next {
    right: -.25em !important;
}

.corn_ficha h5,
.corn_formulario h5,
.corn_resultado h5 {
    font-size: 24px;
}

.corn_ficha h6
{
    font-size: 22px;
}

.corn_ficha i
{
    font-size: 22px;
}

.corn_ficha .btn-sgte, .corn_formulario .btn-sgte, .btn-sgte
{
    border: 0;
    border-radius: 5px;
    padding: 8px 15px;
    font-weight: bold;
}

a.btn-sgte
{
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000;
}

.corn_formulario
{
    background-color: #FFF;
    padding: 50px 50px !important;
}

.corn_formulario label
{
    font-weight: bold;
}

.corn_formulario .form-control
{
    background-color: #f1f1f1;
}

.corn_error
{
    font-size: 12px;
    color: #dc323c;
}

.corn_haserror
{
    border-color: #dc323c !important;
}

.corn_cotizacion
{
    background-color: #FFF;
    padding: 50px 50px !important;
}

.cabecera {
    color: #FFF !important;
    background-color: #dc3546 !important;
    font-weight: 300;
}

.disclaimer
{
    font-size: 12px;
}

.corn_avatar
{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
}

.splide__arrow:disabled {
    opacity: 0 !important;
    pointer-events: none;
}

.corn_splides_wa .corn_splide
{
    padding-left: 0;
    padding-right: 0;
}

.imagenPlanta
{
    max-height: 50vh;
}

@media (max-width: 767px) {
    #corn_dashboard
    {
        padding: 10px 0;
        /*min-height: calc(100vh - 30px);*/
        background-color: #FFF;
        border: 1px solid #f1f1f1;
    }

    .cotizador-mobile h3
    {
        font-weight: bold;
        border-bottom: 1px solid rgba(0,0,0,.1);
        padding-bottom: 15px;
        padding-top: 15px;
        margin-bottom: 30px;
    }
    
    .cotizador-mobile h4
    {
        font-weight: bold;
        padding-top: 15px;
        font-size: 16px;
    }

    .btnTipo
    {
        margin-top: 15px;
        border: 1px solid rgba(0, 0, 0, .2);
    }

    .contenedor-opciones
    {
        height: auto;
        margin-bottom: 30px;
    }
    
    .cotizador-mobile .btn, .cotizador-mobile .btn-sgte
    {
        font-weight: bold;
        padding: 8px 15px;
        font-size: 14px !important;
        height: 42px;
    }
    
    .btn-sgte
    {        
        color: #000 !important;
    }

    .corn_splide
    {
        padding-left: 0px;
        padding-right: 0px;
    }

    .imagenPlanta
    {
        max-height: 35vh;
    }

    .corn_formulario
    {
        padding: 15px !important;
    }

    .corn_cotizacion
    {
        padding: 5px !important;
    }

    .corn_formulario label
    {
        margin-top: 10px;
    }

    .contenedor-tabla td, .contenedor-tabla th
    {
        font-size: 11px;
        text-align: left;
    }

    .contenedor-tabla td.text-center
    {
        text-align: left !important;
    }
    
    .splide__arrow
    {
        top: 100px !important;
        height: 4em !important;
        width: 3em !important;
    }
    
    .splideModelo p
    {
        padding-bottom: 3px;
    }
    
    .contenedor-tabla
    {
        width: 100%;
        overflow-x: auto;
    }
    
    .tabla-responsiva tr td
    {
        text-wrap-mode: nowrap;
    }
    
    #corn_dashboard {
      scroll-margin: 100px;
    }
}