* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary: #1a1a1a;
    --secondary: #d4af37;
    --accent: #f5f5f5;
    --text: #333;
    --light-gray: #f9f9f9;
    --border: #e0e0e0;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--text);
    line-height: 1.6;
    background: white;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header */
.header {
    background: linear-gradient(135deg, #1a1a1a 0%, #333 100%);
    color: white;
    padding: 30px 0;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.header-content h1 {
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.header-content .tagline {
    font-size: 1.1em;
    color: var(--secondary);
    font-weight: 300;
    letter-spacing: 0.5px;
}

/* Hero Section */
.hero {
    background: linear-gradient(rgba(26, 26, 26, 0.7), rgba(26, 26, 26, 0.7)),
                url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 400"><defs><linearGradient id="grad"><stop offset="0%" style="stop-color:%23d4af37;stop-opacity:0.1"/><stop offset="100%" style="stop-color:%231a1a1a;stop-opacity:0.3"/></linearGradient></defs><rect width="1200" height="400" fill="url(%23grad)"/></svg>');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 80px 0;
    text-align: center;
    background-attachment: fixed;
}

.hero-content h2 {
    font-size: 3em;
    margin-bottom: 20px;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.hero-content p {
    font-size: 1.3em;
    color: #ccc;
    max-width: 600px;
    margin: 0 auto;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

/* Regions Section */
.regions {
    padding: 60px 0;
    background: var(--light-gray);
}

.regions h2 {
    text-align: center;
    font-size: 2em;
    margin-bottom: 40px;
    color: var(--primary);
}

.region-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.region-card {
    background: white;
    padding: 30px;
    text-align: center;
    border-radius: 8px;
    text-decoration: none;
    color: var(--text);
    border: 2px solid transparent;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    cursor: pointer;
}

.region-card:hover {
    border-color: var(--secondary);
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.2);
}

.region-icon {
    font-size: 2.5em;
    margin-bottom: 15px;
}

.region-card h3 {
    font-size: 1.4em;
    margin-bottom: 10px;
    color: var(--primary);
}

.region-card p {
    font-size: 0.9em;
    color: #666;
}

/* Categories Section */
.categories {
    padding: 40px 0;
    background: white;
    border-bottom: 1px solid var(--border);
}

.categories h2 {
    text-align: center;
    font-size: 2em;
    margin-bottom: 30px;
    color: var(--primary);
}

.category-filter {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.filter-btn {
    padding: 10px 20px;
    border: 2px solid var(--border);
    background: white;
    color: var(--text);
    cursor: pointer;
    border-radius: 25px;
    font-size: 1em;
    transition: all 0.3s ease;
    font-weight: 500;
}

.filter-btn:hover,
.filter-btn.active {
    background: var(--primary);
    color: white;
    border-color: var(--primary);
}

/* Properties Grid */
.properties {
    padding: 60px 0;
}

.property-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

/* Row-specific grid layouts */
.property-grid {
    display: grid;
    gap: 30px;
}

/* First row: 2 items */
.property-grid > :nth-child(1),
.property-grid > :nth-child(2) {
    grid-column: span 1;
}

/* Responsive adjustments for specific rows */
@media (min-width: 1200px) {
    .property-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .property-grid > :nth-child(1),
    .property-grid > :nth-child(2) {
        grid-column: span 2;
    }

    .property-grid > :nth-child(3),
    .property-grid > :nth-child(4),
    .property-grid > :nth-child(5) {
        grid-column: span 1;
    }

    /* Rows 3 onwards: 1 column default */
}

@media (max-width: 1199px) {
    .property-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .property-grid > :nth-child(1),
    .property-grid > :nth-child(2) {
        grid-column: span 1;
    }
}

@media (max-width: 768px) {
    .property-grid {
        grid-template-columns: 1fr;
    }

    .property-grid > * {
        grid-column: span 1 !important;
    }
}

.property-item {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.property-item:hover {
    box-shadow: 0 8px 24px rgba(212, 175, 55, 0.2);
    transform: translateY(-5px);
}

.property-image {
    position: relative;
    overflow: hidden;
    height: 250px;
}

.property-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.property-item:hover .property-image img {
    transform: scale(1.05);
}

.property-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: var(--secondary);
    color: var(--primary);
    padding: 8px 15px;
    border-radius: 25px;
    font-size: 0.85em;
    font-weight: 600;
}

.property-info {
    padding: 25px;
}

.property-info h3 {
    font-size: 1.3em;
    margin-bottom: 10px;
    color: var(--primary);
}

.property-info .price {
    font-size: 1.5em;
    color: var(--secondary);
    font-weight: 700;
    margin-bottom: 8px;
}

.property-info .location {
    color: #999;
    font-size: 0.95em;
    margin-bottom: 15px;
}

.property-info .features {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 10px;
    font-size: 0.9em;
    color: #666;
}

.property-info .features li:before {
    content: "✓ ";
    color: var(--secondary);
    font-weight: 700;
}

/* About Section */
.about {
    padding: 60px 0;
    background: var(--light-gray);
}

.about h2 {
    font-size: 2em;
    margin-bottom: 30px;
    color: var(--primary);
}

.about p {
    font-size: 1.05em;
    line-height: 1.8;
    color: #555;
    margin-bottom: 20px;
    max-width: 900px;
}

/* Contact Section */
.contact {
    padding: 60px 0;
}

.contact h2 {
    text-align: center;
    font-size: 2em;
    margin-bottom: 40px;
    color: var(--primary);
}

.contact-form {
    max-width: 600px;
    margin: 0 auto;
    background: var(--light-gray);
    padding: 40px;
    border-radius: 8px;
    border: 1px solid var(--border);
}

.form-group {
    margin-bottom: 25px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--primary);
    font-size: 1em;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid var(--border);
    border-radius: 4px;
    font-size: 1em;
    font-family: inherit;
    transition: border-color 0.3s ease;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--secondary);
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);
}

.btn-submit {
    width: 100%;
    padding: 15px;
    background: var(--primary);
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 1.05em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
}

.btn-submit:hover {
    background: var(--secondary);
    color: var(--primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
}

/* Footer */
.footer {
    background: var(--primary);
    color: white;
    padding: 30px 0;
    text-align: center;
    border-top: 3px solid var(--secondary);
    margin-top: 60px;
}

.footer p {
    margin: 0;
    font-size: 0.95em;
}

/* Utility Classes */
.hidden {
    display: none;
}

/* Responsive */
@media (max-width: 768px) {
    .header-content h1 {
        font-size: 2em;
    }

    .hero-content h2 {
        font-size: 2em;
    }

    .hero-content p {
        font-size: 1.1em;
    }

    .regions h2,
    .categories h2,
    .about h2,
    .contact h2 {
        font-size: 1.6em;
    }

    .region-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }

    .contact-form {
        padding: 25px;
    }

    .category-filter {
        gap: 10px;
    }

    .filter-btn {
        padding: 8px 15px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .header-content h1 {
        font-size: 1.5em;
    }

    .header-content .tagline {
        font-size: 0.95em;
    }

    .hero-content h2 {
        font-size: 1.6em;
    }

    .hero-content p {
        font-size: 1em;
    }

    .region-grid {
        grid-template-columns: 1fr;
    }
}

/* Fixed rows: 2 / 3 / 3 / 4 / 4 / 4 / 4 */
@media (min-width: 992px) {
    .properties-main .property-grid { grid-template-columns: repeat(12, 1fr); }
    .properties-main .property-grid > .property-item { grid-column: span 3; }
    .properties-main .property-grid > .property-item:nth-child(-n+2) { grid-column: span 6; }
    .properties-main .property-grid > .property-item:nth-child(n+3):nth-child(-n+8) { grid-column: span 4; }
}
@media (min-width: 600px) and (max-width: 991px) {
    .properties-main .property-grid { grid-template-columns: repeat(2, 1fr); }
    .properties-main .property-grid > .property-item { grid-column: span 1 !important; }
}

/* Project section */
.project { padding: 60px 0; background: white; }
.project h2 { text-align: center; font-size: 2em; margin-bottom: 20px; color: var(--primary); }
.project-lead { max-width: 800px; margin: 0 auto 40px; text-align: center; font-size: 1.1em; color: #555; }
.project-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 20px; }
.project-card { background: var(--light-gray); padding: 25px; border-radius: 8px; border-top: 3px solid var(--secondary); }
.project-card h3 { margin-bottom: 10px; color: var(--primary); }
.project-card p { font-size: 0.95em; color: #555; }
.project-cta { text-align: center; margin-top: 30px; font-weight: 600; color: var(--primary); }

.lang-switch { position: absolute; top: 10px; right: 20px; z-index: 10; font-size: 0.9em; color: #ccc; }
.lang-switch a { color: var(--secondary); text-decoration: none; font-weight: 600; }
.lang-switch strong { color: white; }

.examples-note { text-align: center; font-style: italic; font-size: 1.1em; color: #777; margin-bottom: 30px; }

.property-image img { cursor: zoom-in; }
.lightbox { display: none; position: fixed; inset: 0; z-index: 1000; background: rgba(0,0,0,0.95); align-items: center; justify-content: center; cursor: zoom-out; }
.lightbox.open { display: flex; }
.lightbox img { max-width: 96vw; max-height: 96vh; object-fit: contain; }
.lightbox-close { position: absolute; top: 14px; right: 22px; background: none; border: 0; color: #fff; font-size: 2.6em; line-height: 1; cursor: pointer; }

@media (min-width: 992px) {
    .properties-main.rows-2-3-3-2 .property-grid > .property-item:nth-child(n+9) { grid-column: span 6; }
}

@media (min-width: 992px) {
    .properties-main.rows-2-3-3-3 .property-grid > .property-item:nth-child(n+9) { grid-column: span 4; }
}

/* Show full poster images (16:9), no cropping */
.property-image { height: auto; aspect-ratio: 16 / 9; }
.property-image img { object-fit: contain; background: #111; }
.property-item:hover .property-image img { transform: none; }

/* City pages: rows of 2 / 3 / 3 / 4 / 4 */
@media (min-width: 992px) {
    .properties-city .property-grid { grid-template-columns: repeat(12, 1fr); }
    .properties-city .property-grid > .property-item { grid-column: span 3; }
    .properties-city .property-grid > .property-item:nth-child(-n+2) { grid-column: span 6; }
    .properties-city .property-grid > .property-item:nth-child(n+3):nth-child(-n+8) { grid-column: span 4; }
}
@media (min-width: 600px) and (max-width: 991px) {
    .properties-city .property-grid { grid-template-columns: repeat(2, 1fr); }
}
.properties-city .property-image img { cursor: pointer; }

/* Property inquiry modal */
.prop-modal { display: none; position: fixed; inset: 0; z-index: 1100; background: rgba(0,0,0,0.85); overflow-y: auto; padding: 24px 12px; }
.prop-modal.open { display: block; }
.prop-modal-box { position: relative; max-width: 680px; margin: 0 auto; background: #fff; border-radius: 10px; padding: 0 0 28px; overflow: hidden; }
.prop-modal-close { position: absolute; top: 8px; right: 14px; z-index: 2; background: rgba(0,0,0,0.55); color: #fff; border: 0; border-radius: 50%; width: 38px; height: 38px; font-size: 1.6em; line-height: 1; cursor: pointer; }
.prop-modal-img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: #111; }
.prop-modal-title { margin: 20px 28px 4px; color: var(--primary); font-size: 1.4em; }
.prop-modal-price { margin: 0 28px 8px; color: var(--secondary); font-weight: 700; font-size: 1.3em; }
.prop-modal-lead { margin: 0 28px 16px; color: #555; }
.prop-modal .contact-form { margin: 0 20px; padding: 24px; max-width: none; }

/* Market report */
.market-report { padding: 50px 0 30px; background: #fff; border-bottom: 1px solid var(--border); }
.market-report h2 { text-align: center; font-size: 2em; color: var(--primary); margin-bottom: 6px; }
.mr-sub { text-align: center; color: #777; margin-bottom: 28px; }
.mr-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; margin-bottom: 30px; }
.mr-stat { background: var(--light-gray); border-top: 3px solid var(--secondary); border-radius: 8px; padding: 18px 16px; text-align: center; }
.mr-num { font-size: 1.9em; font-weight: 700; color: var(--primary); line-height: 1.1; }
.mr-lbl { margin-top: 8px; font-size: 0.88em; color: #666; line-height: 1.35; }
.mr-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 22px 34px; }
.mr-block h3 { color: var(--primary); font-size: 1.1em; margin-bottom: 8px; padding-bottom: 6px; border-bottom: 2px solid var(--secondary); display: inline-block; }
.mr-block p { color: #444; line-height: 1.7; font-size: 0.98em; }
.mr-src { margin-top: 26px; font-size: 0.88em; color: #555; }
.mr-disc { margin-top: 8px; font-size: 0.82em; color: #888; font-style: italic; }
@media (max-width: 480px) { .mr-grid { grid-template-columns: 1fr; } }

/* Explore-by-area: bottoni colorati con scena tipica */
.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.region-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:210px;padding:22px 20px;text-align:left;color:#fff;border:0;border-radius:14px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.region-card::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.05) 65%)}
.region-card>*{position:relative}
.region-card .region-icon{display:none}
.region-card h3{color:#fff;font-size:1.35em;margin:0 0 4px;text-shadow:0 2px 6px rgba(0,0,0,.5)}
.region-card p{color:#fff;opacity:.95;font-size:.92em;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.region-card:hover{border-color:transparent;transform:translateY(-5px) scale(1.02);box-shadow:0 12px 26px rgba(0,0,0,.28)}
@media (min-width:600px) and (max-width:991px){.region-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:599px){.region-grid{grid-template-columns:1fr}.region-card{min-height:170px}}
.region-card[href="pinellas.html"]{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 240%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ffd27a%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ff8f5a%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%22400%22 height=%22240%22 fill=%22url(%23g)%22/%3E%3Ccircle cx=%22290%22 cy=%22120%22 r=%2242%22 fill=%22%23fff3c4%22 opacity=%220.9%22/%3E%3Cpath d=%22M0 150 Q50 138 100 150 T200 150 T300 150 T400 150 V240 H0Z%22 fill=%22%230aa5a8%22 opacity=%221%22/%3E%3Cpath d=%22M0 175 Q50 163 100 175 T200 175 T300 175 T400 175 V240 H0Z%22 fill=%22%23067f8c%22 opacity=%221%22/%3E%3Cpath d=%22M0 205 Q50 193 100 205 T200 205 T300 205 T400 205 V240 H0Z%22 fill=%22%230b5f73%22 opacity=%221%22/%3E%3Cpath d=%22M0 205 Q120 190 260 215 T400 208 V240H0Z%22 fill=%22%23f2dfb0%22/%3E%3Cg transform=%22translate(70 215) scale(1.1)%22%3E%3Cpath d=%22M0 0 Q4 -40 0 -80%22 stroke=%22%230b3d2e%22 stroke-width=%225%22 fill=%22none%22/%3E%3Cpath d=%22M0 -80 Q-30 -95 -50 -70 Q-25 -80 0 -80 Q25 -80 50 -70 Q30 -95 0 -80 Q-10 -110 -35 -108 Q-12 -100 0 -80 Q12 -100 35 -108 Q10 -110 0 -80%22 fill=%22%230b3d2e%22/%3E%3C/g%3E%3Cg transform=%22translate(340 222) scale(0.8)%22%3E%3Cpath d=%22M0 0 Q4 -40 0 -80%22 stroke=%22%230b3d2e%22 stroke-width=%225%22 fill=%22none%22/%3E%3Cpath d=%22M0 -80 Q-30 -95 -50 -70 Q-25 -80 0 -80 Q25 -80 50 -70 Q30 -95 0 -80 Q-10 -110 -35 -108 Q-12 -100 0 -80 Q12 -100 35 -108 Q10 -110 0 -80%22 fill=%22%230b3d2e%22/%3E%3C/g%3E%3C/svg%3E")}
.region-card[href="tampa.html"]{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 240%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%232b1a5c%22/%3E%3Cstop offset=%221%22 stop-color=%22%23d0508a%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%22400%22 height=%22240%22 fill=%22url(%23g)%22/%3E%3Ccircle cx=%2280%22 cy=%22110%22 r=%2226%22 fill=%22%23ffd9a0%22 opacity=%220.85%22/%3E%3Crect x=%2220%22 y=%22140%22 width=%2230%22 height=%22100%22 fill=%22%231a1240%22/%3E%3Crect x=%2255%22 y=%22105%22 width=%2226%22 height=%22135%22 fill=%22%23211653%22/%3E%3Crect x=%2285%22 y=%22130%22 width=%2234%22 height=%22110%22 fill=%22%231a1240%22/%3E%3Crect x=%22125%22 y=%2275%22 width=%2230%22 height=%22165%22 fill=%22%232a1c66%22/%3E%3Crect x=%22160%22 y=%22115%22 width=%2224%22 height=%22125%22 fill=%22%231a1240%22/%3E%3Crect x=%22190%22 y=%2295%22 width=%2240%22 height=%22145%22 fill=%22%23211653%22/%3E%3Crect x=%22235%22 y=%22125%22 width=%2226%22 height=%22115%22 fill=%22%232a1c66%22/%3E%3Crect x=%22265%22 y=%2285%22 width=%2232%22 height=%22155%22 fill=%22%231a1240%22/%3E%3Crect x=%22302%22 y=%22135%22 width=%2224%22 height=%22105%22 fill=%22%23211653%22/%3E%3Crect x=%22330%22 y=%22110%22 width=%2238%22 height=%22130%22 fill=%22%232a1c66%22/%3E%3Crect x=%220%22 y=%22200%22 width=%22400%22 height=%2240%22 fill=%22%23160f38%22/%3E%3Cpath d=%22M0 205 H400%22 stroke=%22%23ff9ad0%22 stroke-width=%222%22 opacity=%22.7%22/%3E%3C/svg%3E")}
.region-card[href="sarasota.html"]{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 240%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ff9966%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ff5e62%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%22400%22 height=%22240%22 fill=%22url(%23g)%22/%3E%3Ccircle cx=%22200%22 cy=%22150%22 r=%2260%22 fill=%22%23ffe29a%22 opacity=%220.95%22/%3E%3Cpath d=%22M0 155 Q50 143 100 155 T200 155 T300 155 T400 155 V240 H0Z%22 fill=%22%23f0704f%22 opacity=%220.9%22/%3E%3Cpath d=%22M0 180 Q50 168 100 180 T200 180 T300 180 T400 180 V240 H0Z%22 fill=%22%23c94b4b%22 opacity=%221%22/%3E%3Cpath d=%22M0 210 Q50 198 100 210 T200 210 T300 210 T400 210 V240 H0Z%22 fill=%22%238e2f45%22 opacity=%221%22/%3E%3Cg transform=%22translate(120 185) scale(1.2)%22%3E%3Cpath d=%22M0 0 V-45 L28 0Z%22 fill=%22%23fff%22/%3E%3Cpath d=%22M-4 0 V-35 L-22 0Z%22 fill=%22%23f3f3f3%22/%3E%3Cpath d=%22M-26 4 H32 L24 12 H-18Z%22 fill=%22%23fff%22/%3E%3C/g%3E%3Cg transform=%22translate(290 195) scale(0.8)%22%3E%3Cpath d=%22M0 0 V-45 L28 0Z%22 fill=%22%23fff%22/%3E%3Cpath d=%22M-4 0 V-35 L-22 0Z%22 fill=%22%23f3f3f3%22/%3E%3Cpath d=%22M-26 4 H32 L24 12 H-18Z%22 fill=%22%23fff%22/%3E%3C/g%3E%3Cg transform=%22translate(360 215) scale(0.9)%22%3E%3Cpath d=%22M0 0 Q4 -40 0 -80%22 stroke=%22%235a1330%22 stroke-width=%225%22 fill=%22none%22/%3E%3Cpath d=%22M0 -80 Q-30 -95 -50 -70 Q-25 -80 0 -80 Q25 -80 50 -70 Q30 -95 0 -80 Q-10 -110 -35 -108 Q-12 -100 0 -80 Q12 -100 35 -108 Q10 -110 0 -80%22 fill=%22%235a1330%22/%3E%3C/g%3E%3C/svg%3E")}
.region-card[href="miami.html"]{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 240%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23ff6ec7%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ffb86c%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%22400%22 height=%22240%22 fill=%22url(%23g)%22/%3E%3Ccircle cx=%22200%22 cy=%22130%22 r=%2255%22 fill=%22%23fff1a8%22 opacity=%220.95%22/%3E%3Cg fill=%22%23ffffff%22 opacity=%22.9%22%3E%3Crect x=%2260%22 y=%22130%22 width=%2270%22 height=%2270%22/%3E%3Crect x=%22140%22 y=%22110%22 width=%2260%22 height=%2290%22/%3E%3Crect x=%22210%22 y=%22140%22 width=%2280%22 height=%2260%22/%3E%3Crect x=%22300%22 y=%22120%22 width=%2250%22 height=%2280%22/%3E%3C/g%3E%3Cg fill=%22%23ff9ecf%22%3E%3Crect x=%2266%22 y=%22140%22 width=%2258%22 height=%226%22/%3E%3Crect x=%22146%22 y=%22124%22 width=%2248%22 height=%226%22/%3E%3Crect x=%22216%22 y=%22152%22 width=%2268%22 height=%226%22/%3E%3Crect x=%22306%22 y=%22134%22 width=%2238%22 height=%226%22/%3E%3C/g%3E%3Cpath d=%22M0 200 Q50 188 100 200 T200 200 T300 200 T400 200 V240 H0Z%22 fill=%22%2319c6d1%22 opacity=%221%22/%3E%3Cpath d=%22M0 222 Q50 210 100 222 T200 222 T300 222 T400 222 V240 H0Z%22 fill=%22%230a8fa8%22 opacity=%221%22/%3E%3Cg transform=%22translate(30 205) scale(1)%22%3E%3Cpath d=%22M0 0 Q4 -40 0 -80%22 stroke=%22%230b3d3a%22 stroke-width=%225%22 fill=%22none%22/%3E%3Cpath d=%22M0 -80 Q-30 -95 -50 -70 Q-25 -80 0 -80 Q25 -80 50 -70 Q30 -95 0 -80 Q-10 -110 -35 -108 Q-12 -100 0 -80 Q12 -100 35 -108 Q10 -110 0 -80%22 fill=%22%230b3d3a%22/%3E%3C/g%3E%3Cg transform=%22translate(380 205) scale(0.9)%22%3E%3Cpath d=%22M0 0 Q4 -40 0 -80%22 stroke=%22%230b3d3a%22 stroke-width=%225%22 fill=%22none%22/%3E%3Cpath d=%22M0 -80 Q-30 -95 -50 -70 Q-25 -80 0 -80 Q25 -80 50 -70 Q30 -95 0 -80 Q-10 -110 -35 -108 Q-12 -100 0 -80 Q12 -100 35 -108 Q10 -110 0 -80%22 fill=%22%230b3d3a%22/%3E%3C/g%3E%3C/svg%3E")}
.region-card[href="st-pete.html"]{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 240%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237ec8ff%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e8f7ff%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%22400%22 height=%22240%22 fill=%22url(%23g)%22/%3E%3Ccircle cx=%22320%22 cy=%2270%22 r=%2230%22 fill=%22%23fff6c8%22 opacity=%220.95%22/%3E%3Cpath d=%22M0 150 Q50 138 100 150 T200 150 T300 150 T400 150 V240 H0Z%22 fill=%22%232f8fe0%22 opacity=%221%22/%3E%3Cpath d=%22M0 178 Q50 166 100 178 T200 178 T300 178 T400 178 V240 H0Z%22 fill=%22%231d6fc0%22 opacity=%221%22/%3E%3Cpath d=%22M0 208 Q50 196 100 208 T200 208 T300 208 T400 208 V240 H0Z%22 fill=%22%230f4f96%22 opacity=%221%22/%3E%3Crect x=%2260%22 y=%22150%22 width=%22240%22 height=%226%22 fill=%22%236b4a2f%22/%3E%3Cg fill=%22%236b4a2f%22%3E%3Crect x=%2280%22 y=%22156%22 width=%224%22 height=%2230%22/%3E%3Crect x=%22130%22 y=%22156%22 width=%224%22 height=%2230%22/%3E%3Crect x=%22180%22 y=%22156%22 width=%224%22 height=%2230%22/%3E%3Crect x=%22230%22 y=%22156%22 width=%224%22 height=%2230%22/%3E%3Crect x=%22280%22 y=%22156%22 width=%224%22 height=%2230%22/%3E%3C/g%3E%3Cpath d=%22M300 150 V115 L340 130 L300 122%22 fill=%22%23e5484d%22/%3E%3Crect x=%22300%22 y=%22115%22 width=%223%22 height=%2235%22 fill=%22%23444%22/%3E%3Cpath d=%22M290 128 H330 L322 150 H298Z%22 fill=%22%23fff%22 stroke=%22%23e5484d%22 stroke-width=%223%22/%3E%3Cg transform=%22translate(110 150) scale(1)%22%3E%3Cpath d=%22M0 0 V-45 L28 0Z%22 fill=%22%23fff%22/%3E%3Cpath d=%22M-4 0 V-35 L-22 0Z%22 fill=%22%23f3f3f3%22/%3E%3Cpath d=%22M-26 4 H32 L24 12 H-18Z%22 fill=%22%23fff%22/%3E%3C/g%3E%3Cg transform=%22translate(45 185) scale(0.9)%22%3E%3Cpath d=%22M0 0 V-45 L28 0Z%22 fill=%22%23fff%22/%3E%3Cpath d=%22M-4 0 V-35 L-22 0Z%22 fill=%22%23f3f3f3%22/%3E%3Cpath d=%22M-26 4 H32 L24 12 H-18Z%22 fill=%22%23fff%22/%3E%3C/g%3E%3C/svg%3E")}
.region-card[href="clearwater.html"]{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 240%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%235ee7df%22/%3E%3Cstop offset=%221%22 stop-color=%22%23d6fffb%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%22400%22 height=%22240%22 fill=%22url(%23g)%22/%3E%3Ccircle cx=%2290%22 cy=%2270%22 r=%2232%22 fill=%22%23fffbd0%22 opacity=%220.95%22/%3E%3Cpath d=%22M0 140 Q50 128 100 140 T200 140 T300 140 T400 140 V240 H0Z%22 fill=%22%2316b8c9%22 opacity=%221%22/%3E%3Cpath d=%22M0 160 Q50 148 100 160 T200 160 T300 160 T400 160 V240 H0Z%22 fill=%22%230ea0b8%22 opacity=%221%22/%3E%3Cpath d=%22M0 175 Q100 160 230 178 T400 170 V240H0Z%22 fill=%22%23fff4d6%22/%3E%3Cpath d=%22M0 200 Q150 185 400 205 V240H0Z%22 fill=%22%23f4e2b3%22/%3E%3Cg%3E%3Crect x=%22272%22 y=%22120%22 width=%224%22 height=%2280%22 fill=%22%238a5a3a%22/%3E%3Cpath d=%22M235 125 Q274 85 313 125Z%22 fill=%22%23ff5d73%22/%3E%3Cpath d=%22M255 118 Q274 92 293 118Z%22 fill=%22%23fff%22 opacity=%22.9%22/%3E%3C/g%3E%3Cellipse cx=%22150%22 cy=%22205%22 rx=%2230%22 ry=%226%22 fill=%22%2300000018%22/%3E%3Cg transform=%22translate(60 205) scale(1)%22%3E%3Cpath d=%22M0 0 Q4 -40 0 -80%22 stroke=%22%230a5a44%22 stroke-width=%225%22 fill=%22none%22/%3E%3Cpath d=%22M0 -80 Q-30 -95 -50 -70 Q-25 -80 0 -80 Q25 -80 50 -70 Q30 -95 0 -80 Q-10 -110 -35 -108 Q-12 -100 0 -80 Q12 -100 35 -108 Q10 -110 0 -80%22 fill=%22%230a5a44%22/%3E%3C/g%3E%3C/svg%3E")}

/* Foto vere per i bottoni zona */
.region-card[href="pinellas.html"]{background-image:url("/image/zone/pinellas.jpg?v=2")}
.region-card[href="tampa.html"]{background-image:url("/image/zone/tampa.jpg?v=2")}
.region-card[href="sarasota.html"]{background-image:url("/image/zone/sarasota.jpg?v=2")}
.region-card[href="miami.html"]{background-image:url("/image/zone/miami.jpg?v=2")}
.region-card[href="st-pete.html"]{background-image:url("/image/zone/st-pete.jpg?v=2")}
.region-card[href="clearwater.html"]{background-image:url("/image/zone/clearwater.jpg?v=2")}
.region-card[href="st-petersburg.html"]{background-image:url("/image/zone/st-pete.jpg?v=2")}
.region-card[href="florida.html"]{background-image:url("/image/zone/florida.jpg?v=2")}

/* selettore lingue: bandiera e sigla centrate sulla stessa linea */
.lang-switch a,.lang-switch strong{display:inline-flex;align-items:center;vertical-align:middle}
.lang-switch .lang-flag{vertical-align:middle!important;margin-top:0!important;margin-bottom:0!important}

/* selettore lingue al centro, come nelle pagine di zona */
.lang-switch{position:fixed;top:0;left:50%;right:auto;transform:translateX(-50%);z-index:999;padding:8px 12px;background:rgba(0,0,0,.9);text-align:center;white-space:nowrap}