/* ViveChico V6 - Ultra Pro (CPT) */
:root{
  --red:#d9272e;
  --gold:#f2c24b;
  --paper:#f4f1ea;
  --teal1:#0f6b6e;
  --teal2:#0a4f51;
  --shadow: 0 18px 45px rgba(0,0,0,.30);
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--paper);
  color:#111;
}
body.admin-bar .vc-topbar { top: 32px; }
@media (max-width: 782px){ body.admin-bar .vc-topbar { top: 46px; } }

/* Header */
.vc-topbar{
  position:fixed; top:0; left:0; right:0;
  z-index:50; padding:10px 18px;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,0));
  backdrop-filter: blur(8px);
}
.vc-topbar__inner{
  max-width:1240px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  pointer-events:auto;
}
.vc-brand{
  position:relative;
  display:inline-flex; align-items:flex-end; gap:2px;
  text-decoration:none; color:#fff; font-weight:900;
  text-shadow:0 6px 24px rgba(0,0,0,.6);
}
.vc-brand__text{font-size:28px; line-height:1}
.vc-brand__dot{font-size:14px; font-weight:800; opacity:.95}
.vc-brand__swoosh{
  position:absolute; left:84px; bottom:-6px;
  width:82px; height:10px; border-radius:999px;
  background:linear-gradient(90deg, rgba(255,209,102,.0), rgba(255,209,102,.92), rgba(255,209,102,.0));
}
.vc-social{display:flex; gap:10px}
.vc-social__btn{
  width:36px;height:36px;border-radius:999px;
  display:grid;place-items:center;
  background: rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 14px 35px rgba(0,0,0,.25);
  text-decoration:none; color:#fff;
  backdrop-filter: blur(8px);
}
.vc-ico{font-weight:900; font-size:12px; opacity:.95}

/* Buttons */
.vc-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:14px 26px; border-radius:12px;
  font-weight:900; text-decoration:none;
  border:1px solid rgba(0,0,0,.14);
  box-shadow: 0 14px 28px rgba(0,0,0,.22);
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.vc-btn:hover{transform: translateY(-2px); filter:brightness(1.03)}
.vc-btn--red{background:var(--red); color:#fff}
.vc-btn--gold{background:var(--gold); color:#1a1a1a}
.vc-btn--whats{background:#25D366; color:#fff}

/* Hero */
.vc-hero{ position:relative; min-height:92vh; overflow:hidden; display:flex; align-items:center; padding-top:92px; }
.vc-hero__slides{ position:absolute; inset:0; z-index:0; }
.vc-hero__slide{
  position:absolute; inset:0; background-size:cover; background-position:center;
  opacity:0; transform: scale(1.06);
  transition: opacity 1.2s ease, transform 7s ease;
}
.vc-hero__slide.is-active{ opacity:1; transform: scale(1.0); }
.vc-hero__overlay{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,.66) 0%, rgba(0,0,0,.28) 55%, rgba(0,0,0,.08) 100%); }
.vc-hero__grain{
  position:absolute; inset:0;
  background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 3px 3px; opacity:.25; mix-blend-mode: overlay;
}
.vc-hero__content{ position:relative; max-width:1200px; margin:0 auto; padding:34px 18px; width:100%; z-index:2; }
.vc-hero__logo{ position:relative; margin:0 0 14px; text-shadow:0 10px 30px rgba(0,0,0,.6); }
.vc-hero__logoText{ font-size:74px; font-weight:900; letter-spacing:-.8px; color:#fff; }
.vc-hero__logoDot{ font-size:22px; font-weight:800; color:#fff; }
.vc-hero__logoSwoosh{
  position:absolute; left:225px; bottom:-8px;
  width:115px; height:10px; border-radius:999px;
  background:linear-gradient(90deg, rgba(255,209,102,.0), rgba(255,209,102,.95), rgba(255,209,102,.0));
}
.vc-hero__title{ margin:0 0 22px; color:#fff; font-weight:700; font-size:34px; line-height:1.16; text-shadow:0 10px 26px rgba(0,0,0,.65); }
.vc-hero__title span{ color:#ffd166; font-weight:900; }
.vc-hero__cta{display:flex; gap:14px; flex-wrap:wrap}
.vc-quickLinks{ margin-top:18px; display:flex; gap:10px; flex-wrap:wrap; }
.vc-quickLinks__item{
  padding:10px 14px; border-radius:999px; text-decoration:none;
  color:#fff; font-weight:900;
  border:1px solid rgba(255,255,255,.22);
  background: rgba(0,0,0,.22);
  backdrop-filter: blur(6px);
}

/* Section */
.vc-strip{ background:linear-gradient(180deg, var(--teal1), var(--teal2)); padding:64px 18px 76px; color:#fff; }
.vc-strip__inner{ max-width:1200px; margin:0 auto; }
.vc-strip__title{ text-align:center; margin:0 0 24px; font-size:40px; font-weight:900; text-shadow:0 10px 26px rgba(0,0,0,.35); }

/* Cats */
.vc-cats{ display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; }
.vc-cat{
  display:flex; align-items:center; justify-content:center;
  height:92px; border-radius:18px;
  background: rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 45px rgba(0,0,0,.25);
  text-decoration:none; color:#fff; font-weight:1000;
  transition: transform .18s ease, filter .18s ease;
}
.vc-cat:hover{ transform: translateY(-6px); filter:brightness(1.05); }

/* Archive */
.vc-archiveHero{ padding:72px 18px 26px; background: linear-gradient(180deg, #ffffff, #f5f2ec); }
.vc-archiveHero__inner{ max-width:1100px; margin:0 auto; }
.vc-archiveHero h1{ margin:0 0 6px; font-size:44px; font-weight:1000; }
.vc-archiveHero p{ margin:0; opacity:.85; }
.vc-archive{ padding:28px 18px 70px; background: #f5f2ec; }
.vc-archive__inner{ max-width:1100px; margin:0 auto; }
.vc-gridPosts{ display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; }

/* Card */
.vc-card{
  position:relative; border-radius:16px; overflow:hidden;
  min-height:260px; box-shadow: var(--shadow);
  background:#000; transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.vc-card:hover{ transform: translateY(-8px); filter:saturate(1.05); box-shadow: 0 24px 60px rgba(0,0,0,.38); }
.vc-card__link{ display:block; color:inherit; text-decoration:none; height:100%; }
.vc-card__media{ position:absolute; inset:0; }
.vc-card__media img{ width:100%; height:100%; object-fit:cover; display:block; transform: scale(1.02); transition: transform 900ms ease; }
.vc-card:hover .vc-card__media img{ transform: scale(1.08); }
.vc-card__fallback{ position:absolute; inset:0; background:linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.02)); }
.vc-card__shade{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.78)); }
.vc-card__body{ position:absolute; left:16px; right:16px; bottom:16px; color:#fff; }
.vc-card__body h3{ margin:0 0 6px; font-size:22px; font-weight:900; }
.vc-card__body p{ margin:0 0 10px; font-size:13px; opacity:.95; }
.vc-chip{ display:inline-flex; padding:8px 12px; border-radius:999px; font-weight:900; background: rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.22); }

/* Single */
.vc-single{ padding:34px 18px 70px; background: #f5f2ec; }
.vc-single__inner{ max-width:900px; margin:0 auto; }
.vc-single__header h1{ margin:0 0 8px; font-size:42px; font-weight:1000; }
.vc-single__excerpt{ margin:0 0 16px; opacity:.85; font-size:16px; }
.vc-single__hero img{ width:100%; height:auto; border-radius:18px; box-shadow: 0 18px 45px rgba(0,0,0,.22); }
.vc-single__content{ margin-top:18px; background:#fff; border-radius:18px; padding:18px; box-shadow: 0 16px 34px rgba(0,0,0,.10); }
.vc-single__cta{ margin-top:16px; display:flex; gap:12px; flex-wrap:wrap; }
.vc-empty{ background:#fff; border-radius:18px; padding:18px; box-shadow: 0 16px 34px rgba(0,0,0,.10); }

/* Reserve */
.vc-reserve{ padding:68px 18px; background: linear-gradient(180deg, #ffffff, #f5f2ec); }
.vc-reserve__inner{ max-width:900px; margin:0 auto; text-align:center; }
.vc-reserve__inner h2{ margin:0 0 6px; font-size:36px; font-weight:1000; }
.vc-reserve__inner p{ margin:0 0 18px; opacity:.85; }

/* WhatsApp float */
.vc-waFloat{ position:fixed; right:18px; bottom:18px; width:70px; height:70px; border-radius:999px; display:grid; place-items:center; text-decoration:none; z-index:60; }
.vc-waFloat__ring{ position:absolute; inset:-4px; border-radius:999px; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(255,255,255,0) 45%), radial-gradient(circle at 70% 70%, rgba(255,255,255,.55), rgba(255,255,255,0) 50%); box-shadow:0 18px 40px rgba(0,0,0,.28); border:3px solid rgba(255,255,255,.65); }
.vc-waFloat__icon{ position:relative; width:62px; height:62px; border-radius:999px; display:grid; place-items:center; background:#25D366; color:#fff; font-size:26px; box-shadow:0 18px 40px rgba(0,0,0,.28); border:2px solid rgba(255,255,255,.35); }

/* Footer */
.vc-footer{ background:#1b2626; color:#dbe3e3; padding:32px 18px; }
.vc-footer__inner{ max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.vc-footer a{color:#dbe3e3; opacity:.85; text-decoration:none}
.vc-footer a:hover{opacity:1}

/* Responsive */
@media (max-width: 980px){
  .vc-hero__logoText{font-size:56px}
  .vc-hero__title{font-size:26px}
  .vc-strip__title{font-size:32px}
  .vc-cats{grid-template-columns: repeat(2, 1fr)}
  .vc-gridPosts{grid-template-columns: repeat(2, 1fr)}
}
@media (max-width: 520px){
  .vc-hero{min-height:82vh}
  .vc-hero__logoText{font-size:46px}
  .vc-hero__title{font-size:22px}
  .vc-brand__text{font-size:26px}
  .vc-cats{grid-template-columns: 1fr}
  .vc-gridPosts{grid-template-columns: 1fr}
}


/* ===== V7 Section System (más PRO) ===== */
.vc-section{ padding: 86px 18px; position: relative; }
.vc-section__inner{ max-width: 1200px; margin: 0 auto; }
.vc-section__inner--wide{ max-width: 1320px; }
.vc-section__title{
  margin: 0;
  text-align: center;
  font-size: 44px;
  font-weight: 1000;
  letter-spacing: -0.4px;
  text-shadow: 0 10px 26px rgba(0,0,0,.32);
}
.vc-section__subtitle{ margin: 10px 0 34px; text-align: center; opacity: .92; }

/* Teal section like mockup */
.vc-section--teal{
  background: linear-gradient(180deg, var(--teal1), var(--teal2));
  color: #fff;
  overflow:hidden;
}
.vc-section--teal::after{
  content:"";
  position:absolute;
  inset:0;
  background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 3px 3px;
  opacity:.20;
  pointer-events:none;
  mix-blend-mode: overlay;
}

/* Mini cards grid (4 across) */
.vc-miniGrid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; align-items: stretch; }
.vc-miniCard{
  position: relative;
  height: 230px;
  border-radius: 18px;
  overflow: hidden;
  text-decoration: none;
  box-shadow: var(--shadow);
  transform: translateY(0);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  background:#000;
}
.vc-miniCard:hover{
  transform: translateY(-10px);
  box-shadow: 0 28px 70px rgba(0,0,0,.42);
  filter: saturate(1.06);
}
.vc-miniCard img{ width:100%; height:100%; object-fit: cover; display:block; transform: scale(1.02); transition: transform 900ms ease; }
.vc-miniCard:hover img{ transform: scale(1.09); }
.vc-miniCard__shade{ position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.82)); }
.vc-miniCard__body{ position:absolute; left:16px; right:16px; bottom:16px; color:#fff; display:flex; flex-direction: column; gap:6px; }
.vc-miniCard__body strong{ font-size:22px; font-weight:1000; }
.vc-miniCard__body small{ opacity:.92; font-weight:600; }

/* Small button */
.vc-btn--sm{ padding: 10px 14px; border-radius: 10px; font-size: 14px; width: max-content; }

/* Paper social section */
.vc-section--paper{ background: #f6f1e7; color:#0f1720; }
.vc-follow__title{ margin: 0; text-align:center; font-size: 44px; font-weight: 1000; letter-spacing: -0.4px; }
.vc-follow__hash{ margin-top: 6px; text-align:center; font-size: 52px; font-weight: 1000; color: var(--red); }

.vc-socialGrid{
  margin: 26px auto 16px;
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr 1fr;
  gap: 18px;
  align-items: stretch;
  max-width: 1200px;
}
.vc-socialCard{
  display:block;
  border-radius: 18px;
  overflow:hidden;
  min-height: 130px;
  background: rgba(255,255,255,.55);
  box-shadow: 0 18px 45px rgba(0,0,0,.14);
  transform: translateY(0);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.vc-socialCard:hover{
  transform: translateY(-8px);
  box-shadow: 0 26px 58px rgba(0,0,0,.18);
  filter: saturate(1.04);
}
.vc-socialCard img{ width:100%; height:100%; object-fit: cover; display:block; }
.vc-socialCard--ghost{ background: rgba(255,255,255,.35); border: 1px solid rgba(0,0,0,.05); }

.vc-followBtns{ display:flex; justify-content:center; gap: 14px; flex-wrap: wrap; margin-top: 14px; }
.vc-pill{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 1000;
  text-decoration:none;
  color:#0f1720;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 14px 28px rgba(0,0,0,.12);
  transition: transform .15s ease, filter .15s ease;
}
.vc-pill:hover{ filter: brightness(1.02); transform: translateY(-2px); }

/* Responsive for new sections */
@media (max-width: 1100px){
  .vc-miniGrid{ grid-template-columns: repeat(2, 1fr); }
  .vc-socialGrid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px){
  .vc-section__title, .vc-follow__title{ font-size: 32px; }
  .vc-follow__hash{ font-size: 40px; }
  .vc-miniGrid{ grid-template-columns: 1fr; }
  .vc-socialGrid{ grid-template-columns: 1fr; }
}


/* ===== V8: Slider PRO (Single pages) ===== */
.vc-single__media{ margin: 14px 0 18px; }
.vc-slider{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(0,0,0,.22);
  background: #000;
}
.vc-slider__surface{
  width:100%;
  height: clamp(260px, 42vw, 520px);
  touch-action: pan-y;
}
.vc-slider__track{
  display:flex;
  width:100%;
  height:100%;
  transition: transform 520ms ease;
}
.vc-slide{ min-width:100%; height:100%; position: relative; }
.vc-slide img{ width:100%; height:100%; object-fit: cover; display:block; }
.vc-slider__shade{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.65));
  pointer-events:none;
}
.vc-slider__nav{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:space-between;
  padding: 0 10px;
  pointer-events:none;
}
.vc-slider__btn{
  pointer-events:auto;
  width:44px; height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background: rgba(0,0,0,.30);
  backdrop-filter: blur(10px);
  color:#fff;
  font-size:20px;
  display:grid; place-items:center;
  cursor:pointer;
  box-shadow: 0 16px 36px rgba(0,0,0,.28);
}
.vc-slider__dots{
  position:absolute; left:0; right:0; bottom:12px;
  display:flex; justify-content:center; gap:8px;
}
.vc-slider__dots button{
  width:10px; height:10px;
  border-radius:999px;
  border:0;
  background: rgba(255,255,255,.38);
  cursor:pointer;
}
.vc-slider__dots button.is-active{ background: rgba(255,255,255,.95); }

.vc-video{
  margin-top: 14px;
  border-radius: 18px;
  overflow:hidden;
  box-shadow: 0 18px 45px rgba(0,0,0,.16);
  background:#000;
}
.vc-video__ratio{ position: relative; padding-top: 56.25%; }
.vc-video__ratio iframe,
.vc-video__ratio video{ position:absolute; inset:0; width:100%; height:100%; border:0; }

.vc-single__content{ line-height: 1.7; font-size: 16px; }


/* ===== V9: Landing pages (CPT) ===== */
.vc-landing{ padding: 0 18px 90px; }
.vc-landing__inner{ max-width: 1180px; margin: 0 auto; }
.vc-landing__header{ padding: 26px 0 18px; }
.vc-landing__title{
  margin: 0;
  font-size: clamp(34px, 4.6vw, 56px);
  font-weight: 1000;
  letter-spacing: -0.6px;
}
.vc-landing__lead{ margin: 10px 0 0; opacity: .9; font-weight: 650; max-width: 70ch; }
.vc-landing__actions{ display:flex; gap: 12px; flex-wrap: wrap; margin-top: 16px; }

.vc-tag--top{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(0,0,0,.08);
  font-weight: 1000;
  width: max-content;
  box-shadow: 0 12px 26px rgba(0,0,0,.10);
  margin-bottom: 10px;
}
.vc-facts{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: 16px;
}
.vc-fact{
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 14px 30px rgba(0,0,0,.10);
}
.vc-fact span{ display:block; opacity:.7; font-weight:800; font-size: 12px; text-transform: uppercase; letter-spacing: .6px; }
.vc-fact strong{ display:block; margin-top: 4px; font-weight: 1000; font-size: 16px; }

.vc-landing__media{ margin-top: 14px; }
.vc-landing__grid{
  display:grid;
  grid-template-columns: 1.55fr .95fr;
  gap: 18px;
  margin-top: 18px;
  align-items: start;
}
.vc-landing__content{
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  padding: 18px 18px;
  box-shadow: 0 18px 45px rgba(0,0,0,.10);
}
.vc-panel{
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  padding: 16px 16px;
  box-shadow: 0 18px 45px rgba(0,0,0,.10);
  margin-bottom: 14px;
}
.vc-panel h3{ margin: 0 0 10px; font-weight: 1000; }
.vc-panel ul{ margin: 0; padding-left: 18px; }
.vc-panel li{ margin: 8px 0; }
.vc-panel--cta p{ margin: 8px 0 12px; opacity: .9; }
.vc-link{ display:inline-block; margin-top: 10px; font-weight: 900; text-decoration:none; }
.vc-link:hover{ text-decoration: underline; }

.vc-stickyWa{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 999;
  display:flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 14px;
  border-radius: 16px;
  text-decoration:none;
  color:#0b2512;
  background: rgba(37, 211, 102, .95);
  box-shadow: 0 22px 55px rgba(0,0,0,.22);
  border: 1px solid rgba(0,0,0,.06);
}
.vc-stickyWa span{ font-weight: 900; font-size: 12px; opacity: .9; text-transform: uppercase; letter-spacing:.6px; }
.vc-stickyWa strong{ font-weight: 1000; font-size: 16px; }

@media (max-width: 980px){
  .vc-facts{ grid-template-columns: 1fr; }
  .vc-landing__grid{ grid-template-columns: 1fr; }
}


/* ===== V10: Category Deck (Home) ===== */
.vc-deck{ position:relative; margin-top: 8px; outline: none; }
.vc-deck__nav{
  position:absolute;
  right: 18px;
  top: 18px;
  display:flex;
  gap:10px;
  z-index: 5;
}
.vc-deck__btn{
  width:44px; height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background: rgba(0,0,0,.28);
  backdrop-filter: blur(12px);
  color:#fff;
  font-size:20px;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow: 0 16px 36px rgba(0,0,0,.22);
}
.vc-deck__panels{ position:relative; }
.vc-deck__panel{
  display:none;
  animation: vcFadeUp 420ms ease;
}
.vc-deck__panel.is-active{ display:block; }
@keyframes vcFadeUp{
  from{ opacity:0; transform: translateY(10px); }
  to{ opacity:1; transform: translateY(0); }
}

.vc-deck__dots{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top: 16px;
  flex-wrap: wrap;
}
.vc-deck__dots button{
  border:1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.20);
  color: rgba(255,255,255,.90);
  padding: 9px 12px;
  border-radius: 999px;
  font-weight: 900;
  cursor:pointer;
  backdrop-filter: blur(10px);
}
.vc-deck__dots button.is-active{
  background: rgba(255,255,255,.90);
  color:#0b2512;
  border-color: rgba(0,0,0,.06);
}
@media (max-width: 700px){
  .vc-deck__nav{ right: 10px; top: 10px; }
}

.vc-homeCarousel{ margin-top: 10px; }
.vc-homeCarousel__title{
  margin: 0 0 6px;
  font-size: clamp(22px, 2.7vw, 30px);
  font-weight: 1000;
  color:#fff;
}
.vc-homeCarousel__sub{
  margin: 0 0 14px;
  color: rgba(255,255,255,.86);
  font-weight: 650;
}


/* === V19 PRO HERO TITLE === */
.vc-section__head{
  text-align:center;
  max-width:1100px;
  margin:0 auto 40px auto;
}

.vc-deck-title{
  font-size:clamp(34px,5vw,56px);
  line-height:1.1;
  font-weight:800;
  letter-spacing:-0.02em;
  margin-bottom:14px;
  text-align:center;
}

.vc-deck-sub{
  font-size:clamp(16px,1.6vw,20px);
  opacity:.9;
  text-align:center;
  max-width:720px;
  margin:0 auto;
}