/* INICIO - quito secciones masterpage */
/* Muestra solo el primer <li> */

.nav-item,
#mobileContacts {
    display: none;
}

#ContactButton,
#ContactButtonA,
.nav-item.br,
#langItem {
    display: block;
}

#ContactButton .submenu_topmenu {
    display: block;
}

@media (max-width: 768px) {
    #menuList li#langButton_mobile {
        display: block;
    }
}

#menuList li:first-child {
    display: block;
}

#DeltaSiteLogoD {
    text-align: left;
}

#menuList {

    text-align: left;
    margin: 0 auto 0 auto;
    width: 100%;
    display: table;
    padding: 0px;

}

#mobileSearch {
    margin-left: 18px;       /* antes: auto (esto generaba el hueco enorme) */
    flex: 0 0 auto;
}

/* FIN - quito secciones masterpage */

.GreenMagicBanner {
    background-color: #439035;
    overflow: visible;
    margin-top: 15rem;
}

.GreenMagicBannerOriginal {
    background-color: #439035;
    overflow: visible;
}

.pv-80 {
    padding: 18rem !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

body p {
    font-size: 1.25em;
    color: #000;
}

#calendarioDeActividades {
    margin-bottom: 15rem;
}

.titulo-redondeado {
    background-color: #1CA14C;
    color: white !important;
    padding: 10px 20px;
    margin-bottom: 2px; /* ✅ FIX: faltaba unidad */
    border-radius: 50px;
    text-align: center;
    font-size: 5rem !important;
    font-family: Arial, sans-serif;
    display: inline-block;
    line-height: 1 !important;
}

body {
    font-family: Arial, sans-serif;
    /* Asegurando una fuente común que soporte negrita */
}

.custom-container {
    text-align: center;
    padding: 20px;
    background-color: white;
}

.custom-header .custom-title {
    color: #00A157;
    font-weight: bold;
}

.custom-header .custom-subtitle {
    font-size: 1.25em;
    color: #444;
    font-weight: bold;
}

.custom-header .custom-highlight {
    color: #95c840;
    font-weight: bold;
}

.custom-download-section {
    margin: 20px 0;
}

.custom-download-button {
    background-color: #95c840;
    color: #ffffff;
    font-weight: bold;
    padding: 0.1em 1em;
    text-decoration: none;
    border-radius: 50px;
    display: inline-block;
    font-size: 1.5em;
    border: none;
    /* Sin borde */
}

/* a:hover {
    color: #fff;
    text-decoration: underline !important;
} */

.custom-reservation-section {
    margin: 20px 0;
}

.custom-banner {
    background-color: #00A157;
    color: white;
    padding: 20px 25px;
    margin-bottom: 20px;
    font-size: 1.4em;
    position: relative;
    font-weight: bold;
    /* Negrita */
}

/* ✅ FIX: el @media anidado no es CSS válido (era SCSS). Se separa */
.custom-floating-image {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 780px) {
    .custom-floating-image {
        top: -29%;
        transform: none;
    }
}

.green-text-bold {
    color: green;
    font-weight: bold;
}

h2 {
    font-size: 2em;
}

#uniteClubTePaga h2 {
    color: rgba(128, 176, 0, 1);
}

#uniteClubTePaga p {
    color: #000 !important;
}

#uniteClubTePaga {
    background-color: #f4f4f4;
    margin-bottom: 4rem;
}

#uniteClubTePagaEnRedes {
    margin-top: 6rem;
    margin-bottom: 4rem;
}

#videosYouTube {
    margin-top: 6rem;
    margin-bottom: 4rem;
}

#Carrousel {
    margin-top: 6rem;
    margin-bottom: 4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#Carrousel img {
    margin: 2px;
}

#alcanceComunitario {
    margin-top: 6rem;
    margin-bottom: 4rem;
}

#alcanceComunitario .container {
    background-color: #c6e5ce;
    padding: 0px;
}

#alcanceComunitario h2 {
    color: #1CA14C;
}

#alcanceComunitario p {
    color: #000;
}

#alcanceComunitario .col-12,
#alcanceComunitario .col-sm-12,
#alcanceComunitario .col-md-6 {
    margin: 0px;
    padding: 0px;
}

#mapaMunicipios {
    margin-top: 6rem;
    margin-bottom: 4rem;
}

#centrosDeservicio {
    margin-top: 6rem;
    margin-bottom: 4rem;
}

#kitten-box1 > .box:hover,
#kitten-box7 > .box:hover {
    background: rgba(128, 176, 0, 1);
}

section {
    margin-top: 1rem;
}

.light-greybg {
    background-color: #f4f4f4;
}

.main-container {
    width: 100%;
    box-sizing: border-box;
}

.overflow-image {
    position: absolute;
    top: -32rem;
    left: 0;
    width: 100%;
}

/* Contenedor de imagen */
.img-container {
    flex: 1;
    overflow: hidden;
}

/* Estilo para la imagen */
.img-container img {
    width: 100%;
    height: auto;
    display: block;
}

/* Contenedor de texto */
.text-container {
    flex: 1;
    background-color: #e3f6df;
    padding: 20px;
    box-sizing: border-box;
}

/* Estilos para el texto */
.text-container h2 {
    color: #2e7d32;
    font-size: 28px;
    margin-bottom: 10px;
}

.text-container p {
    font-size: 18px;
    margin-bottom: 10px;
}

/* Mostrar imágenes como carrusel solo en pantallas pequeñas */
@media (max-width: 768px) {
    .mobileHide {
        display: none;
    }

    .desktopHide {
        display: block;
    }
}

/* Mostrar imágenes normales en pantallas grandes y ocultar el slider */
@media (min-width: 769px) {
    .mobileHide {
        display: block;
    }

    .desktopHide {
        display: none;
    }
}

.linkFacebook a:hover {
    color: #000 !important;
    text-decoration: underline !important;
}

.ms-srch-hover-outerContainer {
    display: none;
}

.textoblanco {
    color: #FFF !important;
}

.divTextos {
    padding-bottom: 50px;
    padding-top: 13px;
}

img#laImagendesobreDiv {
    position: absolute;
    top: -142px;
    max-width: 287px;
}

.GreenMagicBannerConteiner {
    margin-top: 83px;
}

.col-md-3.MagicImg {
    overflow: visible;
}

.container {
    overflow: visible;
}

img.MediaIcon {
    width: 22px;
}

/* --- estilos google bubble --- */
.gc-bubbleDefault {
    background-color: transparent !important;
    text-align: left;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    table-layout: auto !important;
}

.gc-reset {
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
}

.pls-bubbleTop {
    border-bottom: 1px solid #ccc !important;
}

.pls-contentLeft,
.pls-topTail,
.pls-vertShimLeft {
    background-image: url(//ssl.gstatic.com/s2/oz/images/stars/po/bubblev1/border_3.gif) !important;
}

.pls-topTail {
    background-repeat: repeat-x !important;
    background-position: bottom !important;
}

.pls-vertShim {
    background-color: #fff !important;
    text-align: right;
}

.tbl-grey .pls-vertShim {
    background-color: #f5f5f5 !important;
}

.pls-vertShimLeft {
    background-repeat: repeat-y !important;
    background-position: 100% !important;
    height: 4px;
}

.pls-vertShimRight {
    height: 4px;
}

.pls-confirm-container .pls-vertShim {
    background-color: #fff3c2 !important;
}

.pls-contentWrap {
    background-color: #fff !important;
    position: relative !important;
    vertical-align: top;
}

.pls-contentLeft {
    background-repeat: repeat-y;
    background-position: 100%;
    vertical-align: top;
}

.pls-dropRight {
    background-image: url(//ssl.gstatic.com/s2/oz/images/stars/po/bubblev1/bubbleDropR_3.png) !important;
    background-repeat: repeat-y !important;
    vertical-align: top;
}

.pls-dropBL,
.pls-dropTR .pls-dropBR,
.pls-tailleft,
.pls-vert,
.pls-vert img {
    vertical-align: top;
}

.pls-dropBottom {
    background-image: url(//ssl.gstatic.com/s2/oz/images/stars/po/bubblev1/bubbleDropB_3.png) !important;
    background-repeat: repeat-x !important;
    width: 100%;
    vertical-align: top;
}

.pls-topLeft {
    background: inherit !important;
    text-align: right;
    vertical-align: bottom;
}

.pls-topRight {
    background: inherit !important;
    text-align: left;
    vertical-align: bottom;
}

.pls-bottomLeft {
    background: inherit !important;
    text-align: right;
}

.pls-bottomRight {
    background: inherit !important;
    text-align: left;
    vertical-align: top;
}

.pls-tailbottom,
.pls-tailleft,
.pls-tailright,
.pls-tailtop {
    display: none;
    position: relative;
}

.pls-dropBL,
.pls-dropBR,
.pls-dropTR,
.pls-tailbottom,
.pls-tailleft,
.pls-tailright,
.pls-tailtop {
    background-image: url(//ssl.gstatic.com/s2/oz/images/stars/po/bubblev1/bubbleSprite_3.png) !important;
    background-repeat: no-repeat;
}

.tbl-grey .pls-dropBL,
.tbl-grey .pls-dropBR,
.tbl-grey .pls-dropTR,
.tbl-grey .pls-tailbottom,
.tbl-grey .pls-tailleft,
.tbl-grey .pls-tailright,
.tbl-grey .pls-tailtop {
    background-image: url(//ssl.gstatic.com/s2/oz/images/stars/po/bubblev1/bubbleSprite-grey.png) !important;
}

.pls-tailbottom {
    background-position: -23px 0;
}

.pls-confirm-container .pls-tailbottom {
    background-position: -23px -10px;
}

.pls-tailtop {
    background-position: -19px -20px;
}

.pls-tailright {
    background-position: 0 0;
}

.pls-tailleft {
    background-position: -10px 0;
}

.pls-tailtop {
    vertical-align: top;
}

.gc-bubbleDefault td {
    line-height: 0;
    font-size: 0;
}

.pls-tailbottom,
.pls-topLeft img,
.pls-topRight img {
    vertical-align: bottom;
}

.bubbleDropTR,
.pls-bottomLeft,
.pls-bottomLeft img,
.pls-dropBottom img,
.pls-dropBottomL img,
.pls-dropBottomR img {
    vertical-align: top;
}

.pls-dropTR {
    background-position: 0 -22px;
}

.pls-dropBR {
    background-position: 0 -27px;
}

.pls-dropBL {
    background-position: 0 -16px;
}

.pls-spacerbottom,
.pls-spacerleft,
.pls-spacerright,
.pls-spacertop {
    position: static !important;
}

.pls-spinner {
    bottom: 0;
    position: absolute;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
}

#suiteBarDelta,
#s4-ribbonrow {
    display: none;
}

@media all and (max-width: 1023px) {
    #SliderSearchArea {
        display: none;
    }

    #SearchArea {
        display: none;
    }

    #SliderSearchAreaMobil {
        display: block;
    }
}

@media all and (min-width: 1024px) {
    #SliderSearchArea {
        display: block;
    }

    #SearchArea {
        display: block;
    }

    #SliderSearchAreaMobil {
        display: none;
    }
}

@media (max-width: 1200px) {
    .MagicImg {
        display: none;
    }

    .GreenMagicBannerConteiner {
        margin-top: 0px;
        text-align: center;
    }
}

#DeltaSiteLogoD,
#DeltaSiteLogoD * {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#DeltaSiteLogoD img {
    max-width: 100% !important;
    height: auto !important;
}