@charset "utf-8";
/* CSS Document */

:root
{
    --primary: #F28E2A;
    --secondary: #55585A;
    --title-color: #53575A;
    --text-color: #55585A;
    /*--input-placeholder-color: #9E9E9E;*/
    --input-placeholder-color: #CBCBCB;
    --input-text-color: #666666;
    --checkbox-color: #F28E2A;
    --label-color: #666666;
    --label-color-hover: #666666;

    --area-1: #B3B3B3;
    --area-2: #D4D67D;
    --area-3: #19C1D0;
    --area-4: #6BC8A1;
    --area-5: #FCCB8B;
    --area-6: #F8AF5F;
    --area-7: #F28B2D;
    --area-8: #E96F00;
    --area-resumen: #55585A;
}

/* montserrat-300 - latin */
@font-face
{
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('https://plandenegocio.incubadoraconvalores.org/fonts/montserrat-v26-latin-300.woff2') format('woff2'),
    url('https://plandenegocio.incubadoraconvalores.org/fonts/montserrat-v26-latin-300.ttf') format('truetype');
}

/* montserrat-regular - latin */
@font-face
{
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('https://plandenegocio.incubadoraconvalores.org/fonts/montserrat-v26-latin-regular.woff2') format('woff2'),
    url('https://plandenegocio.incubadoraconvalores.org/fonts/montserrat-v26-latin-regular.ttf') format('truetype');
}

/* montserrat-500 - latin */
@font-face
{
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('https://plandenegocio.incubadoraconvalores.org/fonts/montserrat-v26-latin-500.woff2') format('woff2'),
    url('https://plandenegocio.incubadoraconvalores.org/fonts/montserrat-v26-latin-500.ttf') format('truetype');
}

/* montserrat-600 - latin */
@font-face
{
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('https://plandenegocio.incubadoraconvalores.org/fonts/montserrat-v26-latin-600.woff2') format('woff2'),
    url('https://plandenegocio.incubadoraconvalores.org/fonts/montserrat-v26-latin-600.ttf') format('truetype');
}

/* montserrat-700 - latin */
@font-face
{
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('https://plandenegocio.incubadoraconvalores.org/fonts/montserrat-v26-latin-700.woff2') format('woff2'),
    url('https://plandenegocio.incubadoraconvalores.org/fonts/montserrat-v26-latin-700.ttf') format('truetype');
}

/* montserrat-800 - latin */
@font-face
{
    font-display: swap;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('https://plandenegocio.incubadoraconvalores.org/fonts/montserrat-v26-latin-800.woff2') format('woff2'),
    url('https://plandenegocio.incubadoraconvalores.org/fonts/montserrat-v26-latin-800.ttf') format('truetype');
}

@font-face
{
    font-family: 'RobotoRegular';
    src: url('../gestina/fonts/Roboto-Regular.eot');
    src: url('../gestina/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('../gestina/fonts/Roboto-Regular.woff2') format('woff2'),
    url('../gestina/fonts/Roboto-Regular.woff') format('woff'),
    url('../gestina/fonts/Roboto-Regular.ttf') format('truetype'),
    url('../gestina/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@-webkit-keyframes pulsate
{
    0%
    {
        transform: scale(0.1);
        opacity: 0.0; }
    50%
    {
        opacity: 1; }
    100%
    {
        transform: scale(1.2);
        opacity: 0; }
}

@keyframes pulsate
{
    0%
    {
        transform: scale(0.1);
        opacity: 0.0; }
    50%
    {
        opacity: 1; }
    100%
    {
        transform: scale(1.2);
        opacity: 0; }
}

@-moz-keyframes pulsate
{
    0%
    {
        transform: scale(0.1);
        opacity: 0.0; }
    50%
    {
        opacity: 1; }
    100%
    {
        transform: scale(1.2);
        opacity: 0; }
}

@-o-keyframes pulsate
{
    0%
    {
        transform: scale(0.1);
        opacity: 0.0; }
    50%
    {
        opacity: 1; }
    100%
    {
        transform: scale(1.2);
        opacity: 0; }
}

@-ms-keyframes pulsate
{
    0%
    {
        transform: scale(0.1);
        opacity: 0.0; }
    50%
    {
        opacity: 1; }
    100%
    {
        transform: scale(1.2);
        opacity: 0; }
}

html
{height: 100%;}

html.no-scroll
{overflow: hidden;}

::-moz-selection
{ /* Code for Firefox */
    color: #FFF;
    background: var(--primary);
}

::selection
{
    color: #FFF;
    background: var(--primary);
}

/* CKEDITOR GESTINA */
.cke_editable
{
    font-family: RobotoRegular !important;
    font-weight: 300 !important;
    overflow: auto;
    padding-bottom: 20px;
    display: block !important;
}

.cke_editable strong
{
    font-family: RobotoRegular;
    font-weight: bold;
}

/* FIX margin listas*/
.cke_editable, .cke_editable li
{

    margin: 20px;
}

*
{
    padding: 0;
    margin: 0;
    outline: none;
}

body
{
    padding: 0;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color);
    line-height: normal;
    padding-right: 0 !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

body.menuFixed:not(.banner)
{
    padding-top: 70px;
}

font
{font-size: 1rem}

a, a:hover
{text-decoration: none; color: inherit;}

/* fin inputs */
/* INICIO COMUNES */
.ws-nowrap
{white-space: nowrap}

.dotdotdot
{overflow: hidden}

.owl-carousel
{touch-action: manipulation;}

.owl-center .owl-stage
{margin-left: auto; margin-right: auto}

.owl-shadow .owl-stage-outer
{
    overflow: visible;
}

.owl-shadow .owl-item
{
    opacity: 0;
    visibility: hidden;
    transition: none;
}

.owl-shadow .owl-item.active
{
    transition: all 350ms linear;
    opacity: 1;
    visibility: visible;
}

.owl-carousel .owl-nav:not(.disabled)
{
    display: flex;
    width: 100%;
    gap: 0 10px;
    justify-content: flex-end;
    margin-top: 10px;
}

.owl-custom-nav .owl-nav div,
.owl-nav path
{
    pointer-events: all;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.owl-custom-nav2
{
    display: flex !important;
    flex-direction: column-reverse;
}

.owl-custom-nav2.owl-carousel .owl-nav:not(.disabled)
{
    gap: 0 20px;
    margin-top: 0;
    margin-bottom: 30px;
}

.owl-nav div:hover path
{
    fill: var(--primary);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4
{
    margin-top: 0;
    margin-bottom: 0;
}

.tituloSeccion
{
    color: #FFF;
    position: relative;

    display: flex;
    align-items: center;
    gap: 10px;

    text-transform: uppercase;

    font-size: 20px;
    font-weight: 600;

    padding: 14px 15px;
    background-color: var(--primary);

    border-radius: 10px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.25);

    margin-bottom: 30px;

    min-height: 60px;
}

.tituloSeccion svg
{
    margin-top: -3px;
    height: 35px;
    width: auto;
}

.tituloSeccion path
{
    fill: #FFF;
}

a.tituloSeccion:hover, .tituloSeccion a:hover, .tituloSeccion a
{
    color: #FFF;
    text-decoration: none;
}

.textoSeccion
{
    color: var(--text-color);
    word-wrap: break-word;
    line-height: 25px;
}

.textoSeccionBig
{
    font-size: 17px;
    font-weight: 500;
    line-height: 23px;
}

.textoSeccionBig2
{
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

.textoSeccion table
{
    /*width: 100%;*/
    max-width: 100%;
    /*text-align: center;*/
    color: var(--text-color);
    margin-bottom: 0 !important;

    border-collapse: collapse;
    border-color: var(--primary);
}

.textoSeccion table td, .textoSeccion table th
{
    border-top: 1px solid;
    border-color: var(--primary);
    padding: 8px 10px;
}

.tituloSeccion.white,
.subTituloSeccion.white,
.textoSeccion.white
{
    color: #FFF;
}

.textoSeccion ul, .textoSeccion ol
{
    margin-left: 35px;
    margin-top: 10px;
    list-style-position: inside;
}

.textoSeccion a:not(.btnStandard)
{
    color: var(--primary);
}

strong, b
{
    font-weight: 600;
}

.textoSeccion h1, .textoSeccion h2, .textoSeccion h3, .textoSeccion h4
{
    margin-top: 20px;
    margin-bottom: 15px;
}

.btnStandard
{
    position: relative;
    box-sizing: border-box;
    cursor: pointer;

    display: inline-flex;
    align-items: center;

    text-decoration: none !important;
    background: var(--primary);
    color: white;
    text-align: center;
    z-index: 1;
    border: none;
    margin: 0;
    border-radius: 5px;
    padding: 15px 25px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1.7px;
}

.btnStandard:after
{
    content: url("https://plandenegocio.incubadoraconvalores.org/img/iconos/flechaBoton.svg");
    margin-left: 10px;
    line-height: 0;
    width: 17px;
    height: 15px;
}

.btnStandardInv
{
    background-color: white;
    color: var(--primary);
    border: 1px solid white;
}

.btnStandard:hover:before, .btnStandard:focus:before
{
    left: 130%;
}

.btnStandard:hover, .btnStandard:focus
{
    color: #FFFFFF !important;
    background: var(--secondary);
}

.btnStandardInv:hover, .btnStandardInv:focus
{
    color: #FFFFFF !important;
    background: var(--primary);
}

.sinResultados
{
    text-align: center;
    height: 200px;
    font-size: 1.125rem;
    padding-top: 90px;
}

.imagenDerecha
{
    margin: 0 0 20px 30px;
    position: relative;
    float: right;
    width: 622px;
    text-align: right;
    overflow: hidden;
}

.imagenDerecha2
{max-width: 400px}

.imagenDerecha img
{
    border-radius: 10px;
}

ul, ol
{ padding: 0;}

.pp_social
{display: none;}

/* FIN COMUNES */

/* INICIO HEADER */
header
{
    padding-top: 10px;
    padding-bottom: 13px;
}

header > div
{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
}

#container-logo-header
{
    grid-row: 1/4;
}

#idiomas-acceso
{
    font-size: 13px;
    font-style: italic;
    grid-row: 1;
    margin-left: auto;
}

#header-perfil
{
    font-size: 15px;
    font-weight: 600;
    grid-row: 2;
    margin-left: auto;
}

#header-perfil img
{
    border-radius: 100%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}

#container-navbar
{
    margin-left: auto;
    grid-row: 3;
}

.alert-number
{
    position: absolute;
    top: 10px;
    right: -4px;

    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #F03325;
    display: flex;
    align-items: center;
    justify-content: center;

    color: #FFF;
    font-size: 12px;
    font-weight: 500;
}

.alert-number-2
{
    color: #FFF;
    font-size: 15px;
    line-height: normal;
    display: inline-flex;
    padding: 2px 15px;
    border-radius: 5px;
    background: var(--primary);
}

.dropdown-avisos
{
    position: absolute;
    right: 0;
    border-radius: 10px;
    border: 1px solid #E8E8F7;
    background: #FFF;
    z-index: 1000;
    line-height: normal;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
    opacity: 0;
    visibility: hidden;

    -moz-transition: all .4s cubic-bezier(0.42, 0, 0, 1.05);
    -webkit-transition: all .4s cubic-bezier(0.42, 0, 0, 1.05);
    -o-transition: all .4s cubic-bezier(0.42, 0, 0, 1.05);
    transition: all .4s cubic-bezier(0.42, 0, 0, 1.05);

    transform-origin: top right;

    -moz-transform: scale(.4);
    -webkit-transform: scale(.4);
    -o-transform: scale(.4);
    transform: scale(.4);
}

.dropdown-avisos:before
{
    z-index: -1;
    content: "";
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    background: white;
    position: absolute;
    right: 16px;
    top: -8px;
}

.dropdown-avisos.open
{
    opacity: 1;
    visibility: visible;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.dropdown-avisos-header
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px;
    border-bottom: 1px solid #F1EBFB;
    width: 300px;
}

.dropdown-avisos-titulo
{
    color: #55585A;
    font-size: 14px;
    font-weight: 600;
}

.dropdown-avisos-body
{
    padding: 12px 0;
}

.item-aviso
{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 19px;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-align: start;
    color: var(--secondary);
    font-size: 12px;
}

.item-aviso > img
{
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10);
    border-radius: 50%;
}

.item-aviso-datos-nombre
{
    font-size: 15px;
    font-weight: 600;
}

.dropdown-avisos-footer
{
    padding: 15px;
    text-align: center;
    border-top: 1px solid #F1EBFB;
}

.dropdown-avisos-footer a
{
    color: var(--primary);
    font-size: 14px;
    font-weight: 600;
    text-decoration-line: underline;
}

.item-aviso:hover
{
    background-color: #F4F4F4;
}

.navbar-nav > .dropdown:not(.bootstrap-select):hover > .dropdown-menu
{
    /*top: calc(100% + 25px) !important;*/
    top: 0;
    margin-top: -1px !important;
}

.dropdown:not(.bootstrap-select):hover > .dropdown-menu
{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all !important;
    transform: scaleY(1) !important;
}

#navbarWeb.navbar
{
    pointer-events: all;
    padding: 0;
    align-items: center;
    flex-grow: 1;
    justify-content: space-between;
}

#menuBloque
{
    position: relative;
    z-index: 200;
    background-color: transparent;
    padding-top: 10px;
}

.navbar-nav
{
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

#menuNavbarCollapse li > a
{
    color: var(--secondary);
    font-size: 14px;
    line-height: normal;
    text-decoration: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 12px 0;
    max-width: 116px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 500;
}

#menuNavbarCollapse li + li
{
    margin-left: 50px;
}

#menuNavbarCollapse li > a span,
#menu-usuario ul a span
{
    display: flex;
    align-items: center;
    justify-content: center;
}

#menuNavbarCollapse li a span svg path,
#menu-usuario ul svg path
{
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    fill: var(--secondary);
}

#menuNavbarCollapse li > a span:first-child,
#menu-usuario ul a span
{
    width: 55px;
    height: 55px;
    flex-shrink: 0;
    background-color: #F4F4F4;
    border-radius: 50%;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#menuNavbarCollapse li > a span:nth-child(2)
{
    margin-top: 5px;
    min-height: 28px;
}

.dropdown a i
{
    vertical-align: middle;
    line-height: 0;
    font-size: 14px;
    margin-left: 5px;
    display: none;
}

#menuNavbarCollapse li.dropdown.nav-item:hover > a, #menuNavbarCollapse li.nav-item > a:hover, #menuNavbarCollapse li.menu-seleccionado > a, #menuNavbarCollapse li.show > a, #menu-usuario a:hover, #menu-usuario a.menu-seleccionado
{
    color: var(--primary);
    text-decoration: none;
}

#menuNavbarCollapse li.dropdown.nav-item:hover > a span:first-child, #menuNavbarCollapse li.nav-item > a:hover span:first-child, #menuNavbarCollapse li.menu-seleccionado > a span:first-child, #menuNavbarCollapse li.show > a span:first-child, #menu-usuario a:hover span, #menu-usuario a.menu-seleccionado span
{
    background-color: var(--primary);
}

#menuNavbarCollapse li.dropdown.nav-item:hover > a span svg path, #menuNavbarCollapse li.nav-item > a:hover span svg path, #menuNavbarCollapse li.menu-seleccionado > a span svg path, #menuNavbarCollapse li.show > a span svg path, #menu-usuario ul a:hover svg path, #menu-usuario ul a.menu-seleccionado svg path
{
    fill: #FFF;
}

#menuNavbarCollapse.navbar-collapse li.nav-item
{
    position: relative;
    line-height: 0;
}

.sub-arrow, #menuNavbarCollapse .caret, .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow
{display: none !important;}

.dropdown-toggle::after
{
    margin-left: .5em;
    position: absolute;
    top: calc(50% - 5px);
    right: -13px;
    display: none;
}

#menuNavbarCollapse li > a .dropdown-menu
{
    color: #666666;
}

#menuNavbarCollapse ul.dropdown-menu li:last-child
{
    border-bottom: none;
    display: block !important;
}

#menuNavbarCollapse ul.dropdown-menu
{
    background: #FFFFFF;
    display: block;
    opacity: 0;
    top: 100%;
    left: 0;
    right: 0;
    visibility: hidden;
    width: max-content;
    max-width: 415px;
    margin: 0;
    padding: 20px;
    border-radius: 0;

    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;

    max-height: 60vh;
    /*overflow: auto;*/

    min-width: 210px;

    transform: scaleY(0);
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

#menuNavbarCollapse ul.dropdown-menu ul.dropdown-menu
{
    left: calc(100% + 20px) !important;
    top: 0;
    margin: 0;
    max-width: 400px;
    pointer-events: none;
}

#menuNavbarCollapse ul.dropdown-menu ul.dropdown-menu:before
{
    content: "";
    width: 20px;
    height: 100%;
    background-color: transparent;
    position: absolute;
    left: -20px;
    top: 0;
}

#menuNavbarCollapse.navbar-collapse.show ul.dropdown-menu
{
    border: none;
    box-shadow: none;
    width: 100%;
}

#menuNavbarCollapse .dropdown > .dropdown-toggle:active
{
    pointer-events: none;
}

#menuNavbarCollapse .dropdown-item
{
    position: relative;
    color: var(--text-color);
    transition: all .4s;
    padding: 0;
    white-space: normal;
    background-color: transparent;
    padding: 10px 0;
    letter-spacing: 0;
}

#menuNavbarCollapse .dropdown-item::before
{
    content: url("https://plandenegocio.incubadoraconvalores.org/img/iconos/flecha.svg");
    display: block;
    position: absolute;
    line-height: 0;
    top: 16px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#menuNavbarCollapse .dropdown-item:hover::before
{
    opacity: 1;
    visibility: visible;
}

#menuNavbarCollapse .dropdown-item:hover
{
    padding-left: 20px;
}

#menuNavbarCollapse .dropdown-menu li
{
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

#menuNavbarCollapse .dropdown-item:hover
{
    text-decoration: none !important;
}

#menuNavbarCollapse .dropdown-menu.tamanyoFijo
{
    width: 380px;
}

#menuNavbarCollapse .dropdown-menu.tamanyoFijo a
{
    white-space: normal;
}

.navbar-nav .dropdown-menu
{
    background: var(--primary);
    border-radius: 0;
    padding: 0;
    border: none;
    box-shadow: none;
}

#menuNavbarCollapse .dropdown-item:hover,
#menuNavbarCollapse .dropdown > ul > li.dropdown:hover > .dropdown-item,
#menuNavbarCollapse .sub-menu-item.menu-seleccionado a,
#menuNavbarCollapse .sub-menu-item a:hover,
#menuNavbarCollapse .dropdown-item.active,
#menuNavbarCollapse .dropdown-item:active,
#menuNavbarCollapse .dropdown-item.text-dark,
#menuNavbarCollapse a.bg-light:hover,
#menuNavbarCollapse a.bg-light:focus
{
    color: var(--secondary) !important;
    text-decoration: none;
}

/* INICIO MENU FIJO */

.fixed-container
{
    position: fixed;
    right: 0;
    top: 0;
    width: 420px;
    max-width: 100%;
    height: 100%;
    background-color: white;
    z-index: 2500;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.fixed-container.open
{
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.fixed-container-cerrar
{
    position: absolute;
    top: 15px;
    right: 15px;
}

.btnCerrar, .fixed-container-cerrar
{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
}

.btnCerrar img
{
    width: 17px;
    height: auto;
}

#menu-usuario ul
{
    list-style: none;
    padding: 120px 50px;
}

#menu-usuario ul li + li
{
    margin-top: 45px;
}

#menu-usuario ul a
{
    display: flex;
    align-items: center;
    gap: 17px;
    color: var(--secondary);
    font-size: 20px;
    font-weight: 500;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#menuBloque.fixed
{
    position: fixed;
    width: 100%;
    top: -70px;
    left: 0;
    right: 0;
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
    -o-transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    -webkit-transition: transform 500ms ease;
    /*background: #FFF;*/
    z-index: 1999;
    margin-top: 0;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);

    padding-top: 0;
    padding-bottom: 0;

    background-color: var(--primary);
}

#menuBloque.fixed #navbarWeb.navbar
{
    border: none;
}

#cerrarMenu
{
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    z-index: 100;
}

#cerrarMenu
{display: none;}

/* FIN MENU FIJO */
#idiomas
{position: relative; min-height: 22px}

#idiomas > img
{cursor: pointer}

#idiomas-desplegable
{
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

    padding: 20px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);

    z-index: 100;
}

#idiomas-desplegable:before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 8px;
    background-color: transparent;
    left: 0;
    top: -8px;
}

#idiomas-desplegable a
{
    display: flex;
    align-items: center;
    gap: 10px;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
}

#idiomas-desplegable a + a
{margin-top: 10px}

#idiomas:hover #idiomas-desplegable
{
    opacity: 1;
    visibility: visible;
}

/* FIN HEADER */
#wrapper
{
    z-index: 20;
    position: relative;
    flex-grow: 1;
    padding-bottom: 40px;
}

.current_section_olvido #wrapper,
.current_section_acceder #wrapper
{
    background-image: url(https://plandenegocio.incubadoraconvalores.org/img/fondos/mapa.webp);
    background-size: cover;
}

.current_section_inicio #wrapper
{margin-top: 0}

.tooltipster-base
{
    z-index: 99999999999 !important;
}

.tooltipStandard
{
    cursor: pointer;
}

.tooltipster-sidetip.tooltipster-base .tooltipster-box
{
    background: var(--secondary);
    border: none;
    border-radius: 4px;
    color: #FFF;
    font-size: 14px;
    padding: 5px 10px;
}

.tooltipster-sidetip.tooltipster-base.tooltip-area .tooltipster-box
{
    background: var(--secondary);
}

.tooltipster-sidetip.tooltipster-base .tooltipster-content
{
    color: #FFF;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background
{
    border-bottom-color: var(--secondary) !important;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background
{
    border-top-color: var(--secondary) !important;
}

.tooltipster-sidetip.tooltipster-base.tooltip-area .tooltipster-arrow-background
{
    border-bottom-color: var(--secondary) !important;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background
{
    border-left-color: var(--secondary) !important;
}

.tooltipster-sidetip .tooltipster-arrow-border
{
    border: 10px solid transparent !important;
}

/* FIN TOOLTIP/BOXOVER*/


#paginador
{margin-top: 30px;}

.sl-wrapper
{z-index: 104000;user-select: none;}

.sl-overlay
{z-index: 103500;}

.sl-wrapper .sl-close, .sl-wrapper .sl-navigation button, .sl-wrapper .sl-counter
{color: var(--primary); outline: none !important;}

.sl-wrapper .sl-image img
{pointer-events: none;user-select: none;}

.sl-caption
{display: none !important;}

.overlay
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 0;
    height: 0;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease;
}

.overlay.active
{
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease;
}

#blockUI_bloqueBanner .modal-dialog
{
    max-width: 95%;
}

.bloque-sombra
{
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    padding: 30px 18px;
    border-radius: 10px;
}

.bloque-sombra-big
{
    padding: 35px 30px;
}

fieldset
{
    border-radius: 5px;
    border: 2px solid var(--primary);
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
    padding: 6px 20px 25px;
}

fieldset legend
{
    float: none;
    color: var(--primary);
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
    width: auto;
    margin-bottom: 0;
}

/* INICIO SECCION INICIO */
.current_section_inicio #wrapper
{padding-bottom: 0}

#container-areas
{
    position: relative;
    height: 1060px;
}

#container-areas:before
{
    position: absolute;
    content: "";
    left: 0;
    top: -30px;
    bottom: 0;
    width: 100%;
    background-image: url(https://plandenegocio.incubadoraconvalores.org/img/fondos/mapa.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none;
}

#container-areas:after
{
    content: "";
    background-image: url(https://plandenegocio.incubadoraconvalores.org/img/fondos/nubes.webp);
    height: 176px;
    position: absolute;
    bottom: -2px;
    right: 0;
    left: 0;
    z-index: 1;
}

#cohete
{
    position: absolute;
    top: 30px;
    left: 6px;
}

#areas
{
    position: relative;
    width: 1170px;
    height: 895px;
    margin: 0 auto;
    z-index: 10;
}

/*
#areas:after
{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 726px;
    height: 726px;
    border-radius: 100%;
    background-color: black;
    bottom: -96px;
}
#areas:before
{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 10px;
    height: 9126px;
    background-color: red;
    bottom: -96px;
    z-index: 1;
}
*/

.item-area
{
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    pointer-events: none;
}

.item-area-num
{
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    color: #FFF;
    font-size: 25px;
    font-weight: 500;

    pointer-events: all;
}

.item-area > svg
{
    z-index: -1;
    filter: drop-shadow(-20px 20px 20px rgba(0, 0, 0, 0.25));
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.item-area > svg path
{
    cursor: pointer;
    pointer-events: all;
}

.item-area-content
{
    position: absolute;

    left: 0;
    right: 0;

    top: 50%;
    transform: translateY(-50%);

    padding: 10px 25px;

    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 14px;

    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 500;

    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#area-2
{
    bottom: 250px;
    z-index: 9;
}

#area-3
{
    bottom: 427px;
    left: 56px;
    z-index: 8;
}

#area-4
{
    bottom: 558px;
    left: 222px;
    z-index: 7;
}

#area-5
{
    left: 460px;
    bottom: 627px;
    z-index: 6;
}

#area-6
{
    left: initial;
    bottom: 558px;
    right: 222px;
    z-index: 5;
}

#area-7
{
    left: initial;
    bottom: 427px;
    right: 56px;
    z-index: 4;
}

#area-8
{
    left: initial;
    bottom: 250px;
    right: 0;
    z-index: 3;
}

#area-resumen
{
    left: initial;
    right: 0;
    z-index: 2;
}

.item-area:hover
{
    z-index: 100 !important;
}

.item-area:hover .item-area-content
{
    scale: 1.2;
}

.item-area:hover > svg
{
    scale: 1.35;
}

#area-1 .item-area-num
{
    background-color: var(--area-1);
    right: -118px;
    top: 25px;
}

#area-2 .item-area-num
{
    background-color: var(--area-2);
    right: -115px;
    bottom: 38px;
}

#area-3 .item-area-num
{
    background-color: var(--area-3);
    right: -63px;
    bottom: -15px;
}

#area-4 .item-area-num
{
    background-color: var(--area-4);
    bottom: -60px;
    right: 8px;
}

#area-5 .item-area-num
{
    background-color: var(--area-5);
    left: 0;
    right: 0;
    margin: auto;
    bottom: -85px;
}

#area-6 .item-area-num
{
    background-color: var(--area-6);
    bottom: -60px;
    left: 8px;
}

#area-7 .item-area-num
{
    background-color: var(--area-7);
    bottom: -15px;
    left: -63px;
}

#area-8 .item-area-num
{
    background-color: var(--area-8);
    bottom: 38px;
    left: -115px;
}

#area-resumen .item-area-num
{
    background-color: var(--area-resumen);
    top: 25px;
    left: -118px;
}

#area-1 .item-area-content
{
    top: 42%;
}

#area-2 .item-area-content
{
    left: -20px;
    top: 59%;
}

#area-3 .item-area-content
{
    top: 53%;
    padding-left: 45px;
    padding-right: 45px;
}

#area-4 .item-area-content
{
    padding-left: 75px;
}

#area-5 .item-area-content
{
    padding-left: 30px;
    padding-right: 30px;
}

#area-6 .item-area-content
{
    padding-right: 60px;
}

#area-7 .item-area-content
{
    padding-left: 45px;
    padding-right: 45px;
}

#area-8 .item-area-content
{
    top: 59%;
    padding-left: 30px;
}

#area-8:hover .item-area-content
{
    top: 66%;
}

#area-resumen .item-area-content
{
    top: 38%;
}

.bg-area-1, .bg-hover-area-1:hover
{background-color: var(--area-1) !important;}

.bg-area-2, .bg-hover-area-2:hover
{background-color: var(--area-2) !important;}

.bg-area-3, .bg-hover-area-3:hover
{background-color: var(--area-3) !important;}

.bg-area-4, .bg-hover-area-4:hover
{background-color: var(--area-4) !important;}

.bg-area-5, .bg-hover-area-5:hover
{background-color: var(--area-5) !important;}

.bg-area-6, .bg-hover-area-6:hover
{background-color: var(--area-6) !important;}

.bg-area-7, .bg-hover-area-7:hover
{background-color: var(--area-7) !important;}

.bg-area-8, .bg-hover-area-8:hover
{background-color: var(--area-8) !important;}

.bg-area-resumen, .bg-hover-area-resumen:hover
{background-color: var(--area-resumen) !important;}

.color-area-1
{color: var(--area-1) !important;}

.color-area-2
{color: var(--area-2) !important;}

.color-area-3
{color: var(--area-3) !important;}

.color-area-4
{color: var(--area-4) !important;}

.color-area-5
{color: var(--area-5) !important;}

.color-area-6
{color: var(--area-6) !important;}

.color-area-7
{color: var(--area-7) !important;}

.color-area-8
{color: var(--area-8) !important;}

.color-area-resumen
{color: var(--area-resumen) !important;}

.circle-progress-value
{
    stroke-width: 50px;
    stroke: #F8AF5F;
}

.circle-progress-circle
{
    stroke-width: 49.6px;
    stroke: #3EA7CC;
}

.circle-progress-text
{
    fill: white;
    display: none;
}

#progreso-areas
{
    position: absolute;
    top: 380px;
    left: 0;
    right: 0;
    margin: auto;
    width: 550px;
    /*z-index: 10;*/
}

.area-progress svg
{
    width: 380px;
    height: 380px;
}

.item-progreso-area
{
    display: inline-flex;
    align-items: center;
    gap: 15px;

    font-size: 18px;
}

.item-progreso-area span
{
    width: 33px;
    height: 33px;
    flex-shrink: 0;
    display: inline-block;
    background-color: #F8AF5F;
}

.item-progreso-area.sin-realizar span
{
    background-color: #3EA7CC;
}

.progreso-area-titulo
{
    color: #F28B2D;
    text-align: center;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

/* FIN SECCION INICIO */

/* INICIO SECCION AREAS */
#bloque-plan
{
    display: flex;
    gap: 30px;
}

#bloque-plan-menu
{
    width: 296px;
    flex-shrink: 0;
}

#bloque-plan-datos
{
    width: calc(100% - 296px - 30px);
}

#bloque-plan-menu ul
{
    border-radius: 10px;
    border: 1px solid #E6E6E6;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.25);
    padding: 15px;
    list-style: none;
    margin-bottom: 0;
}

#bloque-plan-menu ul a
{
    color: var(--secondary);
    font-size: 17px;
    font-weight: 600;
    padding: 15px 25px;
    border-radius: 10px;
    display: block;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#bloque-plan-menu ul a:hover,
#bloque-plan-menu ul a.menu-seleccionado
{
    color: #FFF;
}

#bloque-plan-menu ul li + li
{
    margin-top: 15px;
}

.titulo-pregunta
{
    color: var(--secondary);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
}

.tab-content
{
    border-radius: 0 0 10px 10px;
    border: 3px solid #F28E2A;
    background: #FFF;
    padding: 20px;
}

.nav-tabs
{
    border: none;
    flex-wrap: nowrap;
    gap: 5px;
    padding: 1px 0;
    overflow: auto;
}

.nav-tabs li
{
    white-space: nowrap;
}

.nav-tabs .nav-link
{
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    padding: 15px 40px;
    border: 0;
    border-radius: 10px 10px 0 0;
}

.nav-tabs .nav-link.active
{
    background-color: var(--primary) !important;
    color: #FFF;
}

#btns-tema
{
    display: flex;
    align-items: center;
    gap: 10px 50px;
    font-size: 20px;
    text-transform: initial;
    font-weight: 600;
    flex-shrink: 0;
}

#btns-tema .btn-paso-anterior:before
{
    content: url("https://plandenegocio.incubadoraconvalores.org/img/iconos/flechaBotonBack.svg");
    margin-right: 15px;
    line-height: 0;
    width: 17px;
    height: 15px;
}

#btns-tema .btn-paso-siguiente:after,
#btns-tema .btn-paso-informe:after
{
    content: url("https://plandenegocio.incubadoraconvalores.org/img/iconos/flechaBoton.svg");
    margin-left: 15px;
    line-height: 0;
    width: 17px;
    height: 15px;
}

#btns-tema > *
{
    display: inline-flex;
    align-items: center;
}

.contiene-tabla
{
    /*margin-top: -30px;
    margin-left: -25px;
    margin-right: -25px;*/
}

.tabla-inputs
{
    width: 100%;
    /*table-layout: fixed;*/
    border-collapse: separate;
    border-spacing: 0 /*25px 30px*/;
    padding-right: 1px;
}

.tabla-inputs.columns-2 td,
.tabla-inputs.columns-2 th
{
    width: calc(100% / 2);
}

.tabla-inputs.columns-3 td,
.tabla-inputs.columns-3 th
{
    width: calc(100% / 3);
}

.tabla-inputs.columns-4 td,
.tabla-inputs.columns-4 th
{
    width: calc(100% / 4);
}

.tabla-inputs.columns-5 td,
.tabla-inputs.columns-5 th
{
    width: calc(100% / 5);
}

.tabla-inputs.columns-6 td,
.tabla-inputs.columns-6 th
{
    width: calc(100% / 6);
}

.tabla-inputs td,
.tabla-inputs th
{
    min-width: 200px;
    padding: 10px 15px;
}

.tabla-inputs.tabla-meses tr td:first-child,
.tabla-inputs.tabla-meses tr th:first-child
{
    min-width: 305px;
    width: 305px;
}

.tabla-inputs.tabla-meses tr td:not(:first-child),
.tabla-inputs.tabla-meses tr th:not(:first-child)
{
    min-width: 150px;
    width: 150px;
}

.tabla-inputs tr td:first-child,
.tabla-inputs tr th:first-child
{
    padding-left: 0;
    position: -webkit-sticky;
    position: sticky;
    left: -0.1px;
    top: 0;
    background: white;
}

.tabla-inputs tr td:first-child[stuck],
.tabla-inputs tr th:first-child[stuck]
{
    box-shadow: 5px 0 7px -7px #888;
}

.tabla-inputs tr td:last-child,
.tabla-inputs tr th:last-child
{
    padding-right: 0;
}

/*.tabla-inputs thead tr th:not(:first-child),
.tabla-inputs tbody tr td:first-child*/
.input-style
{
    border-radius: 5px;
    border: 2px solid #55585A;
    background: #FFF;
    min-height: 55px;
    padding: 5px 14px;
    font-size: 17px;
    line-height: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.tabla-inputs input
{
    height: 55px !important;
    box-shadow: none !important;
}

#frm-tema textarea.form-control-b
{
    height: 100px;
}

#frm-tema .item-objetivo textarea.form-control-b
{
    height: 180px;
}

.bloque-operacion
{
    display: flex;
}

.bloque-operacion > div
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    flex-basis: 0;
}

.bloque-operacion > span
{
    font-weight: 600;
    align-self: flex-end;
    margin-bottom: 12px;
    font-size: 20px;
}

.contiene-tabla + .contiene-tabla
{
    margin-top: 30px;
    border-top: 1px dotted var(--secondary);
    padding-top: 30px;
}

input[type="text"].input-mes-editable
{
    color: var(--area-7) !important;
    border-color: var(--area-7) !important;
    font-weight: 600 !important;
}

/* FIN SECCION AREAS */

/* INICIO SECCION PERFIL */
.container-preview-foto
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

.preview-foto
{
    flex-shrink: 0;
    width: 282px;
    height: 282px;
    border-radius: 20px;
    background: #E6E6E6;
    padding: 23px;
}

.preview-foto img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-idioma-mentor
{
    display: inline-flex;
    padding: 5px 15px;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #F1F1F1;
    color: #777;
    font-size: 16px;
    font-weight: 500;
}

.item-idioma-mentor img
{cursor: pointer}

/* FIN SECCION PERFIL */

/* INICIO SECCION MIS VALORACIONES */
.item-mi-valoracion
{
    display: flex;
    align-items: center;
    gap: 30px 70px;
    padding: 43px 30px;
}

.item-mi-valoracion + .item-mi-valoracion
{
    margin-top: 30px;
}

.item-mi-valoracion-usuario
{
    width: 228px;
    flex-shrink: 0;
}

.item-mi-valoracion-usuario-valoracion
{
    display: flex;
    align-items: center;
    gap: 0 5px;
    flex-wrap: wrap;
    justify-content: center;
}

.item-mi-valoracion-usuario-nombre
{
    margin-top: 32px;
    color: #666;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.item-mi-valoracion-titulo
{
    color: var(--primary);
    font-size: 25px;
    font-weight: 500;
}

.item-mi-valoracion-subtitulo
{
    color: #666;
    font-size: 18px;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 20px;
}

.item-mi-valoracion-estrellas
{
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.item-mi-valoracion-estrellas svg
{
    width: auto;
    height: 30px;
    cursor: pointer;
}

.item-mi-valoracion-estrellas path
{
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.item-mi-valoracion-estrellas span.valorada path
{
    fill: #F5D04D;
}

.item-mi-valoracion-msg
{
    height: 160px !important;
    padding-top: 10px !important;
}

/* FIN SECCION MIS VALORACIONES */

/* INICIO SECCION ACCEDER */
#frmLogin, #frmEnviarOlvido, #form_olvido
{
    width: 400px;
    max-width: 100%;
    margin: 50px auto 0;
    background-color: white;
    padding: 35px 25px 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
}

.olvidePass
{
    margin-top: 10px;
    font-size: 14px;
    color: var(--secondary);
    display: inline-block;
}

.olvidePass:hover
{
    color: var(--primary);
}

/* FIN SECCION ACCEDER */

/* INICIO PROYECTOS */
.item-proyecto
{
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    padding: 15px;
    border-radius: 10px;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.item-proyecto hr
{
    opacity: 1;
    background-color: #E6E6E6;
    margin-left: -15px;
    margin-right: -15px;
}

.item-proyecto-img
{
    display: block;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10) inset;
}

.item-proyecto-info
{
    padding-top: 5px;
}

.item-proyecto-titulo
{
    color: var(--secondary);
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    height: 42px;
    overflow: hidden;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.item-proyecto-texto
{
    color: #666;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    height: 138px;
    margin-top: 4px;
    margin-bottom: 0;
}

.item-proyecto-usuario
{
    font-size: 14px;
    color: #666;
    gap: 10px;
    font-weight: 500;
}

.item-proyecto:hover
{
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.25);
}

.item-proyecto:hover .item-proyecto-titulo
{
    color: var(--primary);
}

.ficha-proyecto-usuario
{
    gap: 10px;
    color: var(--primary);
    font-weight: 600;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.ficha-usuario-header .gap-3,
.ficha-proyecto-datos .gap-3
{
    gap: 10px 1rem !important;
}

.whatsapp
{
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.item-perfil
{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
}

.item-perfil-enlace
{
    color: var(--primary)
}

.img-ficha
{
    border-radius: 50%;
    border: 20px solid #E5E5E5;
}

.item-valoracion
{
    display: flex;
    gap: 5px;
}

.item-valoracion-numero
{
    font-size: 15px;
    text-decoration: underline;
    color: #666666;
}

.item-proyecto-dato
{
    color: #848484;
    font-size: 13px;
    display: inline-flex;
    padding: 4px 10px;
    align-items: center;
    gap: 8px;
    border-radius: 14px;
    background: #F5F5F5;
}

#mensaje-revision
{
    height: 266px;
}

/* FIN PROYECTOS */

/* INICIO VALORACIONES */
.ficha-valoracion-header
{
    display: flex;
    align-items: center;
    gap: 35px;
    border-bottom: 2px solid var(--primary);
    padding-bottom: 18px;
    margin-bottom: 15px;
}

.ficha-valoracion-header > img
{
    border-radius: 50%;
    border: 10px solid #E6E6E6;
}

.ficha-valoracion-mentor
{
    color: #666;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
}

.caja-valoracion
{
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.caja-valoracion-nombre
{
    color: #333;
    font-size: 17px;
    font-weight: 500;
}

.caja-valoracion + .caja-valoracion
{
    border-top: 1px solid #E0E0E0;
    padding-top: 15px;
    margin-top: 15px;
}

/* FIN VALORACIONES */

/* INICIO AVISOS */
.bloque-sombra.cards, .bloque-sombra.cards .bloque-sombra
{
    position: absolute;
    top: -20px;
    left: 30px;
    right: 30px;
    background-color: white;
}

.bloque-sombra.cards .bloque-sombra
{
    z-index: -1;
}

.ficha-aviso
{
    background-color: white;
    z-index: 1;
    position: relative;
    padding: 20px 20px 60px;
}

.ficha-aviso-titulo
{
    color: #666;
    font-size: 20px;
    font-weight: 600;
}

.ficha-aviso-texto
{
    color: #666;
    font-size: 18px;
    line-height: 30px;
    word-break: break-word;
}

/* FIN AVISOS */

/* INICIO SCROLL BAR */

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar
{
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbar
{
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.custom-scroll-bar
{
    scrollbar-width: thin;
    scrollbar-color: #DADADA #FFF;
    overflow: auto;
}

.custom-scroll-bar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    background-color: #FFF;
    border-radius: 10px;
}

.custom-scroll-bar::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
    background-color: #FFF;
}

.custom-scroll-bar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    background-color: #DADADA;
}

.custom-scroll-bar::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: none;
}

.custom-scroll-bar:hover
{
    scrollbar-color: #DADADA #FFF;
}

.custom-scroll-bar:hover::-webkit-scrollbar-thumb
{
    background-color: #DADADA;
}

/* FIN SCROLL BAR */

/* INICIO PAGINADOR */
.contienePaginador
{
    margin: 0;
    color: #FFF;
    font-weight: normal;
    font-size: 0;
    display: inline-flex;
    padding: 10px 0;
    margin-top: 30px;
    gap: 15px;
}

.contienePaginador path
{
    fill: var(--primary);
}

.contienePaginador a
{
    color: var(--primary);
    text-decoration: none;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    margin: 0;
    font-size: 20px;
    vertical-align: middle;
    border: 1px solid var(--primary);
}

.contienePaginador a:hover,
.contienePaginador a.paginaSeleccionada,
.contienePaginador a#enlaceAtras:hover,
.contienePaginador a#enlaceSiguiente:hover
{
    color: #FFF;
    background: var(--primary);
    border-color: var(--primary);
}

.contienePaginador a#enlaceAtras:hover path,
.contienePaginador a#enlaceSiguiente:hover path
{
    fill: #FFF;
}

.contienePaginador svg
{
    width: 10px;
    height: auto;
}

/* FIN LISTADO */


.tab-pane.active
{
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: flipInX;
}

/* MODAL */
.modal-dialog.modal622
{width: 622px}

.modal-dialog.modal1050
{width: 1050px}

.botoneraBlockUI
{width: 100%;}

.esperePorFavor
{
    font-size: 0;
    border: 5px solid var(--secondary);
    border-radius: 40px;
    height: 40px;
    margin: 0 auto;
    width: 40px;
    z-index: 1000007;
    -webkit-animation: pulsate 1s ease-out infinite;
    -moz-animation: pulsate 1s ease-out infinite;
    -ms-animation: pulsate 1s ease-out infinite;
    -o-animation: pulsate 1s ease-out infinite;
    animation: pulsate 1s ease-out infinite;
    display: block;
}

.modalEspere
{
    box-shadow: none !important;
}

.modalEspere img
{display: none}

.modalEspere .modal-content
{
    background-color: transparent;
    border: none;
}

.bloqueModal
{
    display: none;
    text-align: left;
}

.modal .bloqueModal
{
    display: block;
}

.modal
{
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999999;
}

@media screen and (min-width: 768px)
{
    .modal:before
    {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-content
{
    border: 1px solid #FFF;
    border-radius: 0.5rem;
}

.modal-header
{
    border-bottom: none;
    text-align: center;
    padding: 0.5rem 1rem 1rem;
}

.modal-header .close
{
    opacity: 1 !important;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 100;
    text-shadow: none;
    -webkit-appearance: initial;
    border: none;
    background: none;
}

.close:hover, .close:focus
{
    outline: none;
}

.modal-header .modal-title
{
    color: var(--primary);
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    border-bottom: none;
    text-transform: uppercase;
    margin-top: 20px;
}

.modal-dialog
{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    min-width: 300px !important;
    max-width: calc(100% - 30px);
    /*min-width:450px !important;*/
}

.modal-dialog.modal-sm
{
    min-width: 450px !important;
}

.modal-dialog.modal-lg
{
    min-width: 950px !important;
}

.modal .btnStandard + .btnStandard
{
    margin-left: 20px;
}

.modal-body
{
    color: #666666;
    font-size: 16px;
    text-align: center;
    padding: 0 1rem 1rem;
    line-height: 170%;
}

.modal-body a:not(.btnStandard)
{
    color: var(--primary);
}

.modalEspere .modal-body
{
    padding: 1rem;
}

.modal-body img
{
    margin-right: 2px;
}

.modal-footer
{
    padding: 10px 15px;
}

.modalAlert .modal-footer
{
    text-align: center;
    border-top: none;
    padding-bottom: 20px;
}

.modalAlert .botoneraBlockUI
{
    width: 100%;
}

/* FIN DE MODAL*/

.img-perfil-shadow
{box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);}

/* INICIO DATATABLE */
.header-tabla
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
    gap: 24px;
}

.inputMostrar
{margin-left: auto}

.pagination-footer.opacity-0
{
    display: none;
}

.tablaGestina.tr-clickable tbody tr
{
    cursor: pointer;
}

.tablaGestina tr.no-leido td
{
    background: #F8F8F8;
}

table.dataTable.nowrap th, table.dataTable.nowrap td
{
    white-space: initial;
}

.dataTables_processing
{
    z-index: 105
}

table.dataTable td, table.dataTable th
{vertical-align: middle}

.dataTables_info, .dataTables_empty
{
    white-space: inherit !important;
    color: #666;
}

.dataTables_empty
{
    padding: 80px 20px !important;
}

.pagination > li > a, .pagination > li > span
{
    font-size: 18px;
    border: 1px solid var(--primary) !important;
    color: var(--primary);
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    padding: 0;
    transition: all .4s ease;
    box-shadow: none;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus
{
    background-color: var(--primary) !important;
    border: 1px solid var(--primary);
    color: white !important;
    text-decoration: none;
    box-shadow: none;
}

.paginate_button.previous a
{
    font-size: 0;
    border-radius: 3px 0 0 3px;
    line-height: 24px;
    color: var(--primary) !important;
    pointer-events: all !important;

    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.paginate_button.next a
{
    font-size: 0;
    border-radius: 0 3px 3px 0;
    line-height: 24px;
    color: var(--primary) !important;

    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.dataTables_paginate .pagination > li > span
{
    font-size: 16px;
}

table.dataTable.nowrap th, table.dataTable.nowrap td
{
    white-space: inherit;
    vertical-align: middle;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after
{
    bottom: calc(50% - 14px);
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination a:hover
{
    background: var(--primary) !important;
    color: #FFF !important;
    border: 1px solid var(--primary) !important;
}

.paginate_button.next a:before, .paginate_button.previous a:before
{
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    display: block;
    font-size: 20px;
    padding: 0 0 !important;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: 900;
}

.paginate_button.next:hover a:before, .paginate_button.previous:hover a:before
{
    color: #FFF !important;
}

.paginate_button.previous a:before
{
    content: "\f053";
}

.dataTables_wrapper .pagination
{
    float: right;
    margin: 10px 0 !important;
    font-size: 0px;
    justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination
{
    border-radius: 3px;
    overflow: hidden;
}

.dataTables_wrapper div.dataTables_length label
{
    position: relative;
    color: #666666;
    font-size: 18px;
    font-weight: 600 !important;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
}

.dataTables_wrapper div.dataTables_length label select
{
    margin-left: 15px !important;
    width: 80px;
    padding-left: 25px;
    color: #5E6278 !important;
}

.tablaGestina.table th, .tablaGestina.table td
{
    padding: 0.65rem 0.9rem
}

.tablaGestina.table.revisiones-mentor td
{
/*    padding-top: 1.25rem;
    padding-bottom: 1.25rem;*/
}

div.dataTables_wrapper div.dataTables_filter
{
    text-align: left;
}

div.dataTables_wrapper div.dataTables_filter label
{margin-bottom: 0}

div.dataTables_wrapper div.dataTables_filter input
{
    margin-left: 0;
    width: 465px;
    max-width: 100%;
    background: url(https://plandenegocio.incubadoraconvalores.org/img/iconos/buscar.svg) no-repeat center right 10px;
    padding: 5px 60px 5px 20px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.table > thead > tr > th
{
    font-weight: 600;
    color: #666666;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    background-color: #FFF;
    padding: 12px 8px !important;
}

.table > thead > tr > th.dataTableCenter
{
    text-align: center;
}

.tablaGestina
{
    border: 1px solid #DBDADE;
    border-bottom-width: 0;
    color: #666666;
    font-size: 18px;
    border-radius: 0 !important;
}

.tablaGestina.no-header thead
{ visibility: collapse;}

.table > thead > tr > th
{
    border-bottom: 2px solid #DBDADE;
}

.table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
{
    border-bottom: 1px solid #DBDADE;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tbody > tr:first-child > td
{
    border-top: none;
}

em.error
{
    display: none !important;
}

/* NOTA: quito el collapse porque sino no me redondea los border de la tabla*/
/*
.tablaGestina.table.dataTable {

    border-collapse: collapse !important;
}*/
.tablaGestina.table td a
{
    color: #666666;
}

.tablaGestina.table td a i
{
    transition: all .3s;
    color: #666666;
    font-size: 20px;
}

.tablaGestina.table td a:hover i, .tablaGestina.table td span:hover i
{
    color: var(--primary) !important;
}

.tablaGestina div.dataTables_wrapper div.dataTables_processing
{
    margin-top: 0;
}

table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before
{
    opacity: 0 !important;
}

.dataTables_wrapper div.dataTables_length label:after
{
    content: "\f107";
    color: var(--secondary);
    font-family: "Font Awesome 5 Free";
    display: block;
    font-size: 18px;
    padding: 0 0 !important;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: 900;
    position: absolute;
    right: 12px;
    top: 15px;
    pointer-events: none;
}

.icon-tabla
{
    display: inline-block;
    vertical-align: middle;

    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.icon-tabla svg
{
    width: auto;
    max-height: 25px;
}

.icon-tabla, .icon-tabla path
{
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.icon-tabla:hover
{
    color: var(--primary);
}

.icon-tabla:hover path
{
    fill: var(--primary);
}

.icon-tabla + .icon-tabla
{
    margin-left: 22px;
}

/* Fin tabla */

/* RESNPONSIVE */

table.dataTable > tbody > tr.child span.dtr-title
{
    display: inline-block;
    font-weight: bold;
    width: 30%;
    text-align: left;
}

span.dtr-data
{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    width: 68%;
    padding-left: 20px;
}

table.dataTable > tbody > tr.child ul.dtr-details
{width: 100%; }

.dataTablesInfoLeft .dataTables_info
{
    text-align: left;
    margin-top: 16px;
    line-height: 130%;
    padding-top: 0 !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before
{
    background-color: var(--primary);
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before
{
    background-color: var(--secondary);
}

/* FIN DATATABLE */

.navbar-toggler:focus
{box-shadow: none;}

.wow
{
    visibility: hidden;
}

table.dataTable > tbody > tr.child ul.dtr-details
{
    width: 100%;
}

.navbar-toggler
{display: none}

@media only screen and (max-width: 1199px)
{
    #btns-tema
    {gap: 30px;}

    #btns-tema.puede-continuar
    {gap: 20px;}

    #btns-tema.puede-continuar button:not(.btn-paso-siguiente)
    {font-size: 0; padding: 10px;}

    #btns-tema .btn-paso-siguiente:not(.btn-area-finalizar):not(.btn-primer-paso):not(.btn-paso-siguiente):after
    {margin-left: 0}

    #btns-tema .btn-paso-anterior:before
    {margin-right: 0}

    input.w-80{width: 100% !important;}
}

@media only screen and (max-width: 991px)
{
    /*es, sm  y MD| Extra Small (XS), SM y MD xsm*/
    .item-area > svg
    {display: none}

    #areas
    {
        width: 100%; height: auto;
        /*display: grid;
        grid-template-columns: 1fr 1fr 1fr;*/
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 30px;
        padding: 12px;
    }

    .item-area
    {
        flex: 0 0 calc(100% / 3 - 20px);

        position: relative;
        top: initial !important;
        right: initial !important;
        bottom: initial !important;
        left: initial !important;

        border-radius: 20px;
        border: 2px solid #FFF;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);

        padding: 48px 8px 15px;

        pointer-events: all;
    }

    .item-area-content
    {
        position: initial;
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;

        padding: 0 !important;
    }

    #area-1
    {background-color: var(--area-1);}

    #area-2
    {background-color: var(--area-2);}

    #area-3
    {background-color: var(--area-3);}

    #area-4
    {background-color: var(--area-4);}

    #area-5
    {background-color: var(--area-5);}

    #area-6
    {background-color: var(--area-6);}

    #area-7
    {background-color: var(--area-7);}

    #area-8
    {background-color: var(--area-8);}

    #area-resumen
    {background-color: var(--area-resumen);}

    .item-area-content-title
    {
        height: 72px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .item-area-num
    {
        width: auto;
        height: auto;
        background-color: transparent;
        bottom: initial !important;
        top: 10px !important;
        left: 10px !important;
        right: initial !important;
    }

    .item-area:hover .item-area-content
    {
        scale: initial;
    }

    #progreso-areas
    {
        position: initial;
        margin-top: 45px;
        width: 100%;
    }

    .area-progress svg
    {
        width: 275px;
        height: 275px;
    }

    #container-areas
    {
        height: initial;
        padding-bottom: 200px;
    }

    .item-area
    {aspect-ratio: 1;}

    #btns-tema
    {
        position: absolute;
        bottom: -48px;
        left: 0;
        justify-content: end;
        width: 100%;
    }

    #btns-tema.puede-continuar
    { bottom: -55px;}

    #btns-tema > *
    {color: var(--secondary);}

    #btns-tema .btn-paso-siguiente:after, #btns-tema .btn-paso-informe:after
    {content: url(https://plandenegocio.incubadoraconvalores.org/img/iconos/flechaBotonBlack.svg);}

    #btns-tema .btn-paso-anterior:before
    {content: url(https://plandenegocio.incubadoraconvalores.org/img/iconos/flechaBotonBackBlack.svg);}

    .current_section_areaTema .tituloSeccion
    {margin-bottom: 70px}
}

@media only screen and (max-width: 767px)
{
    /*es y sm | Extra Small (XS) and SM */
    #cerrarMenu
    {display: flex !important;}

    #menuNavbarCollapse
    {
        position: fixed;
        top: 0;
        background: white;
        width: 375px;
        max-width: 100%;
        height: calc(var(--vh, 1vh) * 100);
        right: 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
        padding: 122px 25px 30px !important;
        overflow: auto;
        transform: translateX(100%);
        transition: transform 0.35s ease !important;
        z-index: 9000000001;
    }

    #menuNavbarCollapse.show
    {transform: none;}

    .navbar-nav
    {
        justify-content: left !important;
        overflow: auto;
        display: block;
        padding-bottom: 20px;
        height: 100%;
    }

    #menuNavbarCollapse ul.dropdown-menu
    {
        position: initial !important;
        right: 0;
        top: calc(100% - 25px) !important;
        left: 0 !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        box-shadow: none;
        border-radius: 0;
        display: none !important;
        margin: 0 !important;
        overflow: auto;
        background: #FFF;
        height: auto !important;
        transform: none !important;
        text-align: left !important;
        padding-bottom: 0;
    }

    #menuNavbarCollapse li + li
    {margin-left: 0; margin-top: 45px}

    #menuNavbarCollapse li > a
    {
        position: relative;
        flex-direction: row;
        max-width: initial;
        padding: 0;
        font-size: 20px;
        gap: 15px;
    }

    .dropdown-avisos
    {display: none !important}

    #menuNavbarCollapse li > a span:nth-child(2)
    {margin-top: 0; min-height: initial}

    .alert-number
    {left: 40px; right: initial; top: 0}

    #menu-usuario ul
    {padding: 122px 25px 30px}

    #container-logo-header img
    {width: 142px; height: auto}

    #frase-top
    {font-size: 9px}

    #header-perfil
    {font-size: 0; gap: 0 !important;}

    #header-perfil img
    {width: 30px; height: 30px;}

    #areas
    {gap: 15px;}

    .item-area
    {flex: 0 0 calc(100% / 2 - 8px);}

    #idiomas-acceso
    {grid-column: 1/3; margin-left: initial; justify-content: space-between;font-size: 11px}

    #container-logo-header
    {
        grid-row: 2/5;
    }

    .navbar-toggler
    {display: block !important; margin-left: auto; padding-right: 0; grid-row: 3;}

    #cohete
    {
        width: 205px;
        height: auto;
        position: absolute;
        top: initial;
        bottom: 550px;
        left: 15px;
    }

    #progreso-areas
    {margin-top: 150px; padding: 0 12px;}

    #container-areas:before
    {display: none}

    .item-mi-valoracion
    {flex-direction: column; }

    .item-mi-valoracion-datos
    {width: 100%; text-align: center}

    .container-preview-foto
    {justify-content: center; flex-direction: column}

    #bloque-plan
    {flex-direction: column}

    #bloque-plan-menu
    {display: none}

    #bloque-plan-datos
    {width: 100%;}

    #btns-tema
    {justify-content: center}

    .tituloSeccion
    {justify-content: center !important; text-align: center}

    .caja-objetivo + .caja-objetivo .item-objetivo
    {
        border-top: 1px dotted var(--secondary);
        padding-top: 17px;
    }

    .bloque-operacion{flex-wrap: wrap}
    .operacion-igual{
        width: 100%;
        margin-top: 0;
        margin-bottom: 0 !important;
        text-align: center;
        font-size: 40px !important;
    }

    .bloque-operacion + .bloque-operacion{
        border-top: 1px dotted var(--secondary);
        padding-top: 17px;
    }
}

@media only screen and (max-width: 575px)
{
    /* ES */
    .textoSeccion table
    {width: 100%}

    .item-area
    {flex: 0 0 calc(100% / 2 - 8px); padding-top: 35px;padding-bottom: 10px}

    .item-area-content
    {font-size: 15px;}

    .item-area-content img
    {max-height: 47px;}

    #area-4 .item-area-content img,
    #area-resumen .item-area-content img
    {max-height: 55px;}


    .item-area-content-title
    {line-height: 15px; height: 45px}

    .item-progreso-area span
    {width: 24px;height: 24px;}

    .item-progreso-area
    {font-size: 15px; gap: 10px}

    .bloque-sombra, .item-mi-valoracion
    {
        padding: 0;
        box-shadow: none;
    }

    .tituloSeccion
    {font-size: 18px}

    .tituloSeccion, .tituloSeccion.margin-bottom-50, .tituloSeccion.margin-bottom-90
    {margin-bottom: 35px}

    .item-mi-valoracion + .item-mi-valoracion
    {padding-top: 30px; border-top: 1px solid #E0E0E0 }

    fieldset
    {padding: 0;border: none;box-shadow: none;}

    fieldset legend
    {padding: 0; margin-bottom: 15px}

    .ficha-valoracion-header
    {gap: 15px}

    .header-tabla
    {justify-content: center}

    div.dataTables_wrapper div.dataTables_filter input
    {width: 100%;}

    .inputMostrar
    {margin-left: initial}

    .inputIconLupa
    {width: 100%;}

    div.dataTables_wrapper div.dataTables_filter label
    {display: block}

    .ficha-proyecto-footer
    {justify-content: center; row-gap: 35px !important}

    .ficha-proyecto-footer > *
    {margin-left: initial !important; margin-right: initial !important}

    .datatable-buttons
    {order: 3}

    .modal-header .modal-title
    {font-size: 25px}

    #tema-tab-content .textoSeccionBig2
    {font-size: 15px; line-height: 20px; text-align: center}

    .btn-area-finalizar, .btn-paso-informe
    {font-size: 15px;}

    .row .column-accion:not(:first-child) {
        border-top: 1px solid;
        padding-top: 12px;
    }

    .operador{
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px !important;
        text-align: center;
        font-size: 40px !important;
    }

    .tabla-inputs.tabla-meses tr td:first-child, .tabla-inputs.tabla-meses tr th:first-child {
        min-width: 200px;
        width: 200px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) and (max-width: 767px)
{
    /* SM */
    div.dataTables_wrapper div.dataTables_filter input
    {width: 365px}
}

/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px)
{
    /* MD */
    #frase-top
    {font-size: 17px; white-space: nowrap}

    #container-logo-header
    {max-width: 311px}

    #container-navbar
    {grid-row: 4;grid-column: 1/4; margin-left: initial; margin-top: 15px !important;}

    #menuNavbarCollapse li + li
    {
        margin-left: 0;
    }

    #cohete
    {
        top: initial;
        left: 6px;
        width: 235px;
        height: auto;
        z-index: 1000;
        pointer-events: none;
        bottom: 408px;
    }

    #bloque-plan-menu
    {width: 226px;}

    #bloque-plan-datos
    {width: calc(100% - 226px - 30px);}

    #bloque-plan-menu ul a
    {font-size: 15px; padding: 15px 8px;}

    #bloque-plan-menu ul
    {padding: 15px 8px;}
}

/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
    /* LG */
    #frase-top
    {font-size: 17px}

    #container-navbar
    {grid-row: 4;grid-column: 1/4; margin-left: initial; padding-left: 100px; padding-right: 100px;margin-top: 15px !important;}

    #cohete
    {
        top: 0;
        left: 6px;
        width: 274px;
        height: auto;
        z-index: 1000;
        pointer-events: none;
    }

    #areas
    {width: 993px; height: 1120px}

    #area-1 svg, #area-resumen svg
    {width: 216px; height: auto}

    #area-2 svg, #area-8 svg
    {width: 208px; height: auto}

    #area-3 svg, #area-7 svg
    {width: 239px; height: auto}

    #area-4 svg, #area-6 svg
    {width: 227px; height: auto}

    #area-5 svg
    {width: 212px; height: auto}

    .item-area-content img
    {max-height: 54px;}

    #area-4 .item-area-content img,
    #area-resumen .item-area-content img
    {max-height: 70px;}

    .item-area-content
    {font-size: 18px}

    .item-area
    {bottom: initial !important;}

    #area-1
    {top: 522px;}

    #area-2
    {top: 310px;}

    #area-3
    {top: 131px;left: 54px;}

    #area-4
    {top: 29px; left: 195px;}

    #area-5
    {top: 11px;left: 390px;}

    #area-6
    {top: 29px;right: 195px;}

    #area-7
    {top: 131px;right: 54px}

    #area-8
    {top: 310px;}

    #area-resumen
    {top: 522px;}

    #area-1 .item-area-content
    {padding-left: 25px;padding-right: 15px;}

    #area-4 .item-area-content
    {padding-left: 55px;}

    #area-8 .item-area-content
    {padding-left: 20px;}

    #area-1 .item-area-num
    {right: -65px;}

    #area-2 .item-area-num
    {right: -65px;}

    #area-3 .item-area-num
    {right: -23px;}

    #area-4 .item-area-num
    {bottom: -45px}

    #area-5 .item-area-num
    {bottom: -70px;}

    #area-6 .item-area-num
    {bottom: -45px}

    #area-7 .item-area-num
    {left: -23px}

    #area-8 .item-area-num
    {left: -65px}

    #area-resumen .item-area-num
    {left: -65px}

    #progreso-areas
    {top: 310px;}
}

@media only screen and (min-width: 1366px)
{

}

@media only screen and (min-width: 1200px) and (max-width: 1599px)
{
    #cohete
    {width: 274px; height: auto}
}

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) and (max-width: 1365px)
{
    /* xl */
    #menuNavbarCollapse li + li
    {margin-left: 30px;}

    #frase-top
    {font-size: 18px}

    .container-preview-foto
    {gap: 15px;}

    .preview-foto
    {width: 180px; height: 180px; padding: 15px;}
}

/* Extra large devices (large desktops, 1366px and up) */
@media only screen and (min-width: 1366px) and (max-width: 1599px)
{
    /* xxl */
    .preview-foto
    {width: 227px; height: 227px}
}

/* Extra large devices (large desktops, 1366px and up) */
@media only screen and (min-width: 1600px) and (max-width: 1919px)
{
    /* hdp */
    #cohete
    {width: 380px; height: auto}
}

@media only screen and (min-width: 1600px)
{
}

@media only screen and (min-width: 1920px)
{
    /* FHD */
}