/**
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try it out on a free dummy site: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.8.11.1739268813
Updated: 2025-02-11 12:13:33
**/
/*.site-primary-header-wrap{
background-color:#fff;
}*/
:root {
--color-cian: #0CD9FE;
--color-azul: #366DBB;
--color-verde: #457D0C;
--color-rojo: #d91438;
--color-granate: #a6193c;
--color-naranja: #ff9900;
--color-blanco: #fff;
--color-gris-oscuro: #7a7a7a;
--color-gris-claro: #595959;
--color-negro-transparente: rgba(0,0,0,0.5);
--orange-filter: brightness(0) saturate(100%) invert(55%) sepia(94%) saturate(4962%) hue-rotate(5deg) brightness(98%) contrast(105%);
--red-filter: invert(15%) sepia(90%) saturate(7487%) hue-rotate(-10deg) brightness(95%) contrast(105%);
--blue-filter: invert(29%) sepia(67%) saturate(3074%) hue-rotate(165deg) brightness(90%) contrast(105%);
--green-filter: invert(55%) sepia(82%) saturate(2265%) hue-rotate(75deg) brightness(90%) contrast(105%);
--purple-filter: invert(22%) sepia(59%) saturate(1423%) hue-rotate(270deg) brightness(90%) contrast(105%);
--color-verd-escut:#1E858F;
--color-groc-escut:#FAC807;
--color-rosa-escut:#C47284;
--color-vermell-escut:#D62424;
--color-granate-escut:#A41C3C;
--color-rosaclar-escut:#EFD9D4;
}
/** {
outline: 1px solid red !important;
}
body {
outline: 3px solid blue !important;
}
html {
outline: 3px solid green !important;
}
html body, html body * {
font-family: "Montserrat", "Arial", sans-serif;
}*/
body {
color:#5a6475 !important;
}
p{
color:#5a6475;
}
body a {
color: #df8702;
}
.header-divider {
position: absolute;
padding:1.5rem;
bottom: 0;
left: 0;
width: 100%;
background: rgba(166, 25, 60, 0.8);
text-align: center;
box-sizing: border-box;
}
.header-divider h2{
font-size: 1.4rem;
/* text-transform: uppercase;*/
color: #fff;
margin-top: 1rem;
margin-bottom: 1rem;
text-shadow: -1px -1px 0 #a6193c, 1px -1px 0 #a6193c, -1px 1px 0 #a6193c, 1px 1px 0 #a6193c, 0px 2px 0 #a6193c, 2px 0px 0 #a6193c, -2px 0px 0 #a6193c, 0px -2px 0 #a6193c;
font-weight: 600;
letter-spacing: 0.2em;
}
.site-header{
margin-left: 0px !important;
margin-right: 0px !important;
}
.ast-builder-html-element p{
text-align:center;
}
@media (max-width: 768px) {
#astra-footer-menu{
display:flex;
}
.footer-nav-wrap{
width:100%;
}
.header-divider h2 {
font-size: 1.4rem;
letter-spacing: 0.05em;
}
.header-divider {
position: absolute;
padding:1.5rem;
bottom: 0;
left: 0;
padding: 0.6rem 0.8rem;
}
}
/*.ast-above-header-bar{
margin-top:-10px;
margin-left:-10px;
margin-right:-10px;
border-bottom: none;
}*/
/*.ast-above-header-wrap {
display: none !important;
}*/
.custom-page-header {
position: relative;
padding: 7rem 2rem;
border-color: inherit;
background-repeat: no-repeat;
background-position: 66% 83%;
background-size: cover;
background-attachment: scroll;
background-image: url(/wp-content/uploads/2025/02/MGC0005-1.jpg);
background-clip: padding-box;
max-width: 100% !important;
}
.wp-block-heading.separador::after {
content: "";
display: block;
width: 48px;
height: 4px;
background-color: #ff9900;
margin-top: 0.5rem;
}
.wp-block-heading.titolSubapartat {
font-weight:600;
color: #ff9900;
}
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
text-decoration: none;
}
/*.entry-content > :last-child, .entry-summary > :last-child, .page-content > :last-child {
margin-bottom: 2rem;
}*/
.wp-block-uagb-container.uagb-block-f98566d3{
display: flex;
flex-direction: column;
gap: 100px;
}
.blocDestacat{
background: #eee;
padding: 1em;
border-left: 1em solid #ccc;
clear: both;
}
nav{
position: relative;
z-index: 99;
width: 100%;
}
/*.nav-custom{
padding: 30px;
margin: 0px !important;
position: absolute;
top: 0px;
}*/
/*.top-menu-custom{
position:absolute;
top:10px;
}*/
/*nav{
position: absolute;
z-index: 99;
width: 100%;
}*/
nav .wrapper{
position: relative;
max-width: 86%; /*1300px;*/
padding: 0px 30px;
height: 70px;
line-height: 70px;
margin: auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.wrapper .logo{
width:180px;height:180px;
}
.wrapper .logoPagina{
width:200px;height:200px;
}
.wrapper .nav-links{
display: inline-flex;
}
.nav-links li{
list-style: none;
}
.nav-links li a{
color: #f2f2f2;
text-decoration: none;
font-size: 22px;
font-weight: 500;
padding: 9px 15px;
border-radius: 5px;
transition: all 0.3s ease;
}
.nav-links li a:hover{
/*#3A3B3C;*/
background: #fff;
color:#a6193c;
}
.nav-links .mobile-item{
display: none;
}
.nav-links .drop-menu{
position: absolute;
background: #a6193c;
width: 400px;/*180px;*/
line-height: 45px;
top: 85px;
opacity: 0;
visibility: hidden;
box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}
.entry-content ul.drop-menu{
padding:10px;
}
.drop-menu li a:hover{
border-radius: 5px;
transition: all 0.3s ease;
}
.entry-content ul.mega-links {
padding: 10px 20px; /* arriba/abajo 10px, izq/dcha 20px */
}
.nav-links li:hover .drop-menu,
.nav-links li:hover .mega-box{
transition: all 0.3s ease;
top: 70px;
opacity: 1;
visibility: visible;
z-index: 20; /* Más alto para que esté sobre los enlaces */
}
.drop-menu li a{
width: 100%;
display: block;
padding: 0 0 0 15px;
font-weight: 400;
font-size:17px;
border-radius: 0px;
}
.mega-box{
position: absolute;
left: 0;
width: 100%;
padding: 0 30px;
top: 85px;
opacity: 0;
visibility: hidden;
}
.mega-box .content{
background: #a6193c;
padding: 25px 20px;
display: flex;
width: 100%;
justify-content: space-between;
box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}
.content .row img.escutMenu {
object-fit: contain;
}
.mega-box .content .row{
width: calc(25% - 30px);
line-height: 45px;
}
.content .row img{
width: 80%;
height: 80%;
object-fit: cover;
}
.content .row header{
color: #f2f2f2;
font-size: 22px;
font-weight: 700;
margin-left:10px;
}
.content .row .mega-links{
margin-left: -40px;
border-left: 1px solid rgba(255,255,255,0.09);
}
.row .mega-links li{
padding: 0 20px;
}
.row .mega-links li a{
padding: 0px;
padding: 0 20px;
color: #d9d9d9;
font-size: 17px;
display: block;
}
.row .mega-links li a:hover{
color:#a6193c;
}
.wrapper .btn{
color: #fff;
font-size: 20px;
cursor: pointer;
display: none;
}
.wrapper .btn.close-btn{
position: absolute;
right: 30px;
top: 10px;
}
@media screen and (max-width: 970px) {
.wrapper .btn{
display: block;
}
.content .row img {
display: none;
}
.wrapper .nav-links{
position: fixed;
height: 100vh;
width: 100%;
max-width: 350px;
top: 0;
left: -100%;
background: #a6193c;
display: block;
padding: 50px 10px;
line-height: 50px;
overflow-y: auto;
box-shadow: 0px 15px 15px rgba(0,0,0,0.18);
transition: all 0.3s ease;
}
.wrapper .logo{
width:240px;height:240px;
}
.wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-6c531013.wp-block-group-is-layout-flex {
padding: 20px 0px 20px 0px;
box-sizing: border-box; /* Para que el padding no afecte al ancho total */
}
.wp-block-search__inside-wrapper {
width: 100% !important; /* !important para sobreescribir el inline style */
}
.wp-block-search__input {
width: 100%; /* input ocupa todo el contenedor */
box-sizing: border-box; /* evita que el padding haga overflow */
}
.wp-block-uagb-advanced-heading.uagb-block-4b3c683f .uagb-heading-text {
font-weight: 700;
font-size: 23px;
}
/* custom scroll bar */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #242526;
}
::-webkit-scrollbar-thumb {
background: #3A3B3C;
}
#menu-btn:checked ~ .nav-links{
left: 0%;
}
#menu-btn:checked ~ .btn.menu-btn{
display: none;
}
#close-btn:checked ~ .btn.menu-btn{
display: block;
}
.row .mega-links li{
padding: 0 0px 0px 20px;
}
.nav-links li{
margin: 15px 10px;
}
.nav-links li a{
padding: 0 20px;
display: block;
font-size: 20px;
}
.nav-links .drop-menu{
position: static;
opacity: 1;
top: 65px;
visibility: visible;
padding-left: 20px;
width: 100%;
max-height: 0px;
overflow: hidden;
box-shadow: none;
transition: all 0.3s ease;
}
#showDrop:checked ~ .drop-menu,
#showMega:checked ~ .mega-box{
max-height: 100%;
}
.nav-links .desktop-item{
display: none;
}
.nav-links .mobile-item{
display: block;
color: #f2f2f2;
font-size: 20px;
font-weight: 500;
padding: 20px;
cursor: pointer;
border-radius: 5px;
transition: all 0.3s ease;
}
.nav-links .mobile-item:hover{
background: #fff;
color:#a6193c;
}
.drop-menu li{
margin: 0;
}
.drop-menu li a{
border-radius: 5px;
font-size: 18px;
}
.mega-box{
position: static;
top: 65px;
opacity: 1;
visibility: visible;
padding: 0 20px;
max-height: 0px;
overflow: hidden;
transition: all 0.3s ease;
}
.mega-box .content{
box-shadow: none;
flex-direction: column;
padding:0px;/* 20px 20px 0 20px;*/
}
.mega-box .content .row{
width: 100%;
margin-bottom: 15px;
border-top: 1px solid rgba(255,255,255,0.08);
}
.mega-box .content .row:nth-child(1),
.mega-box .content .row:nth-child(2){
border-top: 0px;
}
.content .row .mega-links{
border-left: 0px;
padding-left: 15px;
}
.row .mega-links li{
margin: 0;
}
.content .row header{
font-size: 19px;
}
}
nav input{
display: none;
}
/*.ast-builder-menu-2 {
display: none;
}
.ast-builder-menu-2.mostrar-menu {
display: block !important;
}
*/
.uagb-ifb-title{
text-shadow: 3px 3px 3px #ddd;
font-weight: bolder;
font-size:1.4rem !important;
}
/*.ast-builder-menu-2 .menu-item > .menu-link, .ast-builder-menu-2 .inline-on-mobile .menu-item > .ast-menu-toggle {
color: #fff;
}
.ast-builder-menu-2 .menu-item:hover > .menu-link, .ast-builder-menu-2 .inline-on-mobile .menu-item:hover > .ast-menu-toggle {
color: #FF9800;
}*/
.wp-block-uagb-container.uagb-block-8342086f {
padding:0px !important;
}
.wp-block-uagb-container.uagb-block-cc3e5575{
max-width: var(--wp--custom--ast-content-width-size) !important;
margin: 5px auto 20px auto; /* top right bottom left */
}
/* Contenedor principal con diseño flexible */
@media (max-width: 768px) {
.wp-block-uagb-container.uagb-block-cc3e5575 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
max-width: var(--wp--custom--ast-content-width-size);
margin: 5px auto 20px auto;
background-color: #f8f9f7;
padding: 10px;
box-sizing: border-box;
}
.wrapper .logo {
width: 130px;
height: 130px;
}
}
@media (max-width: 768px) {
.wp-block-uagb-container.uagb-block-cc3e5575 > .wp-block-uagb-container {
flex: 1 1 40%;
margin-left: 5px;
margin-right: 5px;
}
}
.site-primary-header-wrap {
background-color: transparent;
}
.bottom-banner-detail {
margin: 0;
padding: 20px 0;
width: 100%;
background-color: #a6193c;/*#820300;*/
}
/* Hero Banner */
.hero-banner {
position: relative;
color: #fff;
padding: 40px 20px;
background-size: cover; /* La imagen cubre todo el área */
text-align: center;
box-shadow: inset 0 3px 10px rgba(0,0,0,0.3);
overflow: hidden;
margin-bottom:20px;
}
.hero-banner::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(255, 102, 0, 0.15); /* naranja más claro, menos opacidad */
z-index: 0;
inset: 0;
}
.hero-banner > * {
position: relative;
z-index: 1;
}
/*
.hero-729 {
background: url('/wp-content/uploads/2025/banners/arxiu.jpg') no-repeat center center;
background-size: cover;
max-height: 200px;
width: 100%;
}
.hero-1109 {
background: url('/wp-content/uploads/2025/banners/consistori.jpg') no-repeat center center;
background-size: cover;
max-height: 200px;
width: 100%;
}
.hero-1167 {
background: url('/wp-content/uploads/2025/banners/alcaldia.jpeg') no-repeat center center;
background-size: cover;
max-height: 200px;
width: 100%;
}*/
.hero-banner h1 {
font-size: 2.8rem;
margin-bottom: 10px;
text-shadow: 1px 1px 2px #ffe0b3;
}
.hero-banner p {
font-size: 1.1rem;
max-width: 700px;
margin: 0 auto;
}
.contact-area {
margin: 0px;
padding: 20px 0px;
}
.contact-icon {
float: left;
margin: 0 25px 0 0;
padding: 0;
}
.contact-icon i {
font-size: 45px;
color: #ffffff;
transition: all 0.3s ease-in-out 0s;
}
.media-body {
overflow: hidden;
display: block !important;
}
.contact-area h6 {
color: #ffffff;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
line-height: 20px;
margin: 0 0 7px;
}
.contact-area h4 {
color: #ffffff;
font-weight: 600;
font-size: 20px;
letter-spacing: 1px;
line-height: 27px;
margin: 0 0 0px;
}
.wp-block-uagb-container.uagb-block-9bbf19ec{
padding-top:0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
row-gap: 0px !important;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
border-top-width: 0px;
border-top-color: none;
}
a:link, a:visited, a:active, a:hover {
text-decoration:none !important;
}
.containerBloc{
display:flex;
flex-wrap: wrap;
justify-content:center;
align-items: center;
text-align: center;
gap: 10px;
padding: 10px 0;
}
.containerBloc> div {
margin: 10px;
}
.ast-builder-html-element .containerBloc .title-container {
font-weight: 700;
text-align: right;
font-size: 1.8rem;
color: #ff9900;
}
/*.ast-builder-html-element .title-container {
font-weight: 700;
text-align: right;
font-size: 1.8rem;
color: #ff9900;
}*/
.ast-builder-html-element p {
margin: 0 20px 0 0;
}
.iconesXarxes{
display:inline-flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
}
.iconesXarxes>div{
width: 35px;
height: 35px;
color: #fff;
margin-top: 10px;
text-align:center;
}
@media (max-width: 768px) {
.containerBloc {
flex-direction: column; /* título arriba, iconos debajo */
}
.ast-builder-html-element .containerBloc .title-container {
text-align: center;
font-size: 1.4rem;
}
.iconesXarxes {
justify-content: center;
margin-top: 8px;
}
.iconesXarxes > div {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 1rem;
}
}
/*.fa-facebook-f:hover {
color: #ff9900;
}
.fa-instagram:hover {
color: #ff9900;
}
.fa-x-twitter:hover {
color: #ff9900;
}*/
.fa-facebook-f:hover,
.fa-instagram:hover,
.fa-twitter:hover {
color: #ff9900;
}
.wp-block-search__button svg{
fill:#fff;
}
.wp-block-search__button svg:hover{
fill:#820300;
}
.containerLeader {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
max-width: 800px;
margin: 2rem auto;
}
.containerLeader img {
max-width: 100%;
height: auto;
display: block;
}
.containerLeader .colabora {
padding: 1.5rem;
width: 100%;
}
@media (max-width: 600px) {
.containerLeader {
padding: 0.5rem;
}
.containerLeader .colabora {
padding: 1rem;
}
.containerLeader .contenidorColabora p {
font-size: 0.95rem;
}
}
.containerLeader .contenidorColabora p {
margin: 0.5rem 0;
font-size: 1rem;
color: #fff;
line-height: 1.6;
}
/*.containerLeader .contenidorColabora p u {
font-weight: 600;
}*/
.containerPeuMontblanc {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 10px;
margin-top: 30px;
}
.containerPeuMontblanc img {
height: auto;
width: 420px;
max-width: 100%;
}
.containerPeuMontblanc p {
margin: 0;
font-size: 16px;
color: #fff;
line-height: 1.4;
font-weight: 500;
}
/*.colabora{
color:#fff;
display:flex;
}
.contenidorColabora{
text-align: justify;
}
.contenidorColabora img{
width: 144px; height: 62px; margin-top: 10px; margin-bottom: 10px; float: right;
}*/
.blocEspais{
font-size: 2.5rem;
font-weight: 700 !important;
}
#block-7952dba1-ebc3-4af6-944f-ef0c0aea4cca{
display:flex;
}
/*blocs accés ràpid home*/
.blocAtencioCiutadana {
padding: 15px;
}
.blocAtencioCiutadana {
border-right: 1px solid #6E374B;
}
.blocAtencioCiutadana .h3 {
padding: 5px;
text-align: justify;align-content
}
/*.blocAtencioCiutadana .uagb-ifb-icon-wrap:hover{
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
.blocAtencioCiutadana .uagb-ifb-title:hover{
-webkit-transform: scale(.5);
transform: scale(.5);
}
*/
.accesRapid{
display:flex;
--inner-content-custom-width: min( 100%, 1200px);
max-width: var(--inner-content-custom-width);
flex-direction: row;
align-items: center;
justify-content: center;
flex-wrap: wrap;
row-gap: 20px;
column-gap: 20px;
}
.accesRapid>div{
border: 2px solid #a6193c;
color: #a6193c;
font-weight:700;
font-size:1.2rem;
padding: 1.2rem;
text-align: center;
}
.accesRapid .link-acces {
padding: 1.2rem;
}
.accesRapid>div:hover, .accesRapid>div:focus,.accesRapid>div:visited{
background-color: #df8702;
color:#fff;
}
.accesRapid a{
color:#a6193c !important;
}
.titolEspais{
font-size: 2.5rem;
font-weight: 700 !important;
border-bottom:3px solid #df8702;
}
.ferclick{
text-shadow: 3px 3px 3px #ddd;
color:#a6193c;
margin-top: 25px !important;
max-width: 100% !important;
}
.ferclick h1{
font-size:2.5rem !important;
}
.liniaTitol{
border: none;
height: 4px;
background:linear-gradient(to right, #ff7e00, #ffa500, #ffcc66);
margin-top: .4rem;
}
.ratoli{
transform: rotate(45deg);
margin-left: 10px;
font-size:3rem;
}
/*actes plens*/
.actes-ple-container {
display: flex;
flex-direction: column;
gap: 12px;
}
.acta-ple {
padding: 8px 10px;
border-radius: 4px;
background: #f5f5f5;
color: #222;
}
.acta-ple .ple-info {
font-weight: bold;
}
.acta-ple .diari-sessio {
display: inline-block;
margin-top: 4px;
color: #9c2438;
text-decoration: underline;
}
.btn-ver-tots {
display: inline-block;
padding: 8px 12px;
background: #9c2438;
color: #fff;
border-radius: 4px;
text-decoration: none;
margin-top: 10px;
}
.btn-ver-tots:hover {
background: #a6193c;
}
.actes-ple-tots {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 20px;
margin-bottom:20px !important;
}
/* Cada acte individual */
.acta-ple-item {
border: 1px solid #ccc;
padding: 15px;
border-radius: 6px;
background-color: #f9f9f9;
transition: background-color 0.2s, box-shadow 0.2s;
}
.acta-ple-item p{
margin:5px;
}
.acta-ple-item:hover {
background-color: #f1f1f1;
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}
/* Fecha y tipo de sesión */
.acta-ple-item p:first-child {
font-weight: bold;
font-size: 16px;
margin-bottom: 8px;
}
/* Enlace al PDF */
.acta-ple-item a {
display: inline-block;
background-color: #a6193c; /* color institucional */
color: #fff;
text-decoration: none;
padding: 8px 12px;
border-radius: 4px;
font-weight: 500;
transition: background-color 0.2s;
}
.acta-ple-item a:hover {
background-color: #8c1530;
}
/* Responsivo */
@media (max-width: 600px) {
.actes-ple-tots {
gap: 15px;
}
.acta-ple-item p:first-child {
font-size: 14px;
}
.acta-ple-item a {
padding: 6px 10px;
font-size: 14px;
}
}
/*actes plens*/
/*serveis*/
.container-block-servei{
display: flex;
position: relative;
box-sizing: border-box;
transition-property: box-shadow;
transition-duration: 0.2s;
transition-timing-function: ease;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.servei-container-inner-blocks-wrap {
--inner-content-custom-width: min( 100%, 1200px);
max-width: var(--inner-content-custom-width);
width: 100%;
flex-direction: row;
align-items: center;
justify-content: center;
flex-wrap: wrap;
row-gap: 20px;
column-gap: 20px;
}
.wrapperServeicontenidor {
max-width: 31%;
width: 100%;
}
.wrapperServei {
box-shadow: 0px 0px #00000070;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
/* margin-top: !important;
margin-bottom: !important;*/
overflow: visible;
order: initial;
border-color: inherit;
flex-direction: column;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
row-gap: 20px;
column-gap: 20px;
}
.infobox__content-wrap{
min-width: unset !important;
width: 100%;
position: relative;
text-align: center;
}
.servei-ifb-content{
width: 100%;
}
.serveis-icon {
margin-top: -22px;
margin-bottom: 30px;
box-shadow: 0px 20px 40px 0px rgba(255,152, 0, 0.5);
display: inline-block;
text-align: center;
padding: 15px 15px 15px 15px;
background-color: #fff;
border-style: solid;
border-color: 0px;
border-width: 0px;
border-radius: 10px;
}
.enllacBoxAC h3{
color: #47B013;
}
.enllacBoxCP h3{
color: #7D36A6;
}
.enllacBoxTI h3{
color: #9b6f1d;
}
.enllacBoxCF h3{
color: #941B40;
}
.enllacBoxOF h3{
color: #F2AE2E;
}
.enllacBoxBE h3{
color: #0CD9FE;
}
.enllacBoxA h3{
color: #366DBB;
}
.enllacBoxT h3{
color: #457D0C;
}
.enllacBoxC h3{
color: #d91438;
}
.enllacBox h3:hover{
color: #7a7a7a;
}
.iconoInfo{
width: 64px;
height: 64px;
line-height: 64px;
fill:#ff9900;
}
.iconoInfoAC{
width: 64px;
height: 64px;
line-height: 64px;
fill:#47B013;
}
.iconoInfoCP{
width: 64px;
height: 64px;
line-height: 64px;
fill:#7D36A6;
}
.iconoInfoTI{
width: 64px;
height: 64px;
line-height: 64px;
fill:#9b6f1d;
}
.iconoInfoCF{
width: 64px;
height: 64px;
line-height: 64px;
fill:#941B40;
}
.iconoInfoOF{
width: 64px;
height: 64px;
line-height: 64px;
fill:#F2AE2E;
}
.iconoInfoBE{
width: 64px;
height: 64px;
line-height: 64px;
fill:#0CD9FE;
}
.iconoInfoA{
width: 64px;
height: 64px;
line-height: 64px;
fill:#366DBB;
}
.iconoInfoT{
width: 64px;
height: 64px;
line-height: 64px;
fill:#457D0C;
}
.iconoInfoC{
width: 64px;
height: 64px;
line-height: 64px;
fill:#d91438;
}
.contornAC{
border: 1px solid #47B013;
}
.contornCP{
border: 1px solid #7D36A6;
}
.contornTI{
border: 1px solid #9b6f1d;
}
.contornCF{
border: 1px solid #941B40;
}
.contornOF{
border: 1px solid #F2AE2E;
}
.contornBE{
border: 1px solid #0CD9FE;
}
.contornA{
border: 1px solid #366DBB;
}
.contornT{
border: 1px solid #457D0C;
}
.contornC{
border: 1px solid #d91438;
}
.contenidorServeis{
padding:3rem;
}
.atencioCiutadana{
border-radius: 5px;
border: #47B013 1px solid !important;
}
.citaPrevia{
border-radius: 5px;
border: #7D36A6 1px solid !important;
}
.telefonsInteres{
border-radius: 5px;
border: #9b6f1d 1px solid !important;
}
.calendariFiscal{
border-radius: 5px;
border: #941B40 1px solid !important;
}
.ordenancesFiscals{
/*background-color: rgba(53,208, 201, 0.3);*/
border-radius: 5px;
border: #F2AE2E 1px solid !important;
}
.bustiaEtica, .agendaServeis, .turisme, .comercServei {
border-radius: 5px;
border: 1px solid;
}
.bustiaEtica {
border-color: var(--color-cian) !important;
}
.agendaServeis {
border-color: var(--color-azul) !important;
}
.turisme {
border-color: var(--color-verde) !important;
}
.comercServei {
border-color: var(--color-rojo) !important;
}
/*.bustiaEtica{
border-radius: 5px;
border: #0CD9FE 1px solid !important;
}*/
.serveis-iconA, .serveis-iconT, .serveis-iconC, .serveis-iconBE, .serveis-iconCF, .serveis-iconOF,.serveis-iconTI,.serveis-iconCP,.serveis-iconAC {
margin: -22px 0 30px;
box-shadow: 0 20px 40px rgba(54,109,187,0.5);
display: inline-block;
text-align: center;
padding: 15px;
background-color: var(--color-blanco);
border-radius: 10px;
}
.tramitsDestacats{
margin-top:1rem;
margin-bottom:2rem;
padding-left:2rem !important;
max-width: var(--wp--custom--ast-content-width-size) !important;
}
.tramitsDestacats h3{
color:#7a7a7a;
}
.uagb-heading-text strong{
color:#df8702;
}
.destacatsTitol{
margin-bottom:15px;
}
/*.destacatsTitol{
line-height: 22px;
display:block;
margin: 10px;
width: 100%;
}*/
.destacatsTitol{
width:100%;
padding:1.4rem 2rem;
margin-top:5px;
margin-bottom:1.5rem;
font-size:2.2rem;
font-weight:700;
color:#fff;
letter-spacing:1px;
line-height:1.2;
background:linear-gradient(
135deg,
#ff7e00,
#ffb347,
#ffd28a
);
border-radius:0.4rem;
box-shadow:
0 8px 20px rgba(255,126,0,.20);
}
.entry-content .destacatsTitol h2{
font-size: 2.2rem;
letter-spacing: 2px;
font-weight:700;
/*
font-weight: 700 !important;
background: linear-gradient(135deg, #ff7e00, #ffb347, #ffd28a);
padding: 2rem;*/
font-family: inherit;
color: white;
}
/*noticia*/
.custom-BlocNoticies{
background: linear-gradient(135deg, #ff7e00, #ffb347, #ffd28a);
padding: 40px 0;
max-width: 100vw !important;
}
.seccioNoticies{
padding: 20px;
color: white;
text-align: center;
flex-direction:column;
}
.destacatNoticies{
font-size: 2.5rem;
color: white;
letter-spacing: 2px;
line-height: 22px;
display: inline-block;
font-weight: 700;
text-align:left;
padding: 1rem 0px 2rem 2rem;
font-family: inherit;
border-bottom: 4px solid white;
width: 100%;
}
.blocNoticia {
display: flex;
/*justify-content: space-between; */
flex-direction: row;
flex-wrap: wrap;
padding-top: 30px;
gap: 20px;
margin-bottom:2rem;
}
.item-noticia,
.item-noticiaGlobal {
width: calc(25% - 15px);
display: flex;
flex-direction: column;
border-radius: 18px;
/* background: rgba(255, 255, 255, 0.75);*/
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
overflow: hidden;
transition: all 0.3s ease;
/* padding-bottom: 15px;*/
}
.item-noticia {
/*background: #fffaf3;*/
background: #fff;
box-shadow: 0 8px 20px rgba(0,0,0,0.10);
}
.item-noticiaGlobal {
background: #fff;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
margin-bottom: 1.2rem;
}
.item-noticiaGlobal h2 {
font-size: 1.1rem;
font-weight: 700 !important;
}
.item-noticiaGlobal a{
color: var(--color-granate);
transition: color 0.3s;
}
.item-noticiaGlobal a:hover{
font-weight: bold;
color: var(--color-naranja);
}
.item-noticiaGlobal p {
font-size: 1rem;
font-weight: 300 !important;
text-align:justify;
color: #555;
margin: 15px 15px 0 15px;
}
.titolNoticiaGlobal{
font-size:1.2rem !important;
letter-spacing: -1px;
margin: 15px 15px 0 15px;
text-align:justify;
}
.data-noticiaGlobal{
margin-bottom: 15px;
margin-top: 15px;
}
.data-noticiaGlobal hr {
border-width: 3px !important;
text-align: left;
width: 22%;
margin-left: 0px;
border-color: #ff9900 !important;
margin-top: 0px;
margin-bottom: 10px;
border-bottom-style: solid !important;
}
.contingut-noticiaGlobal {
padding: 10px 15px;
}
.data-noticiaGlobal p{
font-size: 1rem;
color: #a6193c;
font-style: italic;
}
.etiquetes-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: rgba(255,255,255,0.2);
padding: 5px 10px;
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.etiqueta {
display: inline-block;
background-color: #e0e0e0;
color: #938d8e;
font-size: 0.75rem;
padding: 3px 8px;
border-radius: 12px;
margin-right: 5px;
margin-bottom: 5px;
border-color: #e0e0e0;
}
/*.item-noticia {
width: calc(25% - 15px);
box-sizing: border-box;
background: #fff;
border-radius: 16px;
box-shadow: 0 8px 20px rgba(0,0,0,0.10);
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border-bottom: 0.5rem solid var(--color-granate);
}*/
/*.item-noticia:hover {
transform: translateY(-5px);
box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}*/
.contingut-noticia{
height:100%;
}
.item-noticia h2 {
font-size: 1.1rem;
font-weight: 700 !important;
}
.item-noticia a{
/*color: var(--color-granate);*/
color:#696973;
transition: color 0.3s;
}
.item-noticia a:hover{
font-weight: bold;
color: var(--color-naranja);
}
.item-noticia p {
font-size: 1rem;
text-align:justify;
color: #555;
margin: 15px 15px 0 15px;
}
.titolNoticia{
font-size:1.2rem !important;
letter-spacing: -1px;
margin: 10px 15px 0 15px;
text-align:justify;
}
.data-noticia{
margin-bottom: 15px;
margin-top: 15px;
}
.data-noticia i{
margin-right: 4px;
font-size: 0.75rem;
}
.data-noticia hr {
border-width: 3px !important;
text-align: left;
width: 22%;
margin-left: 0px;
border-color: #ff9900 !important;
margin-top: 0px;
margin-bottom: 10px;
border-bottom-style: solid !important;
}
.data-noticia p{
font-size: 0.82rem;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #7a4b2f;
margin-bottom: 8px;
font-weight: 800;
}
.item-noticia .resum-noticia{
color: #555;
line-height: 1.5;
font-weight: 400;
margin-bottom: 15px !important;
}
.blocImatgeNoticia{
position: relative;
width: 100%;
height: 10rem;
overflow: hidden;
line-height: 0;
/*border-radius: 1.2rem 1.2rem 0 0;*/
}
.item-imatge{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 0;
}
/*.item-noticia:hover .item-imatge {
transform: scale(1.05);
}*/
.veure-mes-noticies {
text-align: center;
margin-top: 25px;
}
.btn-veure-mes {
display: inline-block;
padding: 10px 20px;
background: #a6193c;
color: #fff;
border-radius: 6px;
font-weight: 600;
text-decoration: none;
transition: 0.3s;
}
.btn-veure-mes:hover {
background: #8c1533;
}
.titolNoticia a{
color: #2d2d2d;
font-weight: 700;
}
.titolNoticia a:hover{
color: #8c1533;
}
.blocImatgeNoticia {
position: relative;
overflow: hidden;
}
.categories-noticia {
margin: 8px 15px 0;
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.cat-meta {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
color: #7a4b2f;
font-weight: 700;
padding: 2px 6px;
border-radius: 4px;
background: rgba(122, 75, 47, 0.08);
}
.noticia-categories-overlay {
position: absolute;
top: 10px;
left: 10px;
display: flex;
gap: 6px;
flex-wrap: wrap;
z-index: 2;
}
/* badge base */
.cat-meta.cat-educacio { color: #ea580c; }
.cat-meta.cat-esports { color: #15803d; }
.cat-meta.cat-cultura { color: #6b21a8; }
@media (max-width: 1024px) {
.item-noticia,
.item-noticiaGlobal {
width: calc(50% - 10px);
}
}
@media (max-width: 768px) {
.item-noticia,
.item-noticiaGlobal {
width: 100%;
}
}
/*agenda*/
/* Estil general del slider */
.custom-slider{
color:#ff9900;
box-shadow: 0 0 0 0 #ffffff;
margin-top:2rem;
margin-bottom:2rem;
}
.agenda-slider {
display:flex;
flex-wrap:wrap;
gap:20px;
}
.destacatAgenda{
width:100%;
padding:1.4rem 2rem;
margin-top:5px;
margin-bottom:1.5rem;
font-size:2.2rem;
font-weight:700;
color:#fff;
letter-spacing: 2px;
line-height:1.2;
background:linear-gradient(
135deg,
#ff7e00,
#ffb347,
#ffd28a
);
border-radius:0.4rem;
box-shadow:
0 8px 20px rgba(255,126,0,.20);
}
.slider-item-agenda {
width: 32%;
box-sizing: border-box;
text-align: center;
margin-bottom: 20px;
display: flex;
flex-direction: column;
border-radius:0.4;
/*box-shadow: 0 6px 20px rgba(255, 153, 0, 0.10);*/
transition:.25s ease;
background:#fff;
}
.slider-item-agenda:hover{
transform:translateY(-3px);
box-shadow: 0 12px 24px rgba(255, 153, 0, 0.18);
/* box-shadow:
0 12px 24px rgba(0,0,0,.10);*/
}
/* contingut del slider */
.contingut-agenda{
height:100%;
padding: 15px 21px;
}
.contingut-agenda h2{
font-size: 1rem;
}
.peu-agenda{
border-top: 0.1rem solid #ececec;
border-bottom: 0.3rem solid #ff9900;
}
.entry-content .capcalera-agenda h2{
font-size: 22.6px;
line-height: 23px;
letter-spacing: -1.15px;
font-weight: 400;
text-align:left;
}
/*.slider-item-agenda h2 {
font-size: 1.55rem !important;
line-height:1.3;
margin-bottom:.75rem;
}*/
.resumAgenda{
font-weight:400;
color:#666;
line-height:1.6;
text-align:left;
}
.slider-item-agenda a{
color: #a6193c;
transition:.2s;
}
.slider-item-agenda a:hover{
color: #ff9900;
}
.slider-item-agenda p {
font-size: 1rem;
/*font-weight: 300 !important;*/
color: #696973;
margin-bottom: 10px;
}
.data-agenda{
margin-top:1rem;
}
.data-agenda hr {
border-width: 3px !important;
text-align: left;
width: 20%;
margin-left: 0px;
border-color: #ff9900 !important;
margin-top: 0px;
margin-bottom: 10px;
/*border-bottom-style: solid !important;*/
opacity:100%;
}
.data-agenda h3 {
font-size: 0.9rem;
font-weight: 600;
margin-top: 0px;
margin-bottom: 0.1rem;
color: #a6193c;
text-align:left;
}
.data-agenda p{
margin: 0px 0px 1em;
}
.agenda-info {
display: flex;
align-items: baseline;
/* gap: 8px;*/
margin-bottom: 0.5rem;
}
.agenda-info h3 {
margin: 0;
flex-shrink: 0;
width: 60px;
text-align: justify;
}
.agenda-info p {
margin: 0;
white-space: normal;
}
.slider-item-imatge{
width:100%;
/*height:240px;*/
height: 193px;
object-fit:cover;
/*border-radius:1.2rem;*/
border-radius:0.4rem 0.4rem 0 0;
}
/*serveis */
.containerServeis {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 1.5rem;
padding: 1rem;
margin-top:1rem;
}
.cardServeis {
position: relative;
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
opacity: 0;
transform: translateY(30px);
transition:
opacity 0.6s ease,
transform 0.6s ease,
box-shadow 0.3s ease,
transform 0.3s ease;
}
/* Lista con enlaces, inicialmente oculta */
.links-list {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6); /* Fondo oscuro semi-transparente */
color: #fff;
padding: 1rem;
border-radius: 8px 8px 0 0; /* Redondear solo arriba */
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
z-index: 5;
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.5rem;
font-size: 0.9rem;
}
/* Estilo para enlaces dentro de la lista */
.links-list a {
color: #ffd580; /* tono claro sobre fondo oscuro */
text-decoration: none;
font-weight: 600;
}
.links-list a:hover {
text-decoration: underline;
color: #ffa500;
}
.cardServeis:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.2);
z-index: 10; /* que se superponga sobre otros */
}
.cardServeis:hover .image-wrapper img {
transform: scale(1.1);
filter: brightness(0.4);
}
/* Mostrar lista al hover */
.cardServeis:hover .links-list {
opacity: 1;
pointer-events: auto;
}
/* Ocultar overlay título cuando aparece lista */
.cardServeis:hover .overlay {
background: transparent;
color: transparent;
pointer-events: none;
}
.cardServeis img {
opacity: 1;
transition: opacity 0.5s ease-in-out;
}
.cardServeis img.fade-in {
opacity: 1;
}
.image-wrapper {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
}
/* Imagen con transición para zoom */
.image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
/* Oscurecer imagen al hover del artículo */
.cardServeis:hover .image-wrapper img {
transform: scale(1.1);
filter: brightness(0.4);
}
/* Overlay normal con título */
.overlay {
position: absolute;
bottom: 0;
width: 100%;
background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.3));
color: #fff;
padding: 0.5rem;
text-align: center;
transition: background 0.3s ease;
z-index: 3;
}
.card-titleServeis a {
color: white;
text-shadow: 0 0 5px orange, 0 0 10px orange;
font-size: 1.1rem;
text-decoration: none;
}
.card-titleServeis a:hover{
color:#ff9900;
}
.card-button {
margin: 0.5rem auto 1rem;
text-align: center;
}
.card-button a {
background-color: #fd7e14;
color: white;
padding: 0.4rem 0.8rem;
border-radius: 4px;
text-decoration: none;
font-weight: 600;
}
.cardServeis.visible {
opacity: 1;
transform: translateY(0);
transform: translateX(0);
}
/* Responsive ajustes */
@media (max-width: 768px) {
.containerServeis {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.card-titleServeis a {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.containerServeis {
grid-template-columns: 1fr;
}
.card-button a {
padding: 0.3rem 0.6rem;
font-size: 0.9rem;
}
}
.cardServeis.from-left {
transform: translateX(-50px);
}
@media (max-width: 500px) {
.containerServeis {
grid-template-columns: 1fr;
}
}
/*fi serveis*/
/*consistori*/
.custom-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 200px;
gap: 20px;
max-width: 1200px;
margin: auto;
padding: 20px;
}
.box {
background-color: #ccc;
border-radius: 16px;
color: white;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
overflow: hidden;
box-shadow:
0 10px 15px rgba(0,0,0,0.3),
inset 0 0 50px rgba(255,255,255,0.2);
transition: box-shadow 0.3s ease;
cursor: pointer;
isolation: isolate;
transition: box-shadow 0.3s ease;
}
.box::before,
.box::after,
.box .pattern-extra {
pointer-events: none;
transition: opacity 0.3s ease, filter 0.3s ease;
opacity: 0.4;
filter: brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(20deg);
/* filtro naranja tenue */
}
.box:hover::before,
.box:hover::after,
.box:hover .pattern-extra {
opacity: 1;
filter: brightness(0) invert(1) sepia(1) saturate(10) hue-rotate(15deg);
/* filtro naranja más intenso */
}
.box:hover {
box-shadow: 0 15px 25px rgba(255, 153, 0, 0.6);
}
.box > * {
position: relative;
z-index: 1;
}
.big-2x2 {
grid-column: span 2;
grid-row: span 2;
}
/* Tipografía y elementos internos */
.box h3 {
font-size: 2rem;
margin: 10px 0 5px;
color: white;
text-shadow: 2px 2px 4px #b34700;
}
.box p {
font-size: 0.9rem;
margin-bottom: 10px;
}
.box .label {
position: absolute;
top: 10px;
left: 15px;
font-size: 0.75rem;
background: rgba(255, 255, 255, 0.2);
padding: 3px 8px;
border-radius: 6px;
font-weight: bold;
}
.box .icon {
font-size: 2.5rem;
margin-bottom: auto;
opacity: 0.2;
position: absolute;
bottom: 10px;
right: 10px;
}
/* Colores individuales */
/*.box1 { background-color: rgba(239, 71, 111, 0.5); }
.box2 { background-color: rgba(6, 214, 160, 0.5); }
.box3 { background-color: rgba(181, 101, 29, 0.5); }
.box4 { background-color: rgba(216, 58, 203, 0.5); }
.box5 { background-color: rgba(58, 91, 216, 0.5); }*/
.box1 {
background-color: #ff9900; /* naranja */
box-shadow: 0 4px 15px rgba(255, 153, 0, 0.4);
}
.box2 {
background-color: #a6193c; /* rojo */
box-shadow: 0 4px 15px rgba(166, 25, 60, 0.4);
}
.box3 {
background-color: #ff9900; /* naranja */
box-shadow: 0 4px 15px rgba(255, 153, 0, 0.4);
}
/* Curvas suaves con SVG */
.box1 {
position: relative;
overflow: hidden;
cursor: pointer;
transition: box-shadow 0.3s ease;
}
.box1::before,
.box1::after,
.box1 .pattern-extra {
background-repeat: repeat;
pointer-events: none;
opacity: 0.25;
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
transition: filter 0.3s ease, opacity 0.3s ease;
}
.box1::before {
content: "";
position: absolute;
top: 5px;
left: 5px;
width: 180px;
height: 140px;
background-image: url('data:image/svg+xml;utf8,');
background-size: cover;
border-radius: 40% / 60%;
z-index: 0;
}
.box1::after {
content: "";
position: absolute;
bottom: 10px;
right: 10px;
width: 150px;
height: 130px;
background-image: url('data:image/svg+xml;utf8,');
background-size: cover;
border-radius: 50% / 70%;
z-index: 0;
}
.box1 .pattern-extra {
position: absolute;
top: 40%;
left: 20%;
width: 140px;
height: 140px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
border-radius: 50%;
transform: translateY(-50%);
z-index: 0;
}
/* Filtro rojo para hover */
:root {
--red-filter: invert(23%) sepia(88%) saturate(6640%) hue-rotate(337deg) brightness(84%) contrast(86%);
}
.box1:hover::before,
.box1:hover::after,
.box1:hover .pattern-extra {
filter: var(--red-filter);
opacity: 1;
}
.box1:hover {
box-shadow: 0 15px 25px rgba(166, 25, 60, 0.6);
}
/* Patrón rayas en esquina superior derecha */
.box2 {
position: relative;
overflow: hidden;
cursor: pointer;
transition: box-shadow 0.3s ease;
}
.box2::before {
content: "";
position: absolute;
top: 5px;
right: 5px;
width: 180px;
height: 120px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: repeat;
background-size: 20px 20px;
border-radius: 12px;
z-index: 0;
pointer-events: none;
opacity: 0.4;
filter: brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(20deg);
transition: opacity 0.3s ease, filter 0.3s ease;
}
.box2::after {
content: "";
position: absolute;
bottom: 5px;
left: 5px;
width: 180px;
height: 120px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: repeat;
background-size: 20px 20px;
border-radius: 12px;
z-index: 0;
pointer-events: none;
opacity: 0.3;
filter: brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(20deg);
transition: opacity 0.3s ease, filter 0.3s ease;
}
.box2 .pattern-extra {
position: absolute;
top: 50%;
left: 10%;
width: 150px;
height: 150px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
border-radius: 50%;
transform: translateY(-50%);
z-index: 0;
pointer-events: none;
opacity: 0.2;
filter: brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(20deg);
transition: opacity 0.3s ease, filter 0.3s ease;
}
.box2::before,
.box2::after,
.box2 .pattern-extra {
/* filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);*/
opacity: 0.3;
transition: filter 0.3s ease, opacity 0.3s ease;
}
.box2:hover::before,
.box2:hover::after,
.box2:hover .pattern-extra {
filter: var(--orange-filter);
opacity: 1;
}
.box2:hover {
box-shadow: 0 15px 25px rgba(255, 153, 0, 0.6);
}
/* BOX3: con puntos */
.box3 {
position: relative;
overflow: hidden;
cursor: pointer;
transition: box-shadow 0.3s ease;
}
.box3::before,
.box3::after,
.box3 .pattern-extra {
background-repeat: repeat;
pointer-events: none;
opacity: 0.25;
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
transition: filter 0.3s ease, opacity 0.3s ease;
}
/* Puntos grandes arriba derecha */
.box3::before {
content: "";
position: absolute;
top: 0; right: 0;
width: 340px; height: 240px;
background-image: url('data:image/svg+xml;utf8,');
background-size: 50px 50px; /* puntos más separados y grandes */
border-radius: 12px;
z-index: 0;
}
/* Puntos grandes abajo izquierda */
.box3::after {
content: "";
position: absolute;
bottom: 0; left: 10px;
width: 280px; height: 100px;
background-image: url('data:image/svg+xml;utf8,');
background-size: 45px 45px; /* puntos más grandes y más separados */
border-radius: 12px;
z-index: 0;
}
/* Figura extra centro */
.box3 .pattern-extra {
position: absolute;
top: 40%; left: 30%;
width: 100px; height: 100px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
border-radius: 14px;
transform: translateY(-50%);
z-index: 0;
pointer-events: none;
opacity: 0.25;
transition: filter 0.3s ease, opacity 0.3s ease;
}
/* Hover: cambiar color de las figuras a rojo #ff9900 */
.box3:hover::before,
.box3:hover::after,
box3 .pattern-extra {
position: absolute;
top: 40%;
left: 30%;
width: 100px;
height: 100px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
border-radius: 14px;
transform: translateY(-50%);
z-index: 0;
transition: filter 0.3s ease;
}
/* Hover rojo */
.box3:hover::before {
background-image: url('data:image/svg+xml;utf8,');
opacity: 0.35;
}
.box3:hover::after {
background-image: url('data:image/svg+xml;utf8,');
opacity: 0.35;
}
.box3:hover .pattern-extra {
filter: invert(17%) sepia(96%) saturate(7462%) hue-rotate(0deg) brightness(110%) contrast(115%);
opacity: 0.25;
}
/* BOX4: verde (#06d6a0) con líneas horizontales */
.box4 {
background-color: #a6193c; /* rojo */
box-shadow: 0 4px 15px rgba(166, 25, 60, 0.4);
position: relative;
overflow: hidden;
}
.box4::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 350px; /* ancho aumentado */
height: 140px;
background-image: url('data:image/svg+xml;utf8,');
background-size: 150px 40px;
background-repeat: repeat;
border-radius: 12px;
transform: translateY(-50%);
z-index: 0;
opacity: 0.3;
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
transition: filter 0.3s ease, opacity 0.3s ease;
}
.box4:hover::before {
filter: invert(64%) sepia(81%) saturate(5727%) hue-rotate(5deg) brightness(102%) contrast(101%);
opacity: 1;
}
.box4::after {
content: "";
position: absolute;
bottom: 20px;
right: 20px;
width: 140px;
height: 140px;
background-image: url('data:image/svg+xml;utf8,');
background-size: 30px 30px;
background-repeat: repeat;
border-radius: 12px;
z-index: 0;
opacity: 0.15;
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
transition: filter 0.3s ease, opacity 0.3s ease;
}
/* Hover efecto naranja */
.box4:hover::before,
.box4:hover::after {
filter: invert(64%) sepia(81%) saturate(5727%) hue-rotate(5deg) brightness(102%) contrast(101%);
opacity: 1;
}
.box4:hover {
box-shadow: 0 15px 25px rgba(255, 153, 0, 0.6);
}
/* BOX5: espiral */
.box5 {
background-color: #ff9900; /* naranja */
box-shadow: 0 4px 15px rgba(255, 153, 0, 0.4);
position: relative;
overflow: hidden;
cursor: pointer;
transition: box-shadow 0.3s ease;
}
.box5 h3 {
font-size: 2.2rem;
color: white;
position: relative;
z-index: 1;
}
.box5 p {
font-size: 1.05rem;
color: white;
position: relative;
z-index: 1;
}
.box5 .icon {
font-size: 3.5rem;
opacity: 0.25;
bottom: 15px;
right: 15px;
position: absolute;
z-index: 0;
}
/* Espiral grande */
.box5 .pattern-extra {
position: absolute;
top: 50%;
left: 50%;
width: 300px; /* más grande */
height: 300px; /* más grande */
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border-radius: 14px;
transform: translate(-50%, -50%);
z-index: 0;
transition: filter 0.3s ease;
}
.box5:hover {
box-shadow: 0 6px 25px rgba(166, 25, 60, 0.6); /* sombra roja */
}
.box5:hover .pattern-extra {
filter: invert(19%) sepia(84%) saturate(6616%) hue-rotate(333deg) brightness(85%) contrast(90%);
/* filtro rojo */
}
.wide-2x1 {
grid-column: span 2;
grid-row: span 1;
}
/* Icon base style */
.box svg.icon {
position: absolute;
width: 120px;
height: 120px;
opacity: 0.15;
pointer-events: none;
transition: filter 0.3s ease, opacity 0.3s ease;
}
.box:hover svg.icon {
opacity: 0.35;
filter: var(--red-filter);
}
/* Posiciones específicas de iconos */
.box1 svg.icon {
top: 10px;
right: 10px;
}
.box2 svg.icon {
top: 5px;
right: 10px;
}
.box3 svg.icon {
bottom: 10px;
right: 15px;
}
.box4 svg.icon {
top: 15px;
right: 15px;
}
/* Responsive */
@media (max-width: 768px) {
.custom-grid {
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 180px;
}
.big-2x2 {
grid-column: span 2;
grid-row: span 1;
}
}
/*fi consistori*/
.entry-content h1{
font-size:1.50rem;
font-weight:900px;
color:#a6193c;
}
/*prova estils pàgina*/
.logo-custom{
/* max-width: 30%*//*130px;*/
margin-top: 0.05em;
margin-bottom: 1em;
}
.logo-custom img{
max-width: 20%;
}
.text-custom{
padding: 15px 0;
height: auto;
margin-top: 2rem;
color:#a6193c;
text-align:center;
width:100%;
}
.text-custom span{
font-size:3rem;
text-shadow: 4px 4px 5px #0005;
}
.site-header-custom {
display: flex;
flex-direction: column;
color: white;
text-align: center;
/*padding: 5px 0;*/
}
/* Blocs */
.header-block-custom {
/*padding: 5px;*/
width: 100%;
}
/* Bloc superior */
.top-block-custom {
/* background-color: #a6193c;*/
display:flex;
flex-direction: row;
}
.top1-block-custom {
display:flex;
flex-direction: row-reverse;
}
/* Bloc inferior (Menú) */
.bottom-block-custom {
background-color: #ff9900;/*a6193c;*/
}
/* Menú de navegació top */
.nav-menu-custom ul {
list-style: none;
padding: 0;
}
.nav-menu-custom ul li {
display: inline-block;
margin: 0 15px;
}
.nav-menu-custom ul li a {
text-decoration: none;
color: white;
font-weight:600;
font-size: 1.2rem;
transition: color 0.3s;
}
.nav-menu-custom ul li a:hover {
color: #a6193c;
font-weight:800;
}
/* Menú de navegació top1 */
.nav-menu-custom1 ul {
list-style: none;
padding: 0;
}
.nav-menu-custom1 ul li {
display: inline-block;
margin: 0 5px;
text-transform: uppercase;
font-size:
}
.nav-menu-custom1 ul li a {
text-decoration: none;
color: #a6193c;
font-weight:900;
font-size: 0.9rem;
transition: color 0.3s;
}
.nav-menu-custom1 ul li a:hover {
color: #f4a261;
font-weight:800;
}
.menu1{
border-bottom: 5px solid #a6193c;
}
.menu2{
border-bottom: 5px solid #ff9900;
}
.menu3{
border-bottom: 5px solid #aed035;
}
.menu4{
border-bottom: 5px solid #35d0a4;
}
strong{
/*color:#595959;*/
color: var(--color-gris-claro);
}
.espaiContent{
text-align:justify;
}
/*títol de les pàgines*/
.entry-title {
color: #a6193c;
text-transform: uppercase;
/* text-align: center; */
padding: 10px 0 10px 0;
border-bottom: 3px solid #a6193c;
text-shadow: 4px 4px 5px #0005;
}
.entry-content h2{
margin-bottom: 15px;
font-size: 1.5rem;
/* color: #7a7a7a;*/
letter-spacing: -1px;
line-height: 1.2;
}
.bannerTitolPagina{
position: relative;
display: inline-block;
/*padding-bottom: 15px;*/
margin-bottom: 3rem;
opacity: 0.4;
/*filter: brightness(0.5);*/
}
.bannerTitolPagina img{
width: 100%;
object-fit: cover;
}
.titolPost {
position: absolute;
top: 50%; /* Centrado vertical */
left: 50%; /* Centrado horizontal */
transform: translate(-50%, -50%); /* Ajuste para centrar completamente */
color: white; /* Color del texto */
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
font-weight: 700;
font-size: 2.5rem;
text-transform: uppercase;
text-align:center;
}
/*.line{
flex: 1;
border:1px solid #7D18FD;
}*/
/*destacats*/
.destacados {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 60px;
}
/* =========================
MAIN (PRIMER DESTACADO)
========================= */
.destacados__main {
position: relative;
overflow: hidden;
border-radius: 1.2rem;
}
.destacados__main img {
width: 100%;
height: 420px;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
}
.destacados__main:hover img {
transform: scale(1.05);
}
/* overlay unificado */
.destacados__main::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
/* background: linear-gradient(
to top,
rgba(0, 0, 0, 0.55) 0%,
rgba(0, 0, 0, 0.2) 60%,
rgba(0, 0, 0, 0) 100%
);*/
}
/* contenido */
.destacados__main .destacados__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
z-index: 2;
background: linear-gradient(
135deg,
rgba(255, 126, 0, 0.55),
rgba(255, 179, 71, 0.4),
rgba(255, 210, 138, 0.15)
);
}
/* =========================
GRID SECUNDARIO
========================= */
.destacados__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 10px;
}
/* =========================
ITEMS SECUNDARIOS
========================= */
.destacados__item {
position: relative;
overflow: hidden;
border-radius: 1.2rem;
}
.destacados__item::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
to top,
rgba(0,0,0,0.6) 0%,
rgba(255,126,0,0.35) 45%,
rgba(255,210,138,0.08) 100%
);
}
/*.destacados__item img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
}*/
.destacados__item img{
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
}
.destacados__item:hover img {
transform: scale(1.05);
}
.destacados__item::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.55) 0%,
rgba(0, 0, 0, 0.2) 60%,
rgba(0, 0, 0, 0) 100%
);
}
/* contenido */
.destacados__item .destacados__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 12px;
z-index: 2;
color: #fff;
background: linear-gradient( 135deg, rgba(255, 126, 0, 0.55), rgba(255, 179, 71, 0.4), rgba(255, 210, 138, 0.15) );
}
/* =========================
TIPOGRAFÍA
========================= */
.destacados__content h3 a {
display: block;
color: #fff;
text-decoration: none;
/*font-size: 1.3rem;*/
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
/* text-shadow: 0 2px 10px rgba(0,0,0,0.6);*/
text-shadow: 0 0 2.5rem rgba(0,0,0,.2),0 0 2rem rgba(0,0,0,.06),0 0 1.5rem rgba(0,0,0,.2),0 0 1rem rgba(0,0,0,.3);
}
.destacados__item .destacados__content h3 {
font-size: 1rem;
}
.destacados__content p {
margin: 0 0 10px;
/*font-size: 0.9rem;*/
font-size: 1.3rem;
line-height: 1.3;
color: rgba(255,255,255,0.85);
text-shadow: 0 0 2.2rem rgba(0,0,0,.6),0 0 2rem rgba(0,0,0,.06),0 0 1.5rem rgba(0,0,0,.1),0 0 1rem rgba(0,0,0,.2),0 0 .5rem rgba(0,0,0,.4),0 0 .5rem rgba(0,0,0,.2);
}
/* línea decorativa */
.destacados__content h3 a::after {
content: "";
display: block;
width: 40px;
height: 3px;
margin-top: 6px;
background: #ff7e00;
}
/* =========================
BOTÓ
========================= */
.btn-transparente {
display: inline-block;
margin-top: 8px;
padding: 5px 10px;
/*border: 1px solid #fff;*/
background: #ff9900;
color: #fff;
font-size: 0.8rem;
cursor: pointer;
transition: all 0.3s ease;
}
.btn-transparente:hover {
background: #fff;
color: #000;
}
/*atenció ciutadana*/
/*oac */
/* Estilo general del contenedor principal */
.wp-block-group.oac {
background: linear-gradient(135deg, #f0f4ff 0%, #e6f7ff 100%);
border-radius: 1rem;
padding: 2rem;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
/* Cabecera */
.oac h2 {
font-size: 2rem;
color: #1a2a6c;
margin-bottom: 1rem;
text-align: center;
}
/* Subtítulos de secciones */
.oac h3 {
color: #2f4b8a;
font-size: 1.2rem;
margin-bottom: 0.75rem;
border-bottom: 2px solid #cce0ff;
padding-bottom: 0.3rem;
}
/* Párrafos */
.oac p {
font-size: 1rem;
line-height: 1.6;
color: #333;
}
/* Listas */
.oac ul {
list-style: disc;
padding-left: 1.2rem;
}
.oac li {
margin-bottom: 0.5rem;
}
/* Columnes */
.wp-block-column.bloc-columna-atencio{
background: #fdfdfd;
border-radius: 0.8rem;
padding: 1.2rem;
margin: 0.5rem;
box-shadow:0 2px 8px rgba(0,0,0,.08);
transition:all .25s ease;
}
.wp-block-column.bloc-columna-atencio:hover img{
transform: scale(1.03);
}
.wp-block-column.bloc-columna-atencio img{
transition: transform .4s ease;
}
.wp-block-column.bloc-columna-atencio:hover{
transform:translateY(-4px);
box-shadow:0 12px 24px rgba(0,0,0,.12);
text-decoration:none;
}
.wp-block-column.bloc-columna-atencio h3 a{
color:#111;
transition:color .25s ease;
}
.wp-block-column.bloc-columna-atencio:hover h3 a{
color:#a6193c;
}
.bloc-columna-atencio:hover h3{
color:#a6193c;
}
.entry-content .wp-block-column.bloc-columna-atencio p{
color:#666;
margin-bottom:1.25rem;
}
/* Links */
.oac a {
color: #1a73e8;
text-decoration: none;
}
.oac a:hover {
text-decoration: underline;
}
/* Responsive para móviles */
@media (max-width: 768px) {
.wp-block-columns .wp-block-column {
margin-bottom: 1.5rem;
}
}
/*oac*/
/*alcaldia*/
.entry-content[data-ast-blocks-layout] > .wp-block-group.alcaldia {
max-width: 100vw;
width: 100vw;
margin-left: 0;
margin-right: 0;
margin-bottom: 4rem;
position: relative;
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
.entry-content[data-ast-blocks-layout] > .wp-block-group.alcaldia{
width: 100%;
margin: 0 0 4rem 0;
padding: 0;
position: relative;
border-radius: 0;
}
.wp-block-group.alcaldia > .wp-block-group.alcaldia-banner {
/*background-image: url(/wp-content/uploads/2025/banners/banner.png); */
padding: 1rem;
background-color:#a6193c;
color: white;
text-align: center;
position: relative;
margin-bottom: 3rem;
width: 100%;
box-sizing: border-box;
}
.wp-block-group.alcaldia > .wp-block-group.alcaldia::before {
content: "";
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
/*background: rgba(166, 25, 60, 0.65);*/
z-index: 0;
border-bottom: 4px solid #a6193c;
}
.wp-block-group.alcaldia > .wp-block-group.alcaldia-banner > .wp-block-group.alcaldia-contenido {
position: relative;
z-index: 1;
max-width: 800px;
margin: 0 auto;
}
.wp-block-group.alcaldia > .wp-block-group.alcaldia-banner > .wp-block-group.alcaldia-contenido h2 {
font-size: 1.2rem;
text-transform:uppercase;
color:#fff;
margin-top:1rem;
margin-bottom: 1rem;
text-shadow:
-1px -1px 0 #a6193c,
1px -1px 0 #a6193c,
-1px 1px 0 #a6193c,
1px 1px 0 #a6193c,
0px 2px 0 #a6193c,
2px 0px 0 #a6193c,
-2px 0px 0 #a6193c,
0px -2px 0 #a6193c;
font-weight: 600;
letter-spacing: 0.2em;
}
.wp-block-group.alcaldia > .wp-block-group.alcaldia-banner > .wp-block-group.alcaldia-contenido p {
font-size: 1.3rem;
}
.wp-block-group.bienvenida-container {
/* max-width: 900px;*/
margin: 0 auto;
padding: 2rem;
color: #333;
}
.wp-block-columns.bienvenida-grid {
display: flex;
flex-wrap: wrap;
gap: 2rem;
align-items: flex-start;
}
.wp-block-image.bienvenida-imagen {
flex: 1 1 300px;
min-width: 250px;
margin-top: -140px;
z-index: 10;
position: relative;
}
.wp-block-image.bienvenida-imagen img {
width: 100%;
height: auto;
/* border-radius: 8px;*/
border: 8px solid white;
/*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
box-sizing: border-box;*/
}
.wp-block-image.bienvenida-imagen2 {
flex: 1 1 300px;
min-width: 250px;
/* margin-left: -90px;
margin-top:-90px;*/
z-index: 10;
position: relative;
}
.wp-block-image.bienvenida-imagen2 img {
width: 70%;
height: auto;
/* border-radius: 8px;*/
border: 10px solid white;
animation: floatIn 1.5s ease-out forwards,
moveLeft 1.5s ease-out 1.5s forwards;
/*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
box-sizing: border-box;*/
}
/* puja */
@keyframes floatIn {
0% {
transform: translateY(100px);
opacity: 0;
}
100% {
transform: translateY(-100px);
opacity: 1;
}
}
/* cap a la esquerra */
@keyframes moveLeft {
0% {
transform: translateY(-100px) translateX(0);
}
100% {
transform: translateY(-100px) translateX(-50px); /* cap a la izquierda */
}
}
/*amagar imatge2 quan sigui versió mòbil*/
@media (max-width: 768px) {
.wp-block-image.bienvenida-imagen2 {
display: none;
}
.wp-block-group.alcaldia > .wp-block-group.alcaldia-banner > .wp-block-group.alcaldia-contenido h2 {
font-size: 2rem;
}
}
.wp-block-column.bienvenida-contenido h1 {
font-size: 2.4rem;
color: #1a2a42;
margin-bottom: 1rem;
}
.wp-block-column.bienvenida-contenido h2 {
font-size: 2rem;
color: #a41e34;
margin-bottom: 1rem;
}
.wp-block-column.bienvenida-contenido h3 {
font-size: 1.2rem;
margin-top: 0;
color: #555;
}
.wp-block-column.bienvenida-contenido p {
line-height: 1.6;
margin-bottom: 1rem;
text-align:justify;
}
/* Contenedor de contacto */
.wp-block-group.contacto-container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-top: 30px;
}
/* Columna izquierda (información de contacto) */
.wp-block-column.contacto-info {
display: flex;
flex-direction: column;
gap: 15px;
flex: 1;
}
/* Cada línea (grupo de icono + texto) */
.wp-block-group.contacto-linea {
display: flex;
align-items: center;
font-size: 18px;
}
/* Icono circular */
.contacto-icono {
background-color: #ff9900;
color: white;
width: 50px;
height: 50px;
font-size: 26px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
transition: transform 0.3s ease;
}
.contacto-icono:hover {
animation: bounce-icon 0.4s ease-in-out;
}
/* Enlaces dentro de contacto */
.wp-block-group.contacto-linea a {
color: #333;
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
}
.wp-block-group.contacto-linea a:hover {
color: #df8702;
}
/* Imagen firma del alcalde */
.wp-block-group.contacto-imagen {
flex: 0 0 380px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 20px;
}
.wp-block-group.contacto-imagen img.signaturaAlcalde {
max-width: 45%;
height: auto;
border-radius: 0;
box-shadow: none;
display: block;
margin: 0 auto;
}
.wp-block-group.contacto-imagen img.signaturaAlcalde:hover,
.wp-block-group.contacto-imagen img.signaturaAlcalde:focus {
transform: none;
outline: none;
}
/* Animación de rebote */
@keyframes bounce-icon {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.15);
}
}
/* Modo móvil */
@media (max-width: 768px) {
.wp-block-group.contacto-container {
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.wp-block-group.contacto-imagen {
align-self: center;
margin-left: 0;
margin-top: 20px;
flex: 0 0 auto;
}
}
/*
.wp-block-group.contacto-imagen {
flex: 0 0 380px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 20px;
}
.wp-block-group.contacto-imagen img.signaturaAlcalde {
max-width: 45%;
height: auto;
border-radius: 0;
box-shadow: none;
display: block;
margin: 0 auto;
}
.wp-block-group.contacto-imagen img.signaturaAlcalde:hover,
.wp-block-group.contacto-imagen img.signaturaAlcalde:focus {
transform: none;
outline: none;
}
.wp-block-group.contacto-container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-top: 30px;
}
.wp-block-column.contacto-info {
display: flex;
flex-direction: column;
gap: 15px;
flex: 1;
}
.wp-block-column.contacto-linea {
display: flex;
align-items: center;
font-size: 18px;
}
.wp-block-column.contacto-icono {
background-color: #ff9900;
color: white;
width: 50px;
height: 50px;
font-size: 26px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
transition: transform 0.3s ease;
}
.wp-block-column.contacto-icono:hover {
animation: bounce-icon 0.4s ease-in-out;
}
.wp-block-column.contacto-linea a {
color: #333;
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
}
.wp-block-column.contacto-linea a:hover {
color: #df8702;
}
@keyframes bounce-icon {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.15);
}
}
@media (max-width: 768px) {
.wp-block-group.contacto-container {
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.wp-block-group.contacto-imagen {
align-self: center;
margin-left: 0;
margin-top: 20px;
flex: 0 0 auto;
}
}*/
/* Contenedor de contacto */
.wp-block-columns.contacto-container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-top: 30px;
}
/* Columna izquierda (información de contacto) */
.wp-block-column.contacto-info {
display: flex;
flex-direction: column;
gap: 15px;
flex: 1;
}
/* Cada línea (grupo de icono + texto) */
.wp-block-group.contacto-linea {
display: flex;
/* flex-direction:column;*/
align-items: center;
font-size: 18px;
}
/* Icono circular */
.contacto-icono {
background-color: #ff9900;
color: white;
width: 50px;
height: 50px;
font-size: 26px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
transition: transform 0.3s ease;
}
.contacto-icono:hover {
animation: bounce-icon 0.4s ease-in-out;
}
/* Enlaces dentro de contacto */
.wp-block-group.contacto-linea a {
color: #333;
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
}
.wp-block-group.contacto-linea a:hover {
color: #df8702;
}
/* Imagen firma del alcalde */
.wp-block-column.contacto-imagen {
flex: 0 0 380px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 20px;
}
.wp-block-column.contacto-imagen img.signaturaAlcalde {
max-width: 45%;
height: auto;
border-radius: 0;
box-shadow: none;
display: block;
margin: 0 auto;
}
.wp-block-column.contacto-imagen img.signaturaAlcalde:hover,
.wp-block-column.contacto-imagen img.signaturaAlcalde:focus {
transform: none;
outline: none;
}
/* Animació rebote */
@keyframes bounce-icon {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.15);
}
}
/* Modo móvil */
@media (max-width: 768px) {
.wp-block-columns.contacto-container {
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.wp-block-column.contacto-imagen {
align-self: center;
margin-left: 0;
margin-top: 20px;
flex: 0 0 auto;
}
}
/* Banns principals */
.wp-block-group.container-banners {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
max-width: 1440px;
margin: 40px auto;
padding: 0 15px;
}
.wp-block-group.banner {
background-color: #f4f7fb;
color: #1a2a42;
padding: 25px 25px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
flex: 1 1 22%;
max-width: 22%;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.3s ease;
box-sizing: border-box;
margin-block-start: 0;
}
.wp-block-group.banner h2,
.wp-block-group.banner h3 {
margin: 0 0 8px 0;
font-weight: 600;
line-height: 1.2;
}
.wp-block-group.banner h2 {
font-size: 1.2rem;
}
.wp-block-group.banner h3 {
font-size: 1.05rem;
margin: 0 0 8px 0;
font-weight: 600;
line-height: 1.2;
}
.wp-block-group.banner p {
font-size: 0.9rem;
opacity: 0.95;
margin-bottom: 12px;
line-height: 1.4;
}
/* Botó amb estil #ff9900 */
.wp-block-button.btn {
background-color: #ff9900;
color: #ffffff;
padding: 6px 14px;
font-weight: bold;
font-size: 0.9rem;
border-radius: 4px;
text-decoration: none;
display: inline-block;
align-self: start;
transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
border: 1px solid #ff9900;
}
.wp-block-button.btn a{
color:#fff;
font-weight: 700;
font-size: 1.2rem;
}
.wp-block-button.btn:hover,
.wp-block-button.btn:focus {
transform: scale(1.05);
background-color: #ffffff;
color: #ff9900;
border: 1px solid #ff9900;
outline: none;
}
/* Botó amb estil #a41e34 */
.wp-block-button.btnCorporatiu {
/* background-color: #a41e34;
color: #ffffff;
padding: 6px 14px;
font-weight: bold;
font-size: 0.9rem;
border-radius: 4px;
text-decoration: none;
display: inline-block;
align-self: start;
transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
border: 1px solid #a41e34;*/
color: #fff;
border-radius: 10px;
font-weight: 600;
text-decoration: none;
box-shadow: 0 8px 20px rgba(31,111,235,0.2);
transition: 0.25s ease;
}
.wp-block-button.btnCorporatiu a{
color:#fff;
font-weight: 700;
font-size: 1.2rem;
}
.wp-block-button.btnCorporatiu:hover,
.wp-block-button.btnCorporatiu:focus {
transform: scale(1.05);
background-color: #ffffff;
color: #ff9900;
outline: none;
}
@media (max-width: 1200px) {
.wp-block-group.banner {
flex: 1 1 45%;
max-width: 45%;
}
}
@media (max-width: 900px) {
.wp-block-group.container-banners {
justify-content: center;
}
.wp-block-group.banner {
flex: 1 1 100%;
max-width: 500px;
}
}
@media (max-width: 768px) {
.wp-block-group.banner {
flex: 1 1 100%;
max-width: 100%;
}
}
@media (max-width: 480px) {
.wp-block-group.banner {
padding: 30px 25px;
}
.wp-block-group.banner h2 {
font-size: 1.5rem;
}
.wp-block-group.banner p {
font-size: 0.95rem;
}
.wp-block-button.btn {
padding: 10px 18px;
font-size: 0.95rem;
}
}
.redes-sociales {
margin: 40px auto 0;
display: flex;
justify-content: center;
gap: 20px;
padding: 15px 0;
flex-wrap: wrap;
}
.social-icon {
background-color: #ff9900;
color: white;
width: 50px;
height: 50px;
font-size: 22px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.social-icon:hover {
transform: scale(1.1);
background-color: #d87f00;
}
/* Colores individuales si se desea */
.facebook:hover { background-color: #3b5998; }
.twitter:hover { background-color: #1da1f2; }
.instagram:hover { background-color: #e1306c; }
/*alcalde*/
/*òrgans de govern*/
/* Ancho completo y separación vertical para el bloque completo */
.entry-content[data-ast-blocks-layout] > .wp-block-group.organs-govern {
max-width: 100vw;
width: 100vw;
margin-left: 0;
margin-right: 0;
margin-bottom: 4rem;
position: relative;
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
.entry-content[data-ast-blocks-layout] > .wp-block-group.organs-govern{
width: 100%;
margin: 0 0 4rem 0;
padding: 0;
position: relative;
border-radius: 0;
}
.block-columna-organs{
background: #fdfdfd;
border-radius: 0.8rem;
padding: 1.2rem;
margin: 0.5rem;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
border-color: #ff9900;
}
.wp-block-group.organs-govern > .wp-block-group.organs-banner {
background-image: url('/wp-content/uploads/2025/banners/bannerOAC5.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
padding: 4rem 1rem;
color: white;
text-align: center;
position: relative;
margin-bottom: 3rem;
width: 100%;
box-sizing: border-box;
}
.wp-block-group.organs-govern > .wp-block-group.organs-banner::before {
content: "";
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
/*background: rgba(166, 25, 60, 0.65);*/
z-index: 0;
border-bottom: 4px solid #a6193c;
}
.wp-block-group.organs-govern > .wp-block-group.organs-banner > .wp-block-group.organs-contenido {
position: relative;
z-index: 1;
max-width: 800px;
margin: 0 auto;
}
.wp-block-group.organs-govern > .wp-block-group.organs-banner > .wp-block-group.organs-contenido h2 {
font-size: 2.2rem;
text-transform:uppercase;
color:#fff;
margin-bottom: 1rem;
text-shadow:
-1px -1px 0 #a6193c,
1px -1px 0 #a6193c,
-1px 1px 0 #a6193c,
1px 1px 0 #a6193c,
0px 2px 0 #a6193c,
2px 0px 0 #a6193c,
-2px 0px 0 #a6193c,
0px -2px 0 #a6193c;
font-weight: 600;
}
.wp-block-group.organs-govern > .wp-block-group.organs-banner > .wp-block-group.organs-contenido p {
font-size: 1.3rem;
}
/* Contenedor general */
.organs-govern {
padding: 3rem 1rem;
max-width: 1200px;
margin: 0 auto;
}
/* Título principal */
/*.organs-govern h2 {
font-size: 2.4rem;
color: #0b5394;
margin-bottom: 3rem;
text-align: center;
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}*/
h2.organs-govern-titol.has-text-align-center.hover-underline {
position: relative;
font-weight: 700;
font-size: 1.4rem;
letter-spacing: 1.1px;
text-transform: uppercase;
margin-bottom: 1rem;
max-width: fit-content;
margin-left: auto;
margin-right: auto;
color: #a6193c;
cursor: default;
transition: color 0.4s ease;
}
h2.organs-govern-titol.has-text-align-center.hover-underline::after {
content: "";
position: absolute;
bottom: -5px;
left: 50%;
width: 0;
height: 4px;
background-color: #ff9900;
border-radius: 2px;
transform: translateX(-50%);
transition: width 0.4s ease;
}
h2.organs-govern-titol.has-text-align-center.hover-underline:hover {
color: #ff9900;
}
h2.organs-govern-titol.has-text-align-center.hover-underline:hover::after {
width: 100%;
}
.wp-block-column.bloc-columna-Organs{
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
border: 2px solid #ff9900;
border-radius: 0.8rem;
padding: 1.2rem;
margin: 0.5rem;
}
.wp-block-column.bloc-columna-Organs:hover {
transform: translateY(-5px); /* se eleva */
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
/* Tarjetas */
.organs-govern-card {
padding: 1.8rem;
text-align: center;
margin: 0.8rem;
}
/* Subtítulo con efecto expandible */
.hover-underline {
position: relative;
display: inline-block;
font-size: 1.4rem;
color: #1d3557;
transition: all 0.3s ease;
}
.hover-underline::after {
content: "";
position: absolute;
bottom: -6px;
left: 50%;
width: 0%;
height: 3px;
background-color: #ff9900;
transition: width 0.3s ease, left 0.3s ease;
}
.hover-underline:hover::after {
width: 100%;
left: 0;
}
.organs-govern-card p {
font-size: 1.05rem;
color: #333;
line-height: 1.6;
}
/* Responsive */
@media (max-width: 768px) {
.organs-govern {
padding: 2rem 1rem;
}
.organs-govern h2 {
font-size: 1.8rem;
}
.hover-underline {
font-size: 1.2rem;
}
}
/*òrgans*/
/*composició consistori*/
.entry-content > .wp-block-group.grup-container {
padding: 0 !important;
}
.wp-block-group.membres-grid.is-layout-constrained.wp-block-group-is-layout-constrained {
margin-block-start: 0 !important;
margin-block-end: 0 !important;
padding: 0 !important;
}
.wp-block-group.membres-grid.is-layout-constrained > * {
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.wp-block-group.grup-container {
margin-bottom: 40px;
border-radius: 15px;
overflow: hidden;
/*box-shadow: 0 8px 20px rgba(0,0,0,0.1);*/
}
.wp-block-group.grup-header {
display: flex;
align-items: center;
gap: 20px;
padding: 15px 20px;
color: #fff;
flex-wrap: wrap; /* 🔹 para que en móvil baje el texto debajo del logo */
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.wp-block-group.grup-header img {
width: 80px;
height: 80px;
object-fit: contain;
border-radius: 10px;
background: #fff;
padding: 5px;
flex-shrink: 0; /* 🔹 evita que se deforme */
}
.wp-block-group.grup-header .info {
flex: 1;
min-width: 200px; /* 🔹 asegura espacio mínimo en móvil */
}
.wp-block-group.filaGrup.is-layout-constrained,
.wp-block-group.filaGrup.is-layout-constrained > * {
margin-block-start: 0 !important;
margin-block-end: 0 !important;
}
.wp-block-group.grup-header .info h2 {
margin: 0;
font-size: clamp(1.4rem, 3.5vw, 1.8rem);
font-weight: 700;
line-height: 1.2;
word-break: break-word;
}
.wp-block-group.filaGrup{
margin-left:0 !important;
}
.wp-block-group.grup-header .info .representants {
font-size: clamp(1.4rem, 5vw, 2.1rem);
font-weight: 700;
margin-top: 5px;
}
/* Colors de partits */
.grup-erc { background-color: #FFECA1; }
.grup-jxm { background-color:#5F829F; }
.grup-dp { background-color: #c479a5; }
.grup-mp { background-color: #88c4bd; }
.grup-psc { background-color: #E66868; }
/* Estils de titol */
.erc h2 {
color: #f5b800; /* només titol de ERC */
}
.jxm h2 {
color: #28557B; /* només titol de Junts */
}
.dp h2 {
color: #c42382;
}
.mp h2 {
color: #1e978a;
}
.psc h2 {
color: #B32D2D;
}
/*Grid responsive de membres */
.wp-block-columns.membres-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 15px;
padding: 20px;
/*background: #f9f9f9;*/
}
.wp-block-column.membre-card {
background: #fff;
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
text-align: center;
padding: 10px;
transition: transform 0.3s;
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.wp-block-column.membre-card:hover {
transform: translateY(-5px);
}
.wp-block-column.membre-card .wp-block-image {
width: 180px;
height: 180px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 8px;
margin-top: 8px;
/*border: 2px solid #ddd;*/
}
.wp-block-column.membre-card .wp-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.wp-block-column.membre-card p{
margin:0px;
}
/*.wp-block-column.membre-card span {
font-weight: 600;
display: block;
font-size: 0.95rem;
color: rgba(70, 72, 85, 0.8);
}*/
.wp-block-column.membre-card span {
font-weight: 600;
font-size: 1.05rem;
color:rgba(70, 72, 85, 0.8);
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s;
}
.wp-block-column.membre-card p{
text-align:center;
}
/*.wp-block-column.membre-card:hover span {
color: #FFECA1;
transform: scale(1.05);
}*/
@media (max-width: 600px) {
.wp-block-group.grup-header {
justify-content: center;
text-align: center;
}
.wp-block-group.grup-header img {
margin-bottom: 10px;
}
.wp-block-group.grup-header .info {
min-width: 100%;
}
.wp-block-group.grup-container {
border-radius:0px;
}
}
/* Fila flexible responsive */
/* Fila flexible responsive */
.wp-block-group.filaGrup.is-layout-flex {
display: flex;
flex-wrap: wrap; /* permite bajar elementos */
gap: 20px; /* separación entre items */
justify-content: center; /* centra horitzontalment els elements */
align-items: center; /* centra verticalmente dins de la fila */
margin:0px !important;
}
/* Ajustes para móviles */
@media (max-width: 768px) {
.wp-block-group.filaGrup.is-layout-flex {
flex-direction: row;
align-items: center; /* centra horitzontalment */
text-align: center; /* centra text dins de cada grup */
}
.wp-block-group.filaGrup.is-layout-flex .wp-block-image,
.wp-block-group.filaGrup.is-layout-flex .info {
margin: 0 auto; /* centra imatges i blocs de info */
}
}
/*.entry-content[data-ast-blocks-layout] > .wp-block-group.composicio {
max-width: 100vw;
width: 100vw;
margin-left: 0;
margin-right: 0;
margin-bottom: 4rem;
position: relative;
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
.entry-content[data-ast-blocks-layout] > .wp-block-group.composicio{
width: 100%;
margin: 0 0 4rem 0;
padding: 0;
position: relative;
border-radius: 0;
}
.wp-block-group.composicio > .wp-block-group.composicio-banner {
background-image: url('/wp-content/uploads/2025/banners/bannerAlcaldia.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
padding: 4rem 1rem;
color: white;
text-align: center;
position: relative;
margin-bottom: 3rem;
width: 100%;
box-sizing: border-box;
}
.wp-block-group.composicio > .wp-block-group.composicio::before {
content: "";
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
z-index: 0;
border-bottom: 4px solid #a6193c;
}
.wp-block-group.composicio > .wp-block-group.composicio-banner > .wp-block-group.composicio-contenido {
position: relative;
z-index: 1;
max-width: 800px;
margin: 0 auto;
}
.wp-block-group.composicio > .wp-block-group.composicio-banner > .wp-block-group.composicio-contenido h2 {
font-size: 3.5rem;
text-transform:uppercase;
color:#fff;
margin-bottom: 1rem;
text-shadow:
-1px -1px 0 #a6193c,
1px -1px 0 #a6193c,
-1px 1px 0 #a6193c,
1px 1px 0 #a6193c,
0px 2px 0 #a6193c,
2px 0px 0 #a6193c,
-2px 0px 0 #a6193c,
0px -2px 0 #a6193c;
font-weight: 600;
}
.wp-block-group.composicio > .wp-block-group.composicio-banner > .wp-block-group.composicio-contenido p {
font-size: 1.3rem;
}
*/
/*composició consistori*/
/* regidors */
.wp-block-group.regidors-grid-alt {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
/*.colorBloc{
background-color:rgb(166 25 60 / 3%);
position: relative;
}*/
.wp-block-group.regidor-card-alt {
/* background: #fff;*/
background: transparent;
/* border-radius: 20px;
box-shadow: 0 8px 20px rgba(166, 25, 60, 0.12);*/
display: flex;
flex-direction: column;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
/* cursor: pointer;*/
margin-block-start: 0;
}
/*.wp-block-group.regidor-card-alt:hover {
transform: translateY(-6px);
box-shadow: 0 12px 28px rgba(166, 25, 60, 0.25);
}*/
.wp-block-image.photo-wrapperRegidor {
display: inline-flex;
justify-content: center;
align-items: center;
width: 180px;
height: 180px;
border: 8px solid #9c2438;
border-radius: 50%;
padding: 8px;
background: white;
}
.wp-block-image.photo-wrapperRegidorDes {
display: inline-flex;
justify-content: center;
align-items: center;
width: 180px;
height: 180px;
border: 8px solid #c42382;
border-radius: 50%;
padding: 8px;
background: white;
}
.wp-block-image.photo-wrapperRegidorERC {
display: inline-flex;
justify-content: center;
align-items: center;
width: 180px;
height: 180px;
border: 8px solid #ffe475;
border-radius: 50%;
padding: 8px;
background: white;
}
.wp-block-image.photo-wrapperRegidor img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.wp-block-image.photo-wrapperRegidorDes img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.wp-block-image.photo-wrapperRegidorERC img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.wp-block-image.photo-wrapper {
width: 100%;
padding-top: 75%; /* ratio 4:3 */
position: relative;
overflow: hidden;
}
.wp-block-image.photo-wrapper img {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.wp-block-group.info {
/* padding: 1.8rem 1.5rem;*/
padding:0 1.5rem;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.wp-block-group.info h2 {
font-size: 1.2rem;
margin-bottom: 0.3rem;
/*font-weight: 700;*/
color: #a6193c;
}
.wp-block-group.info h2 span {
font-weight: 700;
}
.wp-block-group.info.is-layout-constrained {
margin-block-start: 0 ;
}
.wp-block-group.info p.carrecRegidor {
margin-bottom: 0.5rem ;
}
.wp-block-group.carrecRegidor p{
margin-top:0px;
}
.wp-block-group.descripcioRegidor p{
margin:0;
}
.carrecRegidor {
font-weight: 600;
font-size: 0.9rem;
color: #9c2438;
margin-bottom: 0.6rem;
text-transform: uppercase;
margin:0 0 1rem 0;
position: relative;
}
.carrecRegidor::after {
content: "";
display: block;
width: 40%;
height: 2px;
background-color: #9c2438;
margin: 0.3rem auto 0 auto;
border-radius: 1px;
}
.carrecRegidorERC {
font-weight: 600;
font-size: 0.9rem;
color: #e5b905;
margin-bottom: 0.6rem;
text-transform: uppercase;
margin:0 0 1rem 0;
position: relative;
}
.carrecRegidorERC::after {
content: "";
display: block;
width: 40%;
height: 2px;
background-color: #e5b905;
margin: 0.3rem auto 0 auto;
border-radius: 1px;
}
.carrecRegidorDes {
font-weight: 600;
font-size: 0.9rem;
color: #c42382;
margin-bottom: 0.6rem;
text-transform: uppercase;
margin:0 0 1rem 0;
position: relative;
}
.carrecRegidorDes::after {
content: "";
display: block;
width: 40%;
height: 2px;
background-color: #c42382;
margin: 0.3rem auto 0 auto;
border-radius: 1px;
}
/* Subimos el h2 sobre la foto */
/*.regidor-card-alt .info .wp-block-heading {
margin-top: -40px;
display: inline-block;
text-align: center;
font-weight: bold;
color: #fff;
line-height: 1.2;
padding: 6px 14px;
border-radius: 5px;
background: linear-gradient(90deg, rgba(166, 25, 60, 0.8), rgba(255,154,118,0.8));
text-shadow: 1px 2px 6px rgba(0,0,0,0.6);
position: relative;
z-index: 2;
width: 100%;
}
*/
.regidor-card-alt .info .wp-block-heading {
/*margin-top: 12px;*/
display: inline-block;
text-align: center;
font-weight: 700;
color: #fff;
padding: 8px 10px;/*12px 20px;*/
border-radius: 10px;
background: linear-gradient(
90deg,
#a6193c 0%,
#d6455c 50%,
#ff9a76 100%
);
text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
position: relative;
z-index: 2;
width: 60%;/*100%;*/
max-width: 90%;
margin-left: auto;
margin-right: auto;
/* animación ligera al pasar el ratón */
transition: transform 0.2s ease;
}
.regidor-card-alt .info .wp-block-heading a{
color:#fff;
}
.regidor-card-alt .info .wp-block-headingERC {
/*margin-top: 12px;*/
display: inline-block;
text-align: center;
font-weight: 700;
color: #fff;
padding: 8px 10px;/*12px 20px;*/
border-radius: 10px;
background: linear-gradient(
90deg,
#ffe475 0%,
#ffd066 50%,
#ffb347 100%
);
text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
position: relative;
z-index: 2;
width: 60%;/*100%;*/
max-width: 90%;
margin-left: auto;
margin-right: auto;
/* animación ligera al pasar el ratón */
transition: transform 0.2s ease;
}
.regidor-card-alt .info .wp-block-headingDes {
/*margin-top: 12px;*/
display: inline-block;
text-align: center;
font-weight: 700;
color: #fff;
padding: 8px 10px;/*12px 20px;*/
border-radius: 10px;
background: linear-gradient(
90deg,
#c42382 0%,
#d6459b 50%,
#ff76a1 100%
);
text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
position: relative;
z-index: 2;
width: 60%;/*100%;*/
max-width: 90%;
margin-left: auto;
margin-right: auto;
/* animación ligera al pasar el ratón */
transition: transform 0.2s ease;
}
.regidor-card-alt .info .wp-block-heading span {
font-weight: 400;
opacity: 0.9;
font-size: 0.9em;
}
/* Nom secundari dins del span */
.regidor-card-alt .info .wp-block-heading span {
display: block;
font-size: 1rem;
font-weight: normal;
opacity: 0.85;
}
.equipGovern{
max-width: 100vw !important;
background-color:rgb(166 25 60 / 3%);/*#efd9da;*/
}
.descripcioRegidor {
line-height: 1.5;
font-size: 0.9rem;
text-align:center;
/*height: 4rem;*/
margin-block-start: 5px;
}
.mailRegidor{
color: #a6193c;/*#ff9900;*/
margin:0;
/* background: linear-gradient(90deg, rgba(166, 25, 60, 0.8), rgba(255, 154, 118, 0.8));*/
width: 100%;
border-radius: 5px;
text-align: center;
}
.mailRegidorERC{
color: #e5b905;/*#ff9900;*/
margin:0;
/* background: linear-gradient(90deg, rgba(166, 25, 60, 0.8), rgba(255, 154, 118, 0.8));*/
width: 100%;
border-radius: 5px;
text-align: center;
}
.mailRegidorDes{
color: #c42382;/*#ff9900;*/
margin:0;
/* background: linear-gradient(90deg, rgba(166, 25, 60, 0.8), rgba(255, 154, 118, 0.8));*/
width: 100%;
border-radius: 5px;
text-align: center;
}
/*.partitRegidor {
font-weight: 700;
font-size: 1rem;
color: #666;
}
*/
.retribucionsRegidor {
margin-top: 0.8rem;
font-size: 0.95rem;
color: #555;
}
/* xarxes socials */
.wp-block-group.socialsRegidors {
margin-top: 1rem;
margin-bottom: 0.5rem;
/* background: linear-gradient(90deg, rgba(166, 25, 60, 0.8), rgba(255, 154, 118, 0.8));*/
width: 100%;
border-radius: 5px;
text-align: center;
}
.wp-block-group.socialsRegidors a {
margin-right: 0.5rem;
color: #fff;/*#a6193c;*/
text-decoration: none;
font-size: 1rem;
background: linear-gradient(90deg, #a6193c 0%, #d6455c 50%, #ff9a76 100%);
border-radius: 5px;
text-align: center;
padding:5px;
}
.wp-block-group.socialsRegidorsERC a {
margin-right: 0.5rem;
color: #fff;/*#a6193c;*/
text-decoration: none;
font-size: 1rem;
background: linear-gradient(90deg, #ffe475 0%, #ffd066 50%, #ffb347 100%);
border-radius: 5px;
text-align: center;
padding:5px;
}
.wp-block-group.socialsRegidors a:hover {
color: #ff9900;
}
/* Horari */
/*.wp-block-group.horariRegidors {
margin-top: 0.8rem;
font-size: 1.1rem;
color: #555;
}*/
.wp-block-group.horariRegidors {
margin-top: 1.5rem;
padding: 20px;
background-color: #ff99000d;
border: 1px solid #ff99000d;
border-radius: 6px;
color: #222222;
line-height: 1.6;
}
/* Títols de secció */
.wp-block-group.horariRegidors strong {
display: block;
font-size: 1rem;
color: #ff9900;
margin-bottom: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.wp-block-group.horariRegidors p {
margin-bottom: 10px;
}
/* Línies primes per separar seccions */
.wp-block-group.horariRegidors p + p {
border-top: 1px solid rgba(255,111,97,0.8);
padding-top: 6px;
}
/*.wp-block-group.horariRegidors {
background: linear-gradient(135deg, #ffb84d, #ffc966);
padding: 12px 16px;
border-radius: 12px;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
margin-top: 12px;
color: #000;
}
.wp-block-group.horariRegidors p:first-child {
font-weight: bold;
margin-bottom: 6px;
}*/
.wp-block-group.carrecRegidor p{
margin:0px;
}
.wp-block-group.horariRegidors p{
margin:0px;
}
.wp-block-group.retribucionsRegidor {
margin-top: 1.5rem;
padding: 20px;
background-color: #ff99000d;
border: 1px solid #ff99000d;
border-radius: 6px;
color: #222222;
line-height: 1.6;
}
.wp-block-group.retribucionsRegidor strong {
display: block;
font-size: 1rem;
color: #ff9900;
margin-bottom: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.wp-block-group.retribucionsRegidor p{
margin:0px;
}
/*.wp-block-group.partitRegidor p{
margin:0px;
}*/
.regidor-nom h2 {
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 0.3rem;
color:#a6193c;
}
.contacteAmbRegidor{
position: relative;
padding: 10px 15px 10px 60px;
padding: 0.625rem 0.9375rem 0.625rem 3.75rem;
background: #f2f2f2;
border-radius: 10px;
border-radius: 0.625rem;
-webkit-border-radius: 0.625rem;
color:#a6193c;
}
.contacteAmbRegidor a{
color:#a6193c;
}
.agendaRegidor{
position: relative;
padding: 10px 15px 10px 60px;
padding: 0.625rem 0.9375rem 0.625rem 3.75rem;
background: #f2f2f2;
border-radius: 10px;
border-radius: 0.625rem;
-webkit-border-radius: 0.625rem;
}
.mesInformacio{
position: relative;
padding: 10px 15px 10px 60px;
padding: 0.625rem 0.9375rem 0.625rem 3.75rem;
background: #f2f2f2;
border-radius: 10px;
border-radius: 0.625rem;
-webkit-border-radius: 0.625rem;
}
/* composició comissions i organismes */
.comissions-organismes {
max-width: 80% !important;
margin-left: auto;
margin-right: auto;
padding: 60px 20px;
}
.is-layout-constrained > .bloc-comissio {
max-width: 100% !important;
}
.entry-content .alignwide.comissions-organismes {
width: 100%;
max-width: 100% !important;
margin-left: auto;
margin-right: auto;
}
.titol-seccio {
text-align: center;
margin-bottom: 60px;
font-size: 2rem;
}
.bloc-comissio {
display: flex;
gap: 50px;
margin-bottom: 70px;
padding: 40px;
background: #f7f7f7a6;
border-top: 4px solid #a6193c;
}
.info-comissio {
flex: 1;
max-width: 300px;
}
.info-comissio h3 {
margin-bottom: 15px;
font-size: 1.4rem;
}
.info-comissio p {
line-height: 1.6;
color: #444;
}
.titolJuntaGovern h2 {
position: relative;
display: inline-block;
}
.titolJuntaGovern h2::after {
content: '';
display: block;
height: 4px;
width: 100px;
background-color: #a6193c;
margin-top: 0.5rem;
}
.enllac-normativa {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 18px;
font-weight: 600;
text-decoration: none;
color: #a6193c;
}
/*.enllac-normativa::before {
content: "📄";
font-size: 0.9rem;
}*/
.enllac-normativa:hover {
text-decoration: underline;
}
.membres-grid {
display: flex;
flex-wrap: wrap;
gap: 15px; /* espacio entre membres */
}
.membres-grid > .wp-block-group {
flex: 1 0 120px; /* ancho mínimo de cada membre */
max-width: 180px; /* opcional */
text-align: center;
}
.membres-grid img {
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
border-radius: 5px;
}
.membre {
width: 200px;
text-align: center;
transition: transform 0.2s ease;
margin-block-start: 0 !important;
margin-block-end: 0 !important;
}
/*.membres-comissio > .membre:first-child {
margin-block-start: 20px !important;
}
.membre:first-child {
margin-block-start: 20px !important;
}*/
.membre:hover {
transform: translateY(-4px);
}
/*.foto-regidor img {
width: 120px;
height: 120px;
object-fit: cover;
border-radius: 50%;
}
*/
/*.foto-regidor img {
width: 160px;
height: 160px;
object-fit: cover;
border-radius: 0;
}
*/
.nom-regidorJG h4{
font-weight: 600;
margin-top: 12px;
font-size: 1rem;
}
.carrec-regidorJG {
font-size: 0.9rem;
color: #666;
margin-top: 4px;
text-align:center;
}
@media (max-width: 768px) {
.bloc-comissio {
flex-direction: column;
padding: 30px;
}
.info-comissio {
max-width: 100%;
}
.membres-comissio {
justify-content: center;
}
}
/*regidors*/
p {
text-align: justify;
font-size:1rem;
font-family:'Montserrat';
}
.graella-6-cv {
display: grid;
gap: 2rem;
max-width: 1200px;
margin: 2rem auto;
justify-items: center;
}
.graella-6-cv .wp-block-columns {
display: flex;
justify-content: center;
gap: 2rem;
width:100%;
}
.graella-6-cv .wp-block-column {
flex: 1;
max-width: 300px;
display: flex;
flex-direction: column;
align-items: center;
}
.requadreVerd{
background-color: var(--color-verd-escut);
padding: 1rem;
border-radius: 5px;
}
.contornVerd{
border: 9px solid var(--color-verd-escut);
border-radius: 5px;
}
.contornGroc{
border: 9px solid var(--color-groc-escut);
border-radius: 5px;
}
.requadreGroc{
background-color: var(--color-groc-escut);
padding: 1rem;
border-radius: 5px;
}
.contornGranate{
border: 9px solid var(--color-granate-escut);
border-radius: 5px;
}
.contornRosa{
border: 9px solid var(--color-rosa-escut);
border-radius: 5px;
}
.requadreGranate{
background-color: var(--color-granate-escut);
padding: 1rem;
border-radius: 5px;
}
.requadreRosa{
background-color: var(--color-rosa-escut);
padding: 1rem;
border-radius: 5px;
}
.graella-6-cv .wp-block-column .wp-block-group {
width: 100%;
height: 260px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 1rem;
transition: all 0.3s ease;
}
.nomRegidorGraella h2.uagb-heading-text {
font-size: 2.3rem;
color: #000;
font-weight: bold;
display: block;
text-align: center;
line-height: 1.2;
margin:0;
}
.nomRegidorGraella h2.uagb-heading-text span.first-line {
display: block; /* la primera palabra en bloque */
margin-bottom: 0.2rem;
}
.nomRegidorGraella h2.uagb-heading-text span:not(.first-line) {
display: inline;
margin:0;
line-height:1.1;
background-color: var(--color-verd-escut);
color: #fff;
padding: 0.5rem 1rem;
display: inline-block;
border-radius: 5px;
}
.nomRegidorGraella p.carrecRegidora {
font-size: 1.5rem;
color:var(--color-verd-escut);
font-weight: bold;
margin-top: 0.5rem;
text-align: center;
}
.wp-block-uagb-advanced-heading.uagb-block-6c1d6630 h2 {
background-color: var(--color-verd-escut);
color: #fff;
padding: 0.5rem 1rem;
display: inline-block;
border-radius: 5px;
}
.requadreTitolXarxes{
background-color: var(--color-groc-escut);
padding: 0.5rem 1rem;
display: inline-block;
border-radius: 5px;
}
.requadreTitolXarxes h2{
color: #fff;
font-size:3.3rem;
}
.graella-6-cv .wp-block-column .wp-block-group figure {
/* border: 9px solid #CA003D; */
padding: 1rem;
display: flex;
justify-content: center;
align-items: center;
/* background-color: #fff; */
margin: 0;
width: 100%;
box-sizing: border-box;
}
.graella-6-cv .wp-block-column .wp-block-group figure img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
/*.graella-6-cv h2 {
font-size: 1.3rem;
margin-bottom: 0.5rem;
color: #a6193c;
text-align: center;
}*/
.graella-6-cv p {
font-size: 0.95rem;
color: #444;
text-align: center;
}
.contactarBlocReg h2{
font-size:2.5rem;
}
.contactarBlocReg a {
color:·#1e858f;
}
.xarxesRequadre {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.xarxesRequadre .xarxaR {
display: flex;
align-items: center;
gap: 0.5rem;
}
.xarxesRequadre .xarxaR i {
background-color: #fac807;
color: #fff;
padding: 0.45rem;
border-radius: 4px;
width: 1.8rem;
height: 1.8rem;
display: flex;
align-items: center;
justify-content: center;
}
.xarxesRequadre .xarxaR span {
color: #fac807;
font-weight: 700;
font-size: 1.3rem;
}
.requadreGroc h2 {
font-size: 1.8rem;
font-weight: bold;
color: #fff;
margin-bottom: 0.6rem;
}
.requadreGranate p {
font-size: 1.2rem;
color: #fff;
font-weight: 600;
line-height: 1.4;
}
.requadreGroc p {
font-size: 1.2rem;
color: #fff;
font-weight: 600;
line-height: 1.4;
}
.contornVerd h2 {
font-size: 1.8rem;
font-weight: bold;
color: var(--color-verd-escut);
margin-bottom: 0.6rem;
}
.contornVerd p {
font-weight: 600;
}
.destacarCorreu{
/*background-color: var(--color-verd-escut);*/
color: #fff;
padding: 0.5rem 1rem;
display: inline-block;
border-radius: 5px;
}
.destacarCorreu a{
color: var(--color-verd-escut);
font-size:1rem;
}
.contornVerd a {
color: var(--color-verd-escut);
font-weight: 700;
text-decoration: none;
text-transform:lowercase;
}
.requadreGranate h2 {
font-size: 1.8rem;
}
/* Responsive */
@media (max-width: 1024px) {
.graella-6-cv .wp-block-columns {
flex-wrap: wrap;
justify-content: center;
}
.graella-6-cv .wp-block-column {
max-width: 45%;
margin-bottom: 2rem;
}
.graella-6-cv .central img {
width: 140px;
height: 140px;
}
}
@media (max-width: 768px) {
.graella-6-cv .wp-block-column {
max-width: 100%;
}
.graella-6-cv .wp-block-column .wp-block-group {
height: auto;
}
.graella-6-cv .central img {
width: 120px;
height: 120px;
}
}
/*gabinet premsa*/
.gabinet {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
display:block;
}
.contenidorGabinet{
display:flex;
flex-direction: column;
}
/*.post-1905 .entry-content {
background-image: url("/wp-content/uploads/2025/banners/gabinet4.png");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}*/
.wp-block-group.sloganGrup{
position:relative;
display:inline-block;
}
.sloganGrup .slogan{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-bottom:2rem;
width: 100%;
}
h2.slogan{
font-size:3.5rem;
color: #ff9900;
letter-spacing: 0.7rem;
text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
text-align: center;
}
.onSom{
color:#fff;
font-size:2rem;
padding:1rem;
font-weight: 600;
text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
text-align:justify;
}
.entry-content p:not(.onSom p) {
margin-bottom: 0;
}
.entry-content p:not(.contactans p) {
margin-bottom: 0;
}
.descripcioQueFem{
align-self: flex-start;
max-width: 800px;
margin: -5rem auto 2rem 0;
padding: 1rem 2rem;
letter-spacing: 0.05rem;
line-height: 1.6;
color: #333;
background-color: #f1ddbf;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
text-align: justify;
}
.contactans{
color:#fff;
font-size:2rem;
padding:1rem;
font-weight: 600;
text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
text-align:justify;
}
/* responsive: en pantallas pequeñas centramos y quitamos márgenes negativos */
@media (max-width: 768px) {
.wp-block-group.descripcioOnSom {
align-self: center;
margin: 0 auto 1rem;
max-width: 95%;
}
}
.descripcioQueFem {
margin-left: 0 !important;
margin-right: auto !important;
}
.descripcioOnSom {
margin-left: auto !important;
margin-right: 0 !important;
}
/*.descripcioQueFem p{
font-size:1.2rem;
line-height: 1.8;
}*/
.descripcioOnSom {
align-self: flex-end; /* dreta */
max-width: 800px;
margin: 0 0 2rem auto;
padding: 1rem 2rem;
letter-spacing: 0.05rem;
line-height: 1.6;
color: #333;
background-color: #f1ddbf;/*#e9e6e6;*/
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
text-align: justify;
}
.descripcioOnSom p{
font-size:1.2rem;
line-height: 1.8;
}
.blocOnSom{
max-width: 500px;
}
.cosOnSom{
color:#333;
padding:0.5rem;
text-align:justify;
font-size:1.1rem;
margin-block-start: 0;
}
/*gabinet premsa*/
/*educacio*/
.wp-block-group.bloc-columnaEducacio {
padding: 20px;
text-align: center;
border: 3px solid #ff9900;
}
.wp-block-group.bloc-columnaEducacioColor {
position: relative;
background-color: #ff9900;
padding: 20px;
text-align: center;
box-shadow: 0 6px 18px rgba(0, 51, 102, 0.25);
overflow: hidden;
}
.wp-block-group.bloc-columnaEducacioColor::before {
content: "";
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 2px solid #ffffff;
pointer-events: none;
box-sizing: border-box;
}
.wp-block-group.bloc-columnaEducacio:hover {
background-color: #ff9900 !important;
box-shadow: 0 6px 18px rgba(0, 51, 102, 0.25);
transform: translateY(-4px);
}
.wp-block-group.bloc-columnaEducacio:hover .wp-block-group.textEducacio {
background-color: #ff9900 !important;
}
.bloc-columnaEducacio h2, .bloc-columnaEducacio a{
color: #a6193c;
font-weight:700;
font-size:1.8rem;
}
.wp-block-group.bloc-columnaEducacioColor h2, .wp-block-group.bloc-columnaEducacioColor a {
color: #a6193c;
font-weight:700;
font-size:1.8rem;
}
figure.wp-block-image.imatgeEducacio {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
position: relative;
z-index: 0;
padding:0;
}
figure.wp-block-image.imatgeEducacio img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.wp-block-group.textEducacio{
background-color: #f8f8f8;
padding: 1rem;
margin: 0;
}
.capEducacio {
position: relative;
display: flex;
flex-direction: column;
gap: 0.5rem;
align-items: center;
justify-content: center;
width: 100%;
height: 400px;
overflow: hidden;
}
.capEducacio img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
opacity:0.5;
}
.capEducacio p{
color:#a41e34;
font-size: 1.2rem;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
margin: 0;
z-index: 1;
}
.capEducacio .educacio {
position: absolute;
color: #a41e34;
font-size: 4rem;
text-align: center;
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
letter-spacing: 0.1em;
z-index: 2;
font-weight: 700;
text-transform: uppercase
}
/*.wp-block-group.bloc-columnaEducacio :hover::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
background-image: url('/wp-content/uploads/2025/banners/lesMuralles.png');
background-size: cover;
background-position: center;
opacity: 0.85;
transition: opacity 0.4s ease-in-out;
z-index: 0;
}*/
.wp-block-group.muralles {
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
.wp-block-column.bloc-columnaEducacio h3,
.wp-block-column.bloc-columnaEducacio p {
transition: color 0.3s ease;
}
/*educacio*/
/*festa major*/
.entry-content[data-ast-blocks-layout] > .festa
{
max-width: 100vw !important;
width: 100vw !important;
margin-left: 50% !important;
transform: translateX(-50%) !important;
margin-top: -24px !important;
margin-bottom: 0px;
}
.entry-content[data-ast-blocks-layout] > .blocFesta{
max-width: 100vw !important;
}
.wp-block-group.blocFesta{
background-color:#a6193c;
margin-bottom:1rem;
}
.blocFesta .wp-block-columns {
align-items: center !important;
color:#fff;
font-weight:500;
}
.wp-block-group.blocFesta p{
font-size:1.2rem;
letter-spacing: 0.08em;
line-height: 1.6;
padding: 2rem;
text-align:justify;
}
.submenuFormat{
font-size:1rem;
}
/*festa major*/
/*llar*/
/*
.titolLlar{
padding:1rem;
}
.is-layout-constrained > :where(.titolLlar:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.titolLlar h2{
font-size: 3rem;
font-weight: 800;
letter-spacing: 2px;
font-family: 'Baloo 2', cursive;
color:#d88b0c;
}
.entry-content > .wp-block-group.llar {
margin: 0 !important;
padding: 0 !important;
max-width: 100% !important;
width: 100% !important;
}
.imatgeLlar {
position: relative;
display: inline-block;
width: 100%;
text-align: center;
}
.blocLlar{
display:flex;
flex-direction:column;
justify-content: center;
align-items: center;
overflow: hidden;
}
.imatgeLlar img {
width: 100%;
height: auto;
display: block;
}
.logoMerlets {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.logoMerlets img {
width: 100%;
height: auto;
}
.btn-nosaltres {
position:absolute;
bottom:10%;
display: inline-block;
background-color: #ffb703;
color: #333;
font-weight: 700;
font-size: 1rem;
text-transform: uppercase;
text-decoration: none;
padding: 0.4rem 1rem;
border-radius: 5px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
}
.blocLlar .btn-nosaltres .wp-block-button__link {
border: none;
color:#FFF;
}
.btn-nosaltres:hover {
background-color: #fff;
transform: scale(1.05);
}
.is-layout-constrained > :where(.wp-block-image.imatgeLlar:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.is-layout-constrained > :where(.blocLlar:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.wp-block-group.imatgeFonsLlar {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2rem;
overflow: hidden;
min-height: 450px;
padding: 4rem 6rem;
position: relative;
z-index: 0;
}
.wp-block-group.imatgeFonsLlar::before {
content: "";
position: absolute;
inset: 0;
background-image: url("/wp-content/uploads/2025/banners/animals.png");
background-position: 70% 60%;
background-repeat: no-repeat;
background-size: contain;
opacity: 0.3;
z-index: 0;
transition: all 0.3s ease;
}
.imatgeFonsLlar ::after {
content: "";
position: absolute;
inset: 0;
background: url("/wp-content/uploads/2025/banners/punts.png") center/contain repeat;
opacity: 0;
transform: scale(0.5);
animation: botarPunts 3s ease-in-out forwards;
}
@keyframes botarPunts {
0% {
opacity: 0;
transform: scale(0.5) translateY(0);
}
50% {
opacity: 1;
transform: scale(1) translateY(-10px);
}
100% {
opacity: 1;
transform: scale(1) translateY(0);
}
}
.tres-blocs {
display: flex;
flex-direction: column;
gap: 50px;
margin-bottom:1rem;
}
.imatge-amb-mascara{
width: 350px;
height: 350px;
background-image: url('/wp-content/uploads/2025/banners/puzzle.png');
background-size: cover;
background-position: center;
-webkit-mask-image: url('/wp-content/uploads/2025/banners/puzzle.png');
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: center;
mask-image: url('/wp-content/uploads/2025/banners/puzzle.png');
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center;
mask-composite: intersect;
-webkit-mask-composite: destination-in;
}
.imatge-amb-mascara2{
width: 400px;
height: 400px;
background-image: url('/wp-content/uploads/2025/banners/textura-borrado.png');
background-size: cover;
background-position: center;
-webkit-mask-image: url('/wp-content/uploads/2025/banners/textura-borrado.png');
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-position: center;
mask-image: url('/wp-content/uploads/2025/banners/textura-borrado.png');
mask-repeat: no-repeat;
mask-size: cover;
mask-position: center;
mask-composite: intersect;
-webkit-mask-composite: destination-in;
}
.blocApartatsLlar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.bloc-llista {
flex: 1;
text-align: left;
max-width: 500px;
}
.bloc-llista p{
font-size:1.3rem;
}
.bloc-llista ol {
list-style: none;
padding: 0;
margin: 0;
}
.bloc-llista li {
display: flex
;
align-items: center;
margin-bottom: 15px;
font-size: 1.1rem;
color: #333;
padding: 10px 15px;
}
.bloc-llista li span {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #A0C3CE;
color: #fff;
font-weight: bold;
border-radius: 50%;
width: 35px;
height: 35px;
margin-right: 15px;
font-size: 1.1rem;
}
.wp-block-group.preinscripcio{
background: url(/wp-content/uploads/2025/banners/guarderia.jpeg) no-repeat center / cover;
padding: 6rem 2rem;
text-align: center;
color: white;
border-radius: 20px;
margin: 1.5rem;
position: relative;
z-index: 1;
display:flex;
flex-direction: column;
}
.entry-content[data-ast-blocks-layout] > .benvingutsLlar{
max-width: 100vw !important;
}
.wp-block-button.preinscripcioButton {
margin-top: 1.5rem;
background: #ffca28;
color: #333;
border: none;
padding: 1rem 2rem;
font-size: 1.2rem;
border-radius: 30px;
cursor: pointer;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
transition: 0.3s;
}
.preinscripcio h2{
font-size: 2.8rem;
}
.comLlar,
.metodologia {
width: 50%;
position: relative;
z-index: 1;
text-align: left;
}
.metodologia, .textMetodologia {
width: 30%;
position: relative;
z-index: 1;
text-align: justify;
}
.comLlar {
margin-bottom: 1rem;
}
.metodologia {
margin-top: -0.5rem;
}
.comLlar h1 {
font-size: 4rem;
font-weight: 800;
color: #7a7a7a;
}
.metodologia h2 {
font-size: 2.3rem;
font-weight: 800;
color: #4a4a4a;
}
.comLlar h1,
.metodologia h2 {
display: inline-block;
padding: 0.5rem 1rem;
border-radius: 10px;
}
@media (max-width: 768px) {
.wp-block-group.imatgeFonsLlar {
padding: 2rem;
gap: 1.5rem;
align-items: center;
}
.wp-block-group.imatgeFonsLlar::before {
background-size: contain;
background-repeat: no-repeat;
opacity: 0.3;
}
.comLlar,
.metodologia {
width: 100%;
text-align:left;
margin-bottom:0;
}
.textMetodologia {
width:100%;
}
.logoMerlets {
width: 120px;
height: 120px;
}
.comLlar h1 {
font-size: 2.5rem;
}
.metodologia h2 {
font-size: 2rem;
}
.wp-block-group.imatgeFonsLlar::before {
background-position: center;
background-size: cover;
opacity: 0.25;
}
.titolLlar h2{
font-size: 2rem;
}
.blocLlar .btn-nosaltres {
display: none !important;
}
}
.entry-content[data-ast-blocks-layout] > .wp-block-group.imatgeFonsLlar {
max-width: 100vw !important;
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
box-sizing: border-box;
}
.blocLlar {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
z-index: 0;
}
.blocLlar::before {
content: "";
position: absolute;
inset: 0;
background: url("/wp-content/uploads/2025/banners/punts.svg") center/cover repeat;
opacity: 0.4;
z-index: 1;
pointer-events: none;
}
.blocLlar > * {
position: relative;
z-index: 2;
}
.blocLlar::before {
animation: mourePunts 12s linear infinite;
}
@keyframes mourePunts {
from { background-position: 0 0; }
to { background-position: 200px 200px; }
}
*/
.hero-llar {
position: relative;
min-height: 75vh;
display: flex;
flex-direction: column; /* CLAVE */
align-items: flex-start;
justify-content: center;
padding: 80px 60px;
border-radius: 20px;
overflow: hidden;
color: #1f2d2a;
}
/* Fondo imagen */
.hero-llar::before {
content: "";
position: absolute;
inset: 0;
background-image: url("/wp-content/uploads/2025/banners/llarclasse.png");
background-size: cover;
background-position: center;
z-index: 0;
}
.hero-llar::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(255,255,255,0.92) 0%,
rgba(255,255,255,0.70) 45%,
rgba(255,255,255,0.10) 100%
);
z-index: 1;
}
/* Contenido encima del fondo */
.hero-llar > * {
position: relative;
z-index: 2;
max-width: 600px;
}
.hero-llar h1 {
font-size: 3rem;
margin-bottom: 15px;
line-height: 1.1;
}
.hero-llar p {
font-size: 1.2rem;
margin-bottom: 25px;
color: #3a4a46;
}
.hero-llar .btn-primary {
display: inline-block;
background: #2a7f6f;
color: #fff;
padding: 14px 26px;
border-radius: 12px;
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
}
.hero-llar .btn-primary:hover {
background: #236a5d;
transform: translateY(-2px);
}
.hero-menuLlar {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 40px;
padding: 12px 20px;
background: rgba(255,255,255,0.75);
backdrop-filter: blur(10px);
border-radius: 14px;
}
.hero-menuLlar a {
text-decoration: none;
font-weight: 500;
margin: 0 12px;
transition: 0.3s;
}
.hero-menuLlar a:hover {
color: #2a7f6f;
}
.que-oferim-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.que-card p {
min-height: 48px;
text-align:center;
}
.que-card {
box-shadow: 0 10px 25px rgba(0,0,0,0.05);
transition: all 0.3s ease;
height: 100%;
display: flex;
text-align:center;
}
.que-card h3 {
font-size: 1.1rem;
margin-bottom: 10px;
}
.que-card .iconLLar .wp-block-uagb-image__figure {
width: 100px;
height: 100px;
margin: 0 !important;
background-color: #dff5e1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.que-card .iconLLar .wp-block-uagb-image__figure img {
width: 80px;
height: 80px;
object-fit: contain;
display: block;
}
.que-card p {
font-size: 0.95rem;
color: #5f6f6a;
}
.preins-btn .wp-block-button__link {
background: #2a7f6f;
color: #fff;
padding: 14px 26px;
border-radius: 12px;
font-weight: 500;
transition: all 0.3s ease;
}
.preins-btn .wp-block-button__link:hover {
background: #236a5d;
transform: translateY(-2px);
}
.preins-eyebrow {
font-size: 0.8rem;
letter-spacing: 1px;
color: #6b7c77;
margin-bottom: 10px;
}
/* RESPONSIVE */
@media (max-width: 992px) {
.que-oferim-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.que-oferim-grid {
grid-template-columns: 1fr;
}
}
/* Responsive */
@media (max-width: 768px) {
.hero-llar {
padding: 50px 20px;
text-align: center;
justify-content: center;
}
.hero-llar h1 {
font-size: 2.2rem;
}
}
/*llar*/
/* Responsive */
@media (max-width: 1024px) {
.wp-block-group.regidors-grid-alt {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.wp-block-group.regidors-grid-alt {
grid-template-columns: 1fr;
}
}
/* regidors*/
/*actes ple*/
.ple-gridActes {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.ple-cardActes {
border: 1px solid #ddd;
padding: 10px;
border-radius: 8px;
background: #fff;
transition: box-shadow .2s;
}
.ple-cardActes:hover {
box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}
.ple-cardActes img {
width: 100%;
border-radius: 6px;
margin-bottom: 10px;
}
.ple-cardActes h4 {
font-size: 16px;
margin: 5px 0;
min-height: 40px;
}
.ple-cardActes .ple-dateActes {
font-size: 13px;
color: #555;
}
/*fi actes ple*/
/*composicio ple*/
.composicio-ple {
max-width: 1100px;
margin: 40px auto;
padding: 0 20px;
text-align: center;
}
.ple-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
gap: 25px;
align-items: stretch;
}
.wp-block-column.ple-card {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
background: #fff;
border-radius: 12px;
}
.ple-card .wp-block-uagb-image img {
width: 100%;
max-width: 180px;
height: 180px;
object-fit: cover;
border-radius: 50%;
display: block;
}
.ple-card h3 {
margin: 10px 0 5px;
color: #a6193c;
margin: 10px 0px 5px;
font-size: 1.1rem;
font-weight: 600;
}
.ple-card p {
margin: 3px 0;
color: #555;
}
.ple-card a {
display: inline-block;
margin-top: 10px;
padding: 8px 14px;
border-radius: 20px;
background: #fbeff2;
color: #a6193c;
text-decoration: none;
}
.ple-separator {
display: flex;
justify-content: center;
align-items: center;
height: 10px;
margin: 50px 0 25px;
border-radius: 6px;
}
}
.ple-separator .wp-block-uagb-image__figure {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
.ple-separator img {
width: 80px !important;
height: 80px !important;
object-fit: cover !important;
border-radius: 50%;
background: #fff;
padding: 4px;
border-radius: 50%;
position: relative;
}
.ple-card .wp-block-uagb-image img {
width: 200px !important;
height: 200px !important;
max-width: 200px !important;
object-fit: cover;
}
.ple-separator img {
z-index: 2;
}
.ple-card .cargo {
color: rgb(85, 85, 85);
font-size: 1rem;
margin-bottom: 5px;
text-align: center;
font-style: italic;
}
.ple-card .partit {
font-weight: 600;
font-size: 0.85rem;
margin-bottom: 12px;
text-align: center;
color: rgb(166, 25, 60);
}
.ple-card .email {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 0.9rem;
color: #a6193c;
background: #fbeff2;
padding: 8px 12px;
border-radius: 20px;
text-decoration: none;
transition: all 0.2s ease;
}
.ple-card .email::before {
content: "✉️";
font-size: 1rem;
}
.ple-card .email:hover {
background: #f4d6dd;
color: #7f0f2d;
}
/*div.ple-separator img {
width: 80px !important;
height: 80px !important;
max-width: 80px !important;
max-height: 80px !important;
object-fit: cover !important;
background: #fff;
padding: 4px;
border-radius: 50%;
}*/
/* COLORS */
.ple-separator.partit-a { background: #CA003D; }
.ple-separator.partit-b { background: #ffe475; }
.ple-separator.partit-c { background: #c42382; }
.ple-separator.partit-d { background: #00a199; }
.ple-separator.partit-e { background: #ff0110; }
/* =========================
RESPONSIVE
========================= */
@media (max-width: 600px) {
.ple-grid {
grid-template-columns: 1fr !important;
}
.ple-card .wp-block-uagb-image img {
max-width: 130px;
height: 130px;
}
}
/*composicio ple*/
/*ordenances*/
.gov-list {
display: flex;
flex-direction: column;
gap: 14px;
margin-top: 20px;
}
.gov-card {
background: #ffffff;
border: 1px solid #e5e5e5;
padding: 16px 18px;
border-radius: 6px;
transition: all 0.2s ease;
}
.gov-card:hover {
box-shadow: 0 4px 14px rgba(0,0,0,0.08);
transform: translateY(-1px);
}
.gov-card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.gov-tag {
background: #f3f2f1;
color: #505a5f;
font-size: 12px;
padding: 4px 8px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.gov-date {
font-size: 13px;
color: #6f777b;
}
.gov-title {
font-size: 16px;
font-weight: 600;
color: #0b0c0c;
margin-bottom: 12px;
line-height: 1.4;
}
.gov-action {
margin-top: 8px;
}
.gov-button {
display: inline-block;
background: #a6193c;
color: #fff;
padding: 8px 12px;
text-decoration: none;
border-radius: 4px;
font-size: 14px;
}
.gov-button:hover {
background: #620e23;
color:#fff;
}
/* FORZAR GRID SOBRE SPECTRA */
.gov-ordenances-grid.uagb-is-root-container > .uagb-container-inner-blocks-wrap {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px;
}
.gov-ordenances-card {
transition: all 0.2s ease;
}
.gov-ordenances-card {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
.wp-block-group.is-layout-constrained > .gov-ordenances-card {
margin-left: 0 !important;
margin-right: 0 !important;
}
.gov-ordenances-card .uagb-heading-text {
margin: 0 !important;
text-align: left !important;
}
.gov-ordenances-card .gov-tag,
.gov-ordenances-card .gov-date {
margin: 0 !important;
}
.gov-ordenances-card .uagb-container-inner-blocks-wrap {
display: flex;
flex-direction: column;
gap: 10px;
padding: 16px 18px;
border: 1px solid #e5e5e5;
border-radius: 6px;
background: #fff;
}
.gov-ordenances-card:hover .uagb-container-inner-blocks-wrap {
box-shadow: 0 4px 14px rgba(0,0,0,0.08);
transform: translateY(-1px);
}
.gov-ordenances-card .gov-card-header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.gov-ordenances-card .gov-tag .uagb-heading-text {
margin: 0;
font-size: 13px;
font-weight: 600;
color: #505a5f;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.gov-ordenances-card .gov-date {
font-size: 13px;
color: #6f777b;
margin: 0;
}
.gov-ordenances-card .gov-title .uagb-heading-text {
font-size: 16px;
font-weight: 600;
color: #0b0c0c;
line-height: 1.4;
margin: 0;
text-align: left;
}
.gov-ordenances-card .wp-block-uagb-buttons-child,
.gov-ordenances-card .wp-block-uagb-buttons__wrap,
.gov-ordenances-card .wp-block-button {
display: flex;
justify-content: flex-start !important;
text-align: left !important;
width: 100%;
}
.gov-ordenances-card .wp-block-uagb-buttons__wrap {
display: flex;
justify-content: flex-start;
}
.gov-ordenances-card a.wp-block-button__link {
display: inline-flex;
align-items: center;
background: #a6193c !important;
color: #fff !important;
border: none !important;
box-shadow: none !important;
padding: 12px 12px;
border-radius: 4px;
font-size: 13px;
text-decoration: none;
}
/* hover botón */
.gov-ordenances-card a.wp-block-button__link:hover {
background: #620e23 !important;
color: #fff !important;
}
@media (max-width: 1024px) {
.gov-ordenances-grid.uagb-is-root-container > .uagb-container-inner-blocks-wrap {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 768px) {
.gov-ordenances-grid.uagb-is-root-container > .uagb-container-inner-blocks-wrap {
grid-template-columns: 1fr !important;
}
}
.docs-container {
padding: 80px 40px;
}
.card-doc {
background: white;
border-radius: 12px;
padding: 30px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
transition: 0.2s;
}
.card-doc:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}
@media (max-width: 768px) {
.docs-container {
padding: 40px 20px;
}
}
/*fi ordenances*/
/*ovt*/
.tramits-box {
display: flex;
align-items: center;
margin-top:1.25rem;
gap: 60px;
padding: 80px 60px;
/*background: linear-gradient(135deg, #eaf6f3 0%, #cee6e1 50%, #b9d9d3 100%);*/
border-radius: 16px;
position: relative;
overflow: hidden;
z-index: 0;
}
.tramits-box::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 20% 20%, rgba(31,111,235,0.08), transparent 40%);
pointer-events: none;
z-index: -1;
}
.tramits-box2 {
display: flex;
align-items: center;
margin-top:1.25rem;
gap: 60px;
padding: 80px 60px;
/*background: linear-gradient(135deg, #f7f9fc 0%, #eef3f9 100%);*/
border-radius: 16px;
position: relative;
overflow: hidden;
z-index: 0;
}
.tramits-box2::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 20% 20%, rgba(31,111,235,0.06), transparent 45%);
pointer-events: none;
z-index: -1;
}
.tramits-box .wp-block-column:first-child {
flex: 1.2;
position: relative;
z-index: 2;
}
.tramits-box h2 {
font-size: 1.8rem;
font-weight: 700;
/*color: #1b1f2a;*/
margin-bottom: 18px;
line-height: 1.2;
}
.tramits-box p {
font-size: 1rem;
/*color: #5a6475;*/
line-height: 1.6;
max-width: 95%;
margin-bottom: 28px;
}
.tramits-box .wp-block-button__link {
color: #fff;
font-weight: 600;
text-decoration: none;
box-shadow: 0 8px 20px rgba(31,111,235,0.2);
transition: 0.25s ease;
}
.tramits-box .wp-block-button__link:hover {
transform: translateY(-2px);
background: #df8702;
box-shadow: 0 12px 30px rgba(31,111,235,0.25);
}
.tramits-box2 .wp-block-button__link {
color: #fff;
font-weight: 600;
text-decoration: none;
box-shadow: 0 8px 20px rgba(31,111,235,0.2);
transition: 0.25s ease;
}
.tramits-box2 .wp-block-button__link:hover {
transform: translateY(-2px);
background: #df8702;
box-shadow: 0 12px 30px rgba(31,111,235,0.25);
}
.tramits-box .wp-block-column:last-child {
flex: 1;
position: relative;
z-index: 2;
}
.tramits-box .wp-block-list li{
font-weight:600;
}
.tramits-box img {
width: 100%;
height: 100%;
min-height: 380px;
object-fit: cover;
border-radius: 18px;
}
@media (max-width: 900px) {
.tramits-box {
flex-direction: column;
padding: 50px 25px;
gap: 30px;
}
.tramits-box h2 {
font-size: 1.4rem;
}
.tramits-box img {
max-height: 280px;
}
.tramits-box .wp-block-list li{
font-size:1rem;
}
.tramits-box2 {
flex-direction: column;
padding: 50px 25px;
gap: 30px;
}
.tramits-box2 h2 {
font-size: 1.4rem;
}
.tramits-box2 img {
max-height: 280px;
}
.tramits-box2 .wp-block-list li{
font-size:1rem;
}
}
/*fi ovt*/
/*per assegurar qeu el cursor es veu dins de l'editor*/
.editor-styles-wrapper .organs-contenido {
position: relative;
z-index: 10 !important;
}
.editor-styles-wrapper .organs-banner::before {
pointer-events: none;
}
/*fi per assegurar qeu el cursos es veu dins de l'editor*/