/*
Theme Name: DAT tema personalitzat (Hestia Child)
Theme URI: https://themeisle.com/themes/hestia/
Template: hestia
Author: Delegació d'Alumnes de Telecomunicacions
Author URI: https://dat.upc.edu
Description: Tema de la DAT
Tags: blog,custom-logo,portfolio,e-commerce,rtl-language-support,post-formats,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,editor-style,footer-widgets,left-sidebar,right-sidebar,wide-blocks
Version: 3.2.10.1783287924
Updated: 2026-07-05 21:45:24

/*
 * INDEX:
 * 1. TREBALLANT L'ESTRUCTURA DE LES PÀGINES
 * 2. TREBALLANT EL MENU
 * 3. FOOTER
*/

/* TREBALLANT L'ESTRUCTURA DE LES PÀGINES */

.hestia-title {
    margin-left: 15px !important;
}

.hestia-scroll-to-top {
    border-radius: 0 !important;
}
.hestia-scroll-to-top > svg {
    padding-top: 3px;
}

/* Eliminant footer original */
body > div.wrapper.default > footer {
	display: none !important;
}

/* Eliminar el marge lateral i el desplaçament vertical del contenidor principal */
.main-raised {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    margin-top: 0 !important;
    border-radius: 0 !important;
}
.container {
    max-width: 100% !important;
    width: 100% !important;
}
/* 1. NETEJA DE CAPÇALERA I OMBRES */
.page-header, 
.header-filter, 
.header-filter::before {
    background: #ffffff !important;
    min-height: 0 !important;
    height: auto !important;
}

.navbar, .main-raised {
    box-shadow: none !important;
    border-bottom: 1px solid #eee; /* Línia subtil opcional */
}

.main-raised {
    margin: 0 !important;
    background-color: #ffffff !important;
}

/* 2. CORRECCIÓ DEL DIV DE BOOTSTRAP (EL TEU PROBLEMA) */
/* Eliminem l'offset (marge esquerre) i forcem alineació a l'esquerra */
.page-header .row .col-md-10.col-md-offset-1 {
    margin-left: 0 !important;
    text-align: left !important;
    width: 100% !important; /* Fem que ocupi tot l'ample per poder alinear bé */
}

/* 3. AJUST DEL CONTENIDOR PARE */
.page-header .container {
    padding-top: 110px !important; /* Espai sota el menú */
    padding-bottom: 10px !important;
    margin-left: 16.66666667% !important; /* Marge real des de la vora de la pantalla */
    width: auto !important;
}

/* 4. ESTIL DEL TÍTOL (PETIT I AMB BARRA) */
.page-header .hestia-title {
    font-size: 18px !important; 
    color: #222222 !important;
	opacity: 50%;
    font-weight: 400 !important;
    display: inline-block !important;
    font-family: sans-serif !important; /* Per treure la font "Serif" per defecte si vols */
}

/* Efecte /Títol */
.page-header .hestia-title::before {
    content: "/";
    margin-right: 5px;
    color: #999;
    font-weight: 300;
}

/* 5. ELIMINAR ESPAIS BUITS AL CONTINGUT */
.main {
    padding-top: 0 !important;
}

article {
	margin-top: -100px;
}

@media (max-width: 768px) {
    .page-header .container {
		padding-top: 80px !important; /* Espai sota el menú */
		padding-bottom: 10px !important;
		margin-left: 0% !important; /* Marge real des de la vora de la pantalla */
		width: auto !important;
	}
	
	article {
		margin-top: -70px;
	}
}

.page-header.header-small .container,
.header .carousel .item .container {
    padding-top: 10px !important; /* Ajusta-ho al teu gust, per exemple 80px per deixar espai al menú */
    padding-bottom: 0 !important;
}

/* 1. LIMITAR L'AMPLADA I CENTRAR EL CONTINGUT */
/* Apliquem el límit tant a la capçalera (títol) com al cos de la pàgina */
.page-header .container, 
.main .container,
.main-raised .container {
    max-width: 700px !important;
    width: 100% !important;
    margin-left: auto !important;  /* Centra el bloc sencer */
    margin-right: auto !important;
    padding-left: 20px !important; /* Marge intern per a mòbils */
    padding-right: 20px !important;
}

/* 2. ALINEAR EL TÍTOL A LA VORA ESQUERRA DE LA COLUMNA */
/* Com que el contenidor ara fa 700px i està centrat, 
   només hem de treure els marges extres del títol */
.page-header .row .col-md-10.col-md-offset-1 {
    margin-left: 0 !important;
    padding-left: 0 !important;   /* Alineació exacta amb la vora de la columna de 700px */
    text-align: left !important;
    width: 100% !important;
}

/* 3. AJUSTS PER A MÒBIL (RESPONSIVE) */
/* Per sota de 768px (punt de tall de Hestia [3, 4]), 
   deixem que ocupi tot l'ample amb un marge petit */
@media (max-width: 768px) {
    .page-header .container, 
    .main .container,
    .main-raised .container {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* El títol en mòbil sol necessitar una mica més d'aire */
    .page-header.header-small .container {
        padding-top: 0px !important;
        padding-bottom: 20px !important;
    }
}

/* 4. NETEJA DE MARGES NEGATIUS */
/* Hestia posa un marge de -60px que fa que el contingut pugi [5, 6]. 
   El posem a 0 per mantenir el look pla i net. */
.main-raised {
    margin-top: 0 !important;
}

.col-md-8.page-content-wrap.col-md-offset-2 {
    margin-left: 0 !important;
	width: 100% !important;
}

/* TREBALLANT EL MENU */

/* 1. ELIMINAR L'OMBRA O LÍNIA INFERIOR */
.navbar {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; /* Treu l'ombra definida per defecte [2] */
    border: none !important;      /* Assegura que no hi hagi cap vora [2] */
}

/* 2. DESACTIVAR EL MENÚ STICKY (QUE ES QUEDI A DALT) */
/* Canviem la posició de 'fixed' o 'absolute' a 'relative' perquè pugi amb la pàgina */
.navbar, 
.navbar.navbar-scroll-point {
    position: relative !important; /* Força que el menú es quedi al flux normal de la web [1] */
    top: 0 !important;
}

/* 3. AJUST PER A L'ADMIN BAR (OPCIONAL) */
/* Si estàs loguejat, WordPress afegeix un marge que hem de respectar */
body.admin-bar .navbar {
    margin-top: 0 !important; /* Evita desplaçaments estranys quan estàs a l'admin [3] */
}

/* 4. NETEJA DE TRANSICIONS */
/* Com que ja no ha de canviar de mida en baixar, podem treure la transició [4] */
.navbar {
    transition: none !important;
	margin-bottom: 0 !important;
}

/* 1. DESACTIVAR MOVIMENT DE CAPÇALERA (PARALLAX DE JS) */
.page-header, 
.header-filter, 
#parallax_move {
    transform: none !important;
    -webkit-transform: none !important;
    will-change: auto !important; /* [1] */
}

/* 2. ELIMINAR EL CONTENIDOR DE MOVIMENT DEL SLIDER */
#parallax_move {
    display: none !important; /* [3] */
}

/* 3. DESACTIVAR FONS FIXES (PARALLAX DE CSS) */
/* Forcem que el fons llisqui normalment (scroll) en lloc de quedar-se quiet (fixed) */
.page-header, 
.header-filter, 
.hestia-about, 
.hestia-ribbon,
.section-image {
    background-attachment: scroll !important; /* [4, 5] */
}

/* 4. ASSEGURAR QUE LA CAPÇALERA NO TINGUI DESPLAÇAMENTS INTERNS */
.page-header .container {
    position: relative !important;
    top: 0 !important;
    transform: none !important;
}

/* 1. AUGMENTAR MIDA I PADDING DEL MENÚ (MÉS GRAN I LOGO SEPARAT) */
.navbar > .container {
    padding-top: 20px;    /* Més espai a dalt */
    padding-bottom: 20px !important; /* Més espai a baix */
    padding-left: 30px !important;   /* Separa el logo de la vora esquerra */
    padding-right: 30px !important;  /* Separa els botons de la vora dreta */
}

/* 2. REDISSENY DELS ENLLAÇOS (LLETRA MÉS GRAN) */
.navbar .navbar-nav > li > a {
    font-size: 15px !important;      /* Passem de 12px a 15px per a millor llegibilitat [1] */
    font-weight: 500 !important;     /* Una mica més de cos que el 400 per defecte [2] */
    padding-left: 20px !important;   /* Més separació entre paraules del menú */
    padding-right: 20px !important;
    color: #3C4858 !important;       /* Color gris fosc corporatiu de Hestia [3] */
    transition: all 0.3s ease !important; /* Transició suau [4] */
}

/* 3. MILLORAR EL HOVER (EFECTE VISUAL NET) */
/* Eliminem l'efecte de línia que s'encull de Hestia per fer un de més modern */
.navbar .navbar-nav > li:not(.btn) > a:before {
    display: none !important;        /* Desactivem l'efecte original [5] */
}

.navbar .navbar-nav > li > a:hover {
    background-color: rgba(0, 0, 0, 0.04) !important; /* Subtil canvi de fons al passar el ratolí */
    color: var(--hestia-primary-color, #9c27b0) !important; /* Canvia al lila de la DAT */
    border-radius: 4px;
}

/* 4. ELIMINAR VORERES/OUTLINES AL FER CLICK (ESTAT FOCUS) */
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > li > a:active,
.navbar-toggle:focus {
    outline: 0 !important;           /* Elimina la vorera de focus [6] */
    box-shadow: none !important;     /* Treu qualsevol ombra de click [7] */
    background-color: transparent !important;
}

/* 5. AJUST DEL LOGO */
.navbar .navbar-header .navbar-brand {
    padding-left: 0 !important;      /* Ja hem donat el marge al contenidor pare */
}

.navbar .navbar-header .navbar-brand img {
    max-height: 60px !important;     /* Fem el logo una mica més gran si cal [8] */
}

/* 1. FORÇAR LA REFERÈNCIA DE POSICIÓ */
/* Fem que el "li" que conté el desplegable sigui la referència absoluta */
.navbar .navbar-nav > li.dropdown {
    position: relative !important;
}

/* 2. RE-ALINEAR EL DESPLEGABLE */
/* Ens assegurem que el submenú s'alineï amb l'extrem esquerre del seu botó "pare" */
.navbar .navbar-nav > li.dropdown .dropdown-menu {
    left: 0 !important;      /* Alineació horitzontal correcta */
    right: auto !important;
    top: 100% !important;    /* Apareix just a sota de la barra blanca */
    margin-top: 0 !important; /* Treiem marges que l'empenyin */
}

/* 3. CORRECCIÓ DE L'EFECTE HOVER */
/* Hestia de vegades canvia els marges en fer hover [2], ho neutralitzem */
.navbar .navbar-nav > li.dropdown:hover .dropdown-menu {
    margin-top: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 4. AJUST SI TENS EL LOGO A L'ESQUERRA (OPCIONAL) */
/* Si el menú va a la dreta [3], el desplegable ha de mantenir la seva posició */
.navbar.hestia_left .navbar-nav > li.dropdown .dropdown-menu {
    left: 0 !important;
}

.hestia-logo {
    padding-left: 20px !important;
    padding-right: 0 !important;
}

@media (max-width: 768px) {
    .hestia-logo {
        padding-left: 0px !important;
        padding-right: 0 !important;
    }
}

/* FOOTER */

/* ==========================================================================
   FOOTER DAT 2.0: REDISSENY MODERN, SIMETRIA I CENTRAT TOTAL
   ========================================================================== */

body > div.wrapper > footer {
	display: none !important;
}

.dat-footer-new {
    background-color: #050a12; /* Blau mitjanit modern */
    color: #ffffff;
    padding: 60px 0;
    width: 100%;
    font-family: "Roboto", sans-serif;
}

.dat-footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px; /* Padding per evitar que toqui la vora en mòbil */
    
    /* EL SECRET DE LA SIMETRIA: */
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch !important; /* Totes les columnes mesuraran el mateix que el text */
}

/* 1. COLUMNES IGUALS PER AL CENTRAT ABSOLUT */
.dat-footer-column {
    flex: 1; /* Cada columna ocupa exactament un 33.3% */
    display: flex;
    flex-direction: column;
}

/* 2. COLUMNA ESQUERRA: INFORMACIÓ */
.footer-title {
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: rgba(255,255,255,0.4);
    margin-bottom: 20px !important;
    font-weight: 700 !important;
}

.footer-content p {
    font-size: 14px;
    line-height: 1.6;
    color: #e0e0e0;
    margin-bottom: 20px;
}

.footer-links a {
    display: block;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 14px;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: var(--hestia-primary-color, #9c27b0) !important;
}

.social-row {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.social-row a {
    background: rgba(255,255,255,0.05);
    padding: 8px 12px;
    border-radius: 4px;
}

/* 3. COLUMNA CENTRAL: LOGOS (CENTRAT ABSOLUT) */
.logos-column {
    justify-content: center !important; /* Centrat vertical respecte l'alçada del text */
    align-items: center !important;     /* Centrat horitzontal respecte l'ample del footer */
}

.logos-flex {
    display: flex;
    gap: 30px;
    align-items: center;
}

.f-logo {
    height: 45px;
    width: auto;
    filter: brightness(0) invert(1); /* Logos blancs de qualitat */
    opacity: 0.8;
}

/* 4. COLUMNA DRETA: MAPA (SIMÈTRIC AL TEXT) */
.map-column {
    align-items: flex-end; /* Empenya el mapa a la vora dreta */
}

.map-wrapper {
    width: 250px;           /* Ample estret per a escriptori */
    height: 100% !important; /* S'estira per calcar l'alçada de la columna de text */
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.1);
}

.map-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/* 5. AJUSTS PER A MÒBIL (MANTENINT EL LOOK DE 10) */
@media (max-width: 768px) {
    .dat-footer-container {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .dat-footer-column {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }
    
    .social-row { justify-content: center; }
    
    .map-wrapper {
        width: 100%;       /* En mòbil ocupa tot l'ample disponible */
        height: 200px !important; /* Alçada fixa només per a pantalles petites */
    }

    .logos-flex {
        flex-direction: row;
        justify-content: center;
    }
}

/* BANC D'APUNTS */
#post-1151 {
    margin-top: 0 !important;

    padding-top: 0 !important;;
}