@charset "UTF-8";
/*!
 * Estilos para página Phohabitem
 */
    body {
      font-family: "Plus Jakarta Sans", sans-serif;
      line-height: 1.4;
      font-size: 1.4rem;
      font-weight:500;
      color:#1d1d1b;
      margin:0;
    }

    h1 {
        font-size:2.5rem;
        font-weight:400;
        margin-bottom:1rem;
    }
    h2 {
        font-size:2rem;
        font-weight:700;
        margin-bottom:2rem;
    }
    a {
        cursor:pointer
    }
    a:hover {
        text-decoration:none;

    }
    .middot {
        font-size: 0.5em;
        line-height: 0.5;
        vertical-align: middle;
    }
    .activo { 
        color:#f1c502 !important; 
        font-weight:800;
    }  

    header {
        padding-top:2rem;
        padding-bottom:3rem;
        padding-left:1rem;
        padding-right:1rem;
        position:fixed;
        top:0; left:0; right:0;
        z-index: 999;
        background:#fff;
        /*
        mix-blend-mode: difference;
    	pointer-events: none;
    	fill:white;
        */
    }

    main {
        margin-top:10rem;
        padding-left:0 !important;
        padding-right:0 !important;
    }
    #logo { 
        max-width:250px;
        background-color: #fff;
    }
    #logo_svg {
        width: 100%; 
        height: auto; 

    }
    .boton-header {
      background-color:#1d1d1b;
      color: #fff;
      font-size:0.9rem;
      padding:0.6rem 1.2rem;
      border-radius:1.5rem;
      margin:0.5rem;
      text-decoration:none;
      display:inline-block;
    }

    .boton-header:hover {
        color:#f1c502 !important; 
    }
    main .boton-header {
        margin: 0.5rem 0 !important;
    }
    .menu-desktop a:hover {
        color:#f1c502 !important;
    }
    


    /* Ocultar menú en móvil */
    .menu-desktop { display:flex; justify-content:flex-end; }
    .menu-mobile { display:none; }

    /* Estilos del overlay */
    .overlay {
      position:fixed;
      top:0; left:0;
      width:100%; height:100%;
      background:#fff;
      display:none;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      z-index:1000;
    }

    .overlay a {
      background:#000;
      color:#fff;
      border-radius:2rem;
      padding:0.6rem 1.2rem;
      margin:0.5rem;
      text-decoration:none;
      font-size:1.5rem;
      cursor:pointer
    }
    
    .overlay .close {
      position:absolute;
      top:20px; right:20px;
      font-size:3rem;
      cursor:pointer;
    }

    #vision {
        margin-top:6rem;
        margin-bottom:0rem;
        font-size:2rem;
    }
    #objetivos {
        margin-top:12rem;
    }
    #espai {
         width:70%;
         margin-bottom:8rem;
    }
    .titulo_vertical {
        writing-mode: vertical-rl; 
        transform: rotate(180deg); 
        font-size:1rem; 
        font-weight:600
    }
    .vinyeta {
        display: inline-flex; 
        align-items: baseline; 
        gap:3rem;
        font-size: 2rem;
        font-weight:700;
        margin-bottom:1rem;
    }
    .vinyeta::before {
        content: url('../img/vinyeta-prohabitem.svg');
        display: inline-block;
        width: 22px;
        height: 22px;
        flex-shrink: 0;
    }
    .linea_inferior {
        border-bottom:1px solid #000;
        width: 100%;
        padding-bottom:3rem;
        margin-top: 1rem;
        margin-bottom: 2rem;
    }
    .sin_linea_inferior {
        width: 100%;
        padding-bottom:0rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .bloque_noticia {
        /*border-bottom:1px solid #000;*/
        width: 100%;
        padding-bottom:3rem;
        
    }
    .noticia_linea_inferior {
        border-bottom:1px solid #000;
        width: 100%;
        height:1px;
        margin-left:0.5rem;
        margin-bottom: 4rem;
    }

    .foto-redondeada {
        width:100%;
        object-fit:contain;
        border-radius:2rem; 
    }
    footer {
        padding-top:2rem;
        padding-left:1.5rem !important;
        padding-right:1.5rem !important;
        font-size:1rem;
        margin-bottom:2rem;
    }
    footer a {
        color:#000;
        text-decoration:none;
        font-weight:400;
    }
    footer a:hover {
        color:#000;
        text-decoration:underline;
    }
    .logo-footer {
        height:85px;
        padding-left:2rem;
    }
    .logo-footer2 {
        height:50px;
        padding-left:5rem !important;
    }
    #ultima_fila {
        margin-top:10rem;
    }

    .derecha-escritorio {
        text-align:right;
    }
    .img-clave {
        width:100%;
        height:auto;
        border-radius:1rem;
        max-width:300px;
    }
    .img-noticia {
        width:100%;
        height:auto;
        border-radius:1rem;
        margin-bottom:2rem;
    }
    #valores {
        background-color:#1d1d1b;
        color:#fff;
        border-top-left-radius:2rem; 
        border-top-right-radius:2rem; 
        margin-top:5rem;
        padding-bottom:5rem;
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .icono-valores {
        width:150px;
        height:150px;
        min-width:115px;
        min-height:115px;
        margin-bottom:1rem;
    }
    .celda-valores {
        padding:2rem;
    }

    .solo_escritorio { display:block; }
    .solo_movil { display:none; }

    .fade-in.visible {
        opacity: 1;
        transform: translateY(0);
    }

    #caja-lpd {
        z-index:1000; 
        position:fixed; 
        left:0; 
        bottom:0; 
        width:100%; 
        background:#F0F0F0; 
        padding:30px; 
        font-size:1rem;
        text-align:center;
    }
    .margen-vertical-escritorio {
        margin-top:6rem;
        margin-bottom:6rem;
    }
    #titulo-footer {
        font-weight:400 !important;
    }
    .fecha_noticia {
        font-size:1.75rem;
        font-weight:400;
        margin-bottom:1rem;
    }
    .noticia-contenido img {
        max-width:100%;
        height:auto !important;
    }





    @media (max-width: 768px) {
        body {
            font-size: 1.2rem;
            font-weight:400;
      
      
        }
        header {
            /*
            margin-top:0rem !important;
            margin-bottom:4rem !important;
            */
            padding-top:1rem !important;
            padding-bottom:1rem !important;
            padding-left:0rem !important;
            padding-right:0rem !important;

        }
        main {
            margin-top:8rem;
            /*margin-bottom:6rem;*/
        }
        h1 { font-size:1.75rem; }
        h2 {
            font-size:1.5rem;
            font-weight:700;
            margin-bottom:1.5rem;
        }
        h3 {
            font-size:1.4rem;
            font-weight:700;
            margin-bottom:1.5rem;
        }
        .fecha_noticia {
            font-size:1.4rem;
            font-weight:400;
            margin-bottom:1rem;
        }
        .menu-desktop { display:none; }
        .menu-mobile { display:block; text-align:right; padding:1rem; }
        .menu-btn {
            background:#000; color:#fff;
            border:none;
            padding:0.5rem 1rem;
            border-radius:2rem;
            font-size:1rem;
            cursor:pointer;
        }
        .fade-in {
            padding-left:0.75rem !important;
            padding-right:0.75rem !important;

        }
        #espai {
            width:100%;
            margin-bottom:2rem !important;
        }
        .icono-valores {
            width:115px !important;
            height:115px !important;
        }
        .titulo_vertical {
            writing-mode: horizontal-tb; 
            transform: rotate(0deg); 
            font-size:1.2rem; 
            font-weight:600;
            margin-bottom:1.5rem;
        }
        #vision {
            margin-top:1rem !important;
            margin-bottom:0rem;
            font-size:1.2rem;
        }
        #objetivos {
            margin-top:2rem !important;
        }

        .vinyeta {
            font-size: 1.8rem;
            gap:1rem;
        }
        .linea_inferior, .sin_linea_inferior, .noticia_linea_inferior222 {
            margin-left:0rem;
        }
        .caja-foto-redondeada {
            margin-top:3rem;
            margin-bottom:3rem;
            height:450px;
            overflow:hidden;
            border-radius:2rem; 

        }
        .foto-redondeada {
            height:100%;
            object-fit:cover; 
        }
        .derecha-escritorio {
            text-align:left;
        }
        .espacio-superior-movil {
            margin-top:3rem;
        }
        .solo_escritorio { display:none; }
        .solo_movil { display:block; }
        #ultima_fila {
            margin-top:3rem;
        }
        .margen-vertical-escritorio {
            margin-top:0rem;
            margin-bottom:2rem;
        }
        .logo-footer {
            height:70px;
            padding-left:0rem !important;
        }
        .logo-footer2 {
            height:50px;
            padding-left:0rem !important;
        }
        #titulo-footer {
            font-weight:600 !important;
        }
    }

    

@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1920px;
    }
}


/* estilos del ckeditor */
.cke_editable .activo {
    color:#f1c502;
}