@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--green-primary: #69BE57;--blue-links: #40A0D8;--white-color: #ffffff;--light-gray-bg: #f4f4f4;--dark-text: #333333;--border-color: #e0e0e0}body{margin:0;padding:0;font-family:Roboto,sans-serif;line-height:1.6;color:var(--dark-text);background-color:var(--white-color)}.app-container,.main-layout{width:100%}.top-navbar{background-color:#f4f4f4;border-bottom:1px solid var(--border-color);padding:10px 40px;position:sticky;top:0;z-index:1000}.top-navbar .navbar-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.top-navbar .site-logo{height:100px}.top-navbar .main-nav a{margin-left:10px;padding:8px 15px;color:var(--dark-text);text-decoration:none;font-weight:500;border-radius:5px;transition:background-color .3s,color .3s}.top-navbar .main-nav a:not(.active):hover{background-color:var(--light-gray-bg);color:var(--green-primary)}.top-navbar .main-nav a.active{background-color:var(--green-primary);color:var(--white-color);font-weight:700}.menu-icon{display:none;font-size:2em;cursor:pointer;color:var(--dark-text);z-index:1001}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.main-content{max-width:960px;max-width:1300px;margin:0 auto;padding:40px 20px;background-color:var(--white-color)}.main-content h1{font-size:2.8em;color:var(--dark-text);margin-top:0;border-bottom:1px solid var(--border-color);padding-bottom:15px}.main-content .subtitle{font-size:1.2em;color:#666;margin-top:-10px;margin-bottom:40px}.main-content h2{font-size:2em;color:var(--green-primary);margin-top:40px}.main-content h2.secundario{font-size:2em;color:var(--blue-links);margin-top:40px;text-align:left}.main-content p{font-size:1em;line-height:1.8;text-align:justify}.main-content a{color:var(--blue-links);text-decoration:none}.main-content a:hover{text-decoration:underline}.content-block{margin-bottom:30px}.inicio-main-image{width:100%;height:100%}.inicio-section{padding:40px 20px;background-color:#f9f9f9}.inicio-content-wrapper{display:flex;flex-wrap:wrap;gap:40px;align-items:center;max-width:2500px;margin:0 auto}.inicio-text-column{flex:2;min-width:300px}.inicio-image-column{flex:1;display:flex;justify-content:center;align-items:center;min-width:250px}.inicio-main-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:50%;max-height:80%;background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;justify-content:center;align-items:center}.modal-image-large{max-width:85%;max-height:85%;display:block;object-fit:contain}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:2em;color:#fff;cursor:pointer;padding:0 10px;z-index:1001;text-shadow:0 0 5px rgba(0,0,0,.5)}.modal-close:hover{color:#ccc}.inicio-main-image{cursor:pointer}.focus-areas-section{padding-top:40px;text-align:center}.focus-areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:30px;text-align:center}.focus-card{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:8px;padding:30px 20px;box-shadow:0 4px 10px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center}.focus-card:hover{transform:translateY(-8px);box-shadow:0 10px 20px #0000001a}.focus-card .focus-icon{font-size:3em;color:var(--blue-links);margin-bottom:20px}.focus-card h3{font-size:1.2em;color:var(--dark-text);margin-top:0;margin-bottom:10px;min-height:3.6em}.focus-card p{font-size:.9em;color:#666;line-height:1.5;text-align:center}.contact-section{padding-top:40px}.contact-container{display:flex;flex-wrap:wrap;gap:40px;margin-top:30px;background-color:var(--light-gray-bg);padding:40px;border-radius:8px}.contact-details,.contact-map{flex:1;min-width:300px}.contact-item{display:flex;align-items:flex-start;margin-bottom:20px;font-size:1.1em}.contact-item .contact-icon{color:var(--green-primary);font-size:1.5em;margin-right:15px;margin-top:4px}.contact-item a,.contact-item span{color:var(--dark-text);text-decoration:none;line-height:1.5}.contact-item a:hover{color:var(--green-primary);text-decoration:underline}.map-iframe{width:100%;height:100%;min-height:300px;border:none;border-radius:8px}.contact-form{flex-basis:100%}.form-iframe{width:100%;height:70rem;border:none;border-radius:8px}.site-footer{background-color:#40a0d8;color:var(--white-color);text-align:center;padding:40px 20px;margin-top:60px}.footer-logo{height:7rem}.copyright-text{margin:0;font-size:.9em;color:#fff}.carousel-section{padding-top:40px;text-align:center;max-width:960px;margin:0 auto 60px}.carousel-container{margin-top:30px;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.carousel .slide{background:none;display:flex;align-items:center;justify-content:center;min-height:150px}.carousel .slide img{width:100%;height:auto;object-fit:contain;display:block;border-radius:8px}.carousel .legend{background:#0009;color:var(--white-color);padding:10px;font-size:1em;position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;text-align:center}.carousel .control-dots .dot{background:var(--green-primary);opacity:.7}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{background:var(--blue-links);opacity:1}.carousel .control-arrow,.carousel.carousel-slider .control-arrow:hover{background:#00000080;opacity:.8;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.carousel .control-prev.control-arrow:before{content:"‹";font-size:2.5em;color:var(--white-color);line-height:1}.carousel .control-next.control-arrow:before{content:"›";font-size:2.5em;color:var(--white-color);line-height:1}.recursos-section{padding:4rem 2rem;text-align:center;background-color:#f7f9fc}.recursos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,340px));gap:2.5rem;max-width:1200px;margin:2rem auto 0;justify-content:center}.recurso-card{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #00000012;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-align:left;padding:0}.recurso-card:hover{transform:translateY(-10px);box-shadow:0 12px 28px #0000001a}.recurso-thumbnail{width:100%;display:block}.recurso-card-content{padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.recurso-card h3{font-size:1.2rem;margin:0 0 .75rem;color:#2c3e50;line-height:1.4}.recurso-card p{font-size:.95rem;color:#555;line-height:1.6;margin:0;flex-grow:1}.recurso-card-button{margin-top:1.5rem;padding:.7rem 1.5rem;background-color:#69be57;color:#fff;border-radius:50px;font-weight:600;text-align:center;transition:background-color .3s ease;align-self:flex-start}.recurso-card:hover .recurso-card-button{background-color:#40a0d8}@media (max-width: 768px){.top-navbar .main-nav{display:flex;flex-direction:column;background-color:#f4f4f4;position:fixed;top:0;left:-250px;width:250px;height:100%;padding-top:80px;box-shadow:2px 0 5px #0000001a;transition:left .3s ease-in-out;z-index:1000}.top-navbar .main-nav.open{left:0}.menu-icon{display:block;position:relative;z-index:1002}.mobile-menu-overlay.open{display:block}}@media (max-width: 480px){.top-navbar{padding:10px 20px}.top-navbar .site-logo{height:80px}.top-navbar .main-nav{width:200px}.main-content{padding:20px 15px}.main-content h1{font-size:2.2em}.main-content h2{font-size:1.8em}.focus-card{padding:20px 15px}.focus-card h3{min-height:auto}.carousel .slide img{max-height:180px}.carousel .legend{font-size:.9em;padding:8px}.contact-item{font-size:1em}.map-iframe{min-height:250px}.site-footer{padding:30px 15px}.footer-logo{height:5rem}}.ruta-gastronomica-wrapper{background-image:url(/assets/fondosfcitylog-D4t3mF-v.png);background-size:cover;background-position:center center;background-attachment:fixed;min-height:400px;padding:80px 20px;margin:40px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.ruta-gastronomica-wrapper>*{background-color:#1e1e1ebf;padding:20px 30px;border-radius:8px;margin:10px 0;max-width:600px;box-shadow:0 4px 10px #0003}.ruta-gastronomica-wrapper h2{color:var(--green-primary);font-size:2.5em;margin-top:0}.ruta-gastronomica-wrapper p{color:var(--white-color);font-size:1.1em;line-height:1.6;margin-bottom:20px}.ruta-gastronomica-button{display:inline-block;padding:12px 25px;background-color:var(--green-primary)!important;color:var(--white-color)!important;border-radius:50px!important;text-decoration:none!important;font-weight:700;font-size:1.05em;margin-top:15px;transition:background-color .3s ease,transform .2s ease}.ruta-gastronomica-button:hover{background-color:var(--blue-links)!important;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}@media (max-width: 768px){.ruta-gastronomica-wrapper{min-height:300px;padding:50px 10px}.ruta-gastronomica-wrapper h2{font-size:2em}.ruta-gastronomica-wrapper>*{padding:15px 20px;max-width:90%}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.ruta-gastronomica-container{width:100%;text-align:left;font-family:Roboto,sans-serif}.ruta-section{max-width:1300px;margin:0 auto;padding:40px 20px}.section-title{font-size:2.5em;color:var(--dark-text);font-weight:700;border-bottom:3px solid #204B3D;padding-bottom:10px;margin-bottom:30px}.intro-text{font-size:1.1em;line-height:1.7;color:#555;margin-bottom:40px;text-align:justify}.ruta-gastronomica-container .top-navbar{background-color:#f4f4f4;border-bottom:1px solid var(--border-color);padding:15px 40px;text-align:center}.ruta-gastronomica-container .top-navbar .navbar-content{display:block;max-width:1300px;margin:0 auto}.ruta-gastronomica-container .top-navbar .site-logo{height:70px;margin-left:15%;margin-right:15%}.title{font-size:2.2em;color:#204b3d;margin:5px 0}.subtitle{font-size:1em;color:#234a3d;margin-bottom:0}.problema-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.problema-card{background-color:#fff5ee;border-radius:12px;padding:30px;box-shadow:0 4px 15px #0000000d;transition:all .3s ease;border-left:5px solid #D88942}.problema-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.problema-icon{font-size:3em;color:#d88942;margin-bottom:15px}.problema-icon-title{font-size:2rem;color:#d88942;margin-bottom:1px}.problema-card h3{font-size:1.4em;color:var(--dark-text);margin-top:0;margin-bottom:10px;font-weight:700}.problema-card p{font-size:1em;color:#444;text-align:justify}.propuesta-section{background-color:var(--light-gray-bg)}.propuesta-content{display:flex;flex-wrap:wrap;gap:40px}.propuesta-details{flex:2;min-width:300px}.propuesta-details h3{font-size:1.5em;color:var(--blue-links);margin-top:25px;margin-bottom:15px}.propuesta-details ul{list-style:none;padding:0;margin-bottom:30px}.propuesta-details ul li{display:flex;align-items:center;font-size:1.1em;line-height:1.8;margin-bottom:10px;color:var(--dark-text)}.propuesta-details ul li svg{color:#204b3d;font-size:1.2em;margin-right:10px;flex-shrink:0}.sub-title{font-size:1.3em;color:var(--dark-text);border-bottom:1px dashed var(--border-color);padding-bottom:5px;margin-top:40px}.actividades-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.actividad-item{background-color:var(--white-color);padding:20px;border-radius:8px;border:1px solid var(--border-color)}.actividad-item h4{color:var(--blue-links);margin-top:0;margin-bottom:10px;font-size:1.1em;font-weight:500}.poligono-estudio-map{flex:1;min-width:250px;background-color:var(--white-color);padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000000d;text-align:center;height:50%}.poligono-estudio-map h3{font-size:1.4em;color:var(--dark-text);margin-top:0}.poligono-image{width:100%;height:auto;border-radius:8px;margin-top:15px;border:1px solid var(--border-color)}.caption{font-size:.9em;color:#777;margin-top:10px}.impacto-section{background-color:var(--white-color)}.impacto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-top:20px}.impacto-card{background-color:#e8f0e9;border-radius:12px;padding:25px;box-shadow:0 4px 10px #00000008;border-bottom:4px solid #204B3D}.impacto-card h3{font-size:1.2em;color:#204b3d;margin-top:0;margin-bottom:10px;font-weight:700}.impacto-card p{font-size:.95em;color:#444;line-height:1.6;text-align:justify}@media (max-width: 768px){.ruta-gastronomica-container .top-navbar{padding:10px 20px}.ruta-gastronomica-container .top-navbar .site-logo{height:60px}.ruta-section{padding:30px 15px}.section-title{font-size:2em;margin-bottom:20px}.intro-text{font-size:1em}.propuesta-content{flex-direction:column}.propuesta-details,.poligono-estudio-map{min-width:100%}.actividades-list{grid-template-columns:1fr}.impacto-grid{gap:15px}}@media (max-width: 480px){.ruta-gastronomica-container .top-navbar .site-logo{height:50px}.ruta-gastronomica-container .ruta-header h1{font-size:1.8em}.ruta-gastronomica-container .ruta-header .subtitle{font-size:.9em}.section-title{font-size:1.7em}.problema-grid,.impacto-grid{grid-template-columns:1fr}.problema-card,.impacto-card,.propuesta-details,.poligono-estudio-map{padding:20px}}