@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);
:root{--primary-color:#9c27b0;--secondary-color:#e040fb;--dark-bg:#22052a;--dark-bg-gradient:linear-gradient(to right, #22052a, #3b0b4a);--header-bg-gradient:linear-gradient(to right, #4a148c, #6a1b9a);--card-bg-gradient:linear-gradient(to right, #311b92, #512da8);--transition:all 0.3s ease}
body{font-family:Poppins,sans-serif;line-height:1.6;color:#fff;overflow-x:hidden;background:var(--dark-bg-gradient)}
header{background:var(--header-bg-gradient);position:sticky;top:0;z-index:1000;box-shadow:0 2px 15px rgba(0,0,0,.2)}
a{color:#f2f2f2;}
.navbar-brand{font-weight:700;font-size:1.5rem;color:#fff!important}
.nav-link{color:rgba(255,255,255,.9)!important;font-weight:500;margin:0 5px;padding:8px 15px!important;border-radius:4px;transition:var(--transition)}
.nav-link.active,.nav-link:hover{background-color:rgba(255,255,255,.2);color:#fff!important}
.navbar-toggler{border:none;color:#fff}
.navbar-toggler:focus{box-shadow:none}
.marquee-container{background:linear-gradient(to right,#311b92,#512da8);padding:10px 0;overflow:hidden}
.marquee-text{color:#fff;white-space:nowrap;animation:marquee 20s linear infinite}
@keyframes marquee{
0%{transform:translateX(100%)}
100%{transform:translateX(-100%)}
}

.banner{width:100%;position:relative;overflow:hidden}
.banner img{width:100%;height:auto}
.section-dark{background:var(--dark-bg-gradient);color:#fff;padding:70px 0}
.section-title{color:var(--secondary-color);font-weight:700;margin-bottom:40px;position:relative;text-align:center}
.section-title::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:var(--primary-color)}
.model-card{background:var(--card-bg-gradient);border-radius:10px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.2);margin-bottom:30px;transition:var(--transition)}
.model-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.3)}
.model-img{overflow:hidden;position:relative}
.model-img img{width:100%;height:400px;object-fit:cover;transition:var(--transition)}
.model-card:hover .model-img img{transform:scale(1.05)}
.model-info{padding:25px}
.model-name{color:var(--secondary-color);font-size:1.5rem;font-weight:600;margin-bottom:5px}
.model-location{color:var(--secondary-color);font-size:.9rem;margin-bottom:15px;display:block}
.model-info p{margin-bottom:20px;line-height:1.8}
.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);font-weight:600;padding:10px 25px;transition:var(--transition)}
.btn-primary:hover{background-color:#b92fd8;border-color:#b92fd8;transform:translateY(-3px)}
.btn-outline-secondary{color:var(--secondary-color);border-color:var(--secondary-color);font-weight:600;padding:10px 25px;transition:var(--transition)}
.btn-outline-secondary:hover{background-color:rgba(224,64,251,.1);color:var(--secondary-color);transform:translateY(-3px)}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;margin-top:30px}
.gallery-item{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 10px 20px rgba(0,0,0,.2);transition:var(--transition);height:100%}
.gallery-item:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.3)}
.gallery-img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .5s ease;display:block}
.gallery-item:hover .gallery-img{transform:scale(1.05)}
.gallery-caption{background:var(--card-bg-gradient);padding:15px;text-align:center;flex-grow:0}
.gallery-caption h3{color:var(--secondary-color);font-size:1.2rem;margin-bottom:5px}
@media (max-width:576px){
.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.gallery-img{aspect-ratio:2/3}
}
.service-card{background:var(--card-bg-gradient);border-radius:10px;overflow:hidden;padding:30px;margin-bottom:30px;transition:var(--transition);height:100%;box-shadow:0 10px 20px rgba(0,0,0,.2)}
.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.3)}
.service-icon{margin-bottom:20px;font-size:3rem;color:var(--secondary-color)}
.service-title{color:var(--secondary-color);margin-bottom:15px;font-size:1.5rem}
.article-header{background:linear-gradient(rgba(34,5,42,.8),rgba(59,11,74,.8)),url('/api/placeholder/1920/500');background-size:cover;background-position:center;padding:100px 0 60px;text-align:center;margin-bottom:50px}
.article-title{color:var(--secondary-color);font-size:2.5rem;font-weight:700;margin-bottom:20px}
.article-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;color:rgba(255,255,255,.8)}
.article-meta span{display:flex;align-items:center}
.article-meta i{margin-right:8px;color:var(--secondary-color)}
.article-content{max-width:800px;margin:0 auto;padding:0 15px 70px}
.article-content p{margin-bottom:25px;line-height:1.8;font-size:1.05rem}
.article-content h2{color:var(--secondary-color);font-size:1.8rem;margin:40px 0 20px;font-weight:600}
.article-content h3{color:var(--secondary-color);font-size:1.4rem;margin:30px 0 15px;font-weight:600}
.article-content ol,.article-content ul{margin-bottom:25px;padding-left:25px}
.article-content li{margin-bottom:10px}
.article-image{margin:35px 0;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.article-image img{width:100%;height:auto;display:block}
.article-cta{background:var(--card-bg-gradient);padding:40px;border-radius:10px;margin:50px 0;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.article-cta h3{color:var(--secondary-color);margin-bottom:20px}
.article-tags{display:flex;flex-wrap:wrap;align-items:center;margin:40px 0 30px}
.article-tags span{margin-right:15px;font-weight:600;color:var(--secondary-color)}
.article-tags a{display:inline-block;margin:5px;padding:6px 15px;background:var(--card-bg-gradient);border-radius:50px;font-size:.9rem;color:#fff;text-decoration:none;transition:var(--transition)}
.article-tags a:hover{background-color:var(--primary-color);transform:translateY(-3px)}
.article-share{display:flex;align-items:center;margin-bottom:50px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:30px}
.article-share span{margin-right:15px;font-weight:600;color:var(--secondary-color)}
.article-share a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 8px;background:var(--card-bg-gradient);border-radius:50%;color:#fff;text-decoration:none;transition:var(--transition)}
.article-share a:hover{background-color:var(--primary-color);transform:translateY(-3px)}
.related-articles{margin-top:50px}
.related-articles h3{color:var(--secondary-color);margin-bottom:30px;font-size:1.5rem;font-weight:600;text-align:center}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}
.related-item{border-radius:10px;overflow:hidden;background:var(--card-bg-gradient);box-shadow:0 10px 20px rgba(0,0,0,.2);transition:var(--transition)}
.related-item:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.3)}
.related-item img{width:100%;height:180px;object-fit:cover}
.related-item h4{padding:20px 20px 10px;font-size:1.1rem;color:var(--secondary-color)}
.related-date{display:block;padding:0 20px 20px;font-size:.85rem;color:rgba(255,255,255,.7)}
.contact-info{text-align:center;margin-bottom:30px}
.contact-icon{font-size:2.5rem;color:var(--secondary-color);margin-bottom:15px}
.form-control{background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px;border-radius:5px;margin-bottom:20px}
.form-control:focus{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff;box-shadow:none}
.form-control::placeholder{color:rgba(255,255,255,.5)}
.form-select{background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px;margin-bottom:20px}
.form-select:focus{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff;box-shadow:none}
footer{background:var(--header-bg-gradient);color:#fff;padding:50px 0 30px}
.footer-links{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-wrap:wrap;justify-content:center}
.footer-links li{margin:0 15px 10px}
.footer-links a{color:#fff;text-decoration:none;transition:var(--transition)}
.footer-links a:hover{color:var(--secondary-color)}
.social-links{display:flex;justify-content:center;margin-bottom:20px}
.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgba(255,255,255,.1);border-radius:50%;margin:0 10px;transition:var(--transition);color:#fff;text-decoration:none}
.social-icon:hover{background-color:var(--primary-color);transform:translateY(-5px);color:#fff}
.copyright{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;color:rgba(255,255,255,.7)}
.mobile-buttons{display:none}
.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--header-bg-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition);z-index:999;text-decoration:none}
.back-to-top.visible{opacity:1;visibility:visible}
.back-to-top:hover{transform:translateY(-5px);color:#fff}
@media (max-width:992px){
.model-img img{height:350px}
}
@media (max-width:768px){
.section-dark{padding:50px 0}
.model-info{padding:20px}
.model-img img{height:300px}
.article-header{padding:80px 0 40px}
.article-title{font-size:2rem}
.article-meta{flex-direction:column;gap:10px}
.article-cta{padding:30px 20px}
.related-grid{grid-template-columns:1fr}
.mobile-buttons{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--header-bg-gradient);padding:15px;z-index:998;box-shadow:0 -2px 10px rgba(0,0,0,.2)}
.mobile-btn{flex:1;color:#fff;text-align:center;text-decoration:none;font-weight:600;display:flex;flex-direction:column;align-items:center;transition:var(--transition)}
.mobile-btn i{font-size:1.5rem;margin-bottom:5px}
.back-to-top{bottom:90px}
}
@media (max-width:576px){
.model-img img{height:280px}
.gallery-img{height:280px}
.article-content{padding:0 10px 50px}
.article-title{font-size:1.8rem}
}
.location-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}
.location-item{background:var(--card-bg-gradient);border-radius:10px;padding:15px 10px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.2);transition:var(--transition)}
.location-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.location-item span{color:#fff;font-weight:500}
@media (max-width:992px){
.location-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
.location-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:576px){
.location-grid{grid-template-columns:1fr}
}


.banner {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.banner img {
  width: 100%;
  height: auto;
  display: block;
  min-height: 250px;
}

.banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  color: #fff;
  width: 100%;
  padding: 0 15px;
}

.banner::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.2));
  z-index: 1;
}


.banner-content h1{font-size:36px;font-weight:600;margin-bottom:30px}
.search-title {
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
}
.search-bar{display:flex;max-width:600px;margin:0 auto 20px;box-shadow:0 4px 10px rgba(0,0,0,.2);border-radius:4px;overflow:hidden}
.search-bar select{flex:1;padding:14px 16px;font-size:16px;border:none;outline:0;appearance:none}
.search-bar button{background:#311b92;color:#fff;border:none;padding:0 20px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}
.search-bar button:hover{background:#333}
.search-stats{font-size:16px;color:#fff;font-weight:700}
.contact-line{margin-top:5px;font-size:16px;color:#fff}
.contact-line a{color:#fff;text-decoration:underline}
p.text-white-mail{width:100%;color:#fff}
.folio_1im1 img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;height:auto}
.bloh_h1l img{width:100%;aspect-ratio:3/2;object-fit:contain;background-color:#000;display:block}
@media (max-width: 576px) {
    .search-title {
        font-size: 18px;
    }
}


.cg-section { margin-top: 40px; }

/* UL -> 5 col flex grid */
.cg-grid {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 -10px; /* gutter compensation */
}

.cg-grid > li {
  width: 20%;
  padding: 10px;
  box-sizing: border-box;
}

/* Card */
.cg-card {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  text-align: center;
  padding: 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
}

/* Image */
.cg-card-img {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.cg-card-img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

/* Title */
.cg-card h3 {
  font-size: 16px;
  margin: 12px 0 0;
  line-height: 1.3;
  color: #000;
}

/* Button row (NO btn overrides) */
/* Custom Button Row */
.cg-btns {
  display: flex;
  gap: 5px;
  justify-content: center;
  flex-wrap: nowrap;
  margin-top: 12px;
}

/* Custom Call Button */
.cg-call-btn {
  background-color: #a000b3;
  color: white;
  font-weight: 600;
  padding: 6px 10px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
  transition: all 0.3s ease;
}
.cg-call-btn:hover {
  background-color: #7f0094;
  color: white;
}

/* Custom WhatsApp Button */
.cg-whatsapp-btn {
  border: 2px solid #a000b3;
  color: #a000b3;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 14px;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
  transition: all 0.3s ease;
}
.cg-whatsapp-btn:hover {
  background-color: #a000b3;
  color: white;
}


/* Responsive breakpoints */
@media (max-width: 1200px) { .cg-grid > li { width: 25%; } }
@media (max-width: 992px)  { .cg-grid > li { width: 33.333%; } }
@media (max-width: 768px)  { .cg-grid > li { width: 50%; } }
@media (max-width: 480px)  { .cg-grid > li { width: 100%; } }

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}