:root{--ink:#18322f;--deep:#0e2926;--sand:#f4efe7;--paper:#fffdf9;--accent:#d99c56;--muted:#64716f;--line:#d9dfdc;--white:#fff;--shadow:0 18px 50px rgba(20,45,42,.14);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.section{padding:88px 0}.skip-link{position:absolute;left:-999px;top:10px;background:#fff;padding:10px;z-index:999}.skip-link:focus{left:10px}
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(255,253,249,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(24,50,47,.08)}.header-inner{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--deep);color:#fff;font-weight:800;letter-spacing:.04em}.brand span:last-child{display:flex;flex-direction:column;line-height:1.15}.brand small{font-size:.73rem;color:var(--muted);margin-top:4px}.main-nav{display:flex;gap:22px;margin-left:auto}.main-nav a{font-size:.94rem;font-weight:650}.header-cta{margin-left:6px}.menu-toggle{display:none;border:0;background:transparent;font-size:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;font-weight:750;border:1px solid transparent;transition:.2s ease;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--deep);color:#fff}.btn-glass{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.55);backdrop-filter:blur(8px)}.btn-outline{border-color:var(--deep);color:var(--deep);background:rgba(255,255,255,.78)}.btn-light{background:#fff;color:var(--deep)}.btn-dark{background:var(--deep);color:#fff;width:100%}.btn-whatsapp{background:#1f6f56;color:#fff}
/* Seis fondos principales. Cada sección usa una imagen distinta y una capa al 50%. */
.bg-section{position:relative;isolation:isolate;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll}.bg-section::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,253,249,.50)}
.bg-inicio{background-image:url('v2-inicio-infiernillo.jpg')}.bg-alojamientos{background-image:url('v2-alojamientos-atardecer.jpg')}.bg-espacios{background-image:url('v2-espacios-roquerios.jpg')}.bg-fotos{background-image:url('v2-fotos-playa.jpg')}.bg-experiencia{background-image:url('v2-experiencia-cielo.jpg')}.bg-contacto{background-image:url('v2-contacto-surf.jpg')}
.hero{min-height:820px;display:flex;align-items:end;padding:150px 0 72px;background-position:center 45%;color:#fff}.hero::before{display:none}.hero-overlay{position:absolute;inset:0;z-index:0;background:rgba(8,24,22,.50)}.hero-content{position:relative;z-index:1;color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.76rem;font-weight:800;margin:0 0 14px}.eyebrow.dark{color:#564b3d}.hero h1{font-size:clamp(3rem,6vw,6rem);max-width:850px;line-height:.98;margin:0 0 24px;letter-spacing:-.055em;text-shadow:0 3px 20px rgba(0,0,0,.28)}.hero-lead{max-width:760px;font-size:1.22rem;line-height:1.55;color:rgba(255,255,255,.95);text-shadow:0 2px 12px rgba(0,0,0,.25)}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.hero-badges span{padding:8px 12px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(8,24,22,.26);font-size:.88rem;backdrop-filter:blur(5px)}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.intro{background:#fffdf9}.intro h2,.section-heading h2,.visual-content h2,.details-grid h2,.contact-copy h2{font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 20px}.lead{font-size:1.16rem;color:var(--muted)}.stats-card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;box-shadow:var(--shadow);overflow:hidden}.stats-card div{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-card div:nth-child(2n){border-right:0}.stats-card div:nth-last-child(-n+2){border-bottom:0}.stats-card strong{font-size:2rem;display:block}.stats-card span{color:var(--muted);font-size:.9rem}.section-heading{max-width:760px;margin-bottom:42px;padding:24px 26px;border-radius:20px;background:rgba(255,253,249,.78);backdrop-filter:blur(5px)}.section-heading p:last-child{color:#45514f}.row-heading{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:30px}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.stay-card{position:relative;background:rgba(255,255,255,.93);border:1px solid rgba(217,223,220,.95);border-radius:var(--radius);padding:30px;box-shadow:0 10px 30px rgba(20,45,42,.12);backdrop-filter:blur(6px)}.stay-card.featured{border-color:#b99768;box-shadow:var(--shadow)}.card-label{position:absolute;top:18px;right:18px;background:#f1dec2;color:#5d4526;font-size:.75rem;font-weight:800;padding:6px 10px;border-radius:999px}.stay-icon{width:50px;height:50px;border-radius:14px;background:var(--deep);color:#fff;display:grid;place-items:center;font-weight:900;font-size:1.3rem}.stay-card h3{font-size:1.45rem;line-height:1.2;margin:22px 0 10px}.stay-card p{color:var(--muted)}.stay-card ul{padding-left:18px;margin:22px 0}.stay-card li{margin:7px 0}.text-link{font-weight:800;color:#755d3b}
.visual-section{padding:105px 0;color:#fff;background-position:center 48%}.visual-section::before{background:rgba(7,28,24,.50)}.visual-overlay{display:none}.visual-content{position:relative;z-index:1}.visual-content>.eyebrow,.visual-content>h2{text-shadow:0 2px 18px rgba(0,0,0,.35)}.visual-content h2{max-width:820px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.feature-grid div{padding:22px;border:1px solid rgba(255,255,255,.32);border-radius:18px;background:rgba(8,24,22,.52);backdrop-filter:blur(8px)}.feature-grid strong{display:block;margin-bottom:6px}.feature-grid span{font-size:.92rem;color:rgba(255,255,255,.9)}
.gallery-placeholder{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;gap:14px}.photo-slot{border-radius:18px;background:rgba(255,255,255,.72);border:1px dashed #66736e;display:flex;align-items:end;padding:18px;color:#34423e;font-weight:750;position:relative;overflow:hidden;backdrop-filter:blur(6px)}.photo-slot:before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,transparent 55%,rgba(255,255,255,.58))}.photo-slot span{position:relative}.photo-slot-wide{grid-column:span 2}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-grid article{background:rgba(255,255,255,.92);border:1px solid rgba(217,223,220,.95);border-radius:18px;padding:26px;box-shadow:0 10px 26px rgba(20,45,42,.10);backdrop-filter:blur(6px)}.value-grid span{font-size:.78rem;font-weight:850;color:#9b8768}.value-grid h3{margin:10px 0 8px}.value-grid p{margin:0;color:var(--muted)}
.details-section{background:#fffdf9}.details-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.accordion-list details{border-top:1px solid var(--line);padding:20px 0}.accordion-list details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:800;cursor:pointer}.accordion-list p{color:var(--muted)}
.contact-section{color:#fff;background-position:center 48%}.contact-section::before{background:rgba(8,24,22,.50)}.contact-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.contact-copy{padding:28px;border-radius:20px;background:rgba(8,24,22,.48);backdrop-filter:blur(6px)}.contact-copy p{color:rgba(255,255,255,.9)}.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.social-links{display:flex;gap:20px;font-weight:750}.contact-form{background:rgba(255,255,255,.95);color:var(--ink);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);backdrop-filter:blur(7px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;font-size:.86rem;font-weight:750;margin-bottom:16px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #ccd5d1;border-radius:12px;padding:12px 13px;margin-top:7px;background:#fff;color:var(--ink);outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#65857e;box-shadow:0 0 0 3px rgba(101,133,126,.15)}.check{display:flex!important;align-items:flex-start;gap:10px;font-weight:600!important}.check input{width:auto;margin-top:4px}.hp{position:absolute!important;left:-9999px!important}.form-note{font-size:.78rem;color:var(--muted)!important;text-align:center;margin:10px 0 0}.site-footer{padding:36px 0;background:#091d1b;color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:28px}.footer-grid div{display:flex;flex-direction:column;gap:6px}.footer-grid p{color:rgba(255,255,255,.6);margin:0}.floating-wa{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#1f8b61;color:#fff;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.22);z-index:90}
@media(max-width:980px){.main-nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.main-nav.open{position:absolute;display:flex;flex-direction:column;left:20px;right:20px;top:84px;background:#fff;padding:18px;border-radius:16px;box-shadow:var(--shadow)}.hero{min-height:760px}.split,.details-grid,.contact-grid{grid-template-columns:1fr}.cards-3,.feature-grid,.value-grid{grid-template-columns:1fr 1fr}.row-heading{align-items:start;flex-direction:column}.gallery-placeholder{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.container{width:min(100% - 28px,1160px)}.section{padding:66px 0}.header-inner{height:70px}.brand strong{font-size:.93rem}.brand small{font-size:.67rem}.brand-mark{width:40px;height:40px}.hero{min-height:720px;padding:130px 0 48px;background-position:center}.hero h1{font-size:clamp(2.6rem,13vw,4rem)}.hero-lead{font-size:1.03rem}.cards-3,.feature-grid,.value-grid,.gallery-placeholder,.stats-card,.form-row,.footer-grid{grid-template-columns:1fr}.stats-card div{border-right:0;border-bottom:1px solid var(--line)!important}.stats-card div:last-child{border-bottom:0!important}.photo-slot-wide{grid-column:auto}.gallery-placeholder{grid-auto-rows:210px}.feature-grid{gap:10px}.contact-form{padding:22px}.floating-wa{width:52px;height:52px}.hero-actions .btn{width:100%}.section-heading{padding:20px}.contact-copy{padding:22px}}

/* ===== V3 · HERO CON COLLAGE A LA DERECHA ===== */
.hero-content{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);
  gap:clamp(36px,5vw,76px);
  align-items:center;
  width:100%;
}
.hero-copy{min-width:0}
.hero-copy h1{max-width:760px}
.hero-copy .hero-lead{max-width:700px}
.hero-collage{
  position:relative;
  margin:0;
  justify-self:end;
  width:min(100%,520px);
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
  filter:drop-shadow(0 22px 40px rgba(0,0,0,.28));
}
.hero-collage::before{
  content:"";
  position:absolute;
  inset:6%;
  border-radius:32px;
  background:rgba(255,255,255,.20);
  filter:blur(24px);
  z-index:-1;
}
.hero-collage img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:30px;
  /* Difumina gradualmente los bordes hacia transparencia sin alterar el centro */
  -webkit-mask-image:radial-gradient(ellipse at center,#000 58%,rgba(0,0,0,.98) 66%,rgba(0,0,0,.80) 75%,rgba(0,0,0,.36) 87%,transparent 100%);
  mask-image:radial-gradient(ellipse at center,#000 58%,rgba(0,0,0,.98) 66%,rgba(0,0,0,.80) 75%,rgba(0,0,0,.36) 87%,transparent 100%);
}

@media(max-width:1050px){
  .hero-content{grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:32px}
  .hero-collage{width:min(100%,420px)}
  .hero-copy h1{font-size:clamp(2.8rem,5.5vw,5rem)}
}
@media(max-width:820px){
  .hero{min-height:auto;padding:130px 0 58px;align-items:center}
  .hero-content{grid-template-columns:1fr;gap:28px}
  .hero-collage{justify-self:center;width:min(82vw,430px);order:2}
  .hero-copy{order:1}
}
@media(max-width:680px){
  .hero-collage{width:min(92vw,360px)}
  .hero-collage img{border-radius:22px}
}

/* ===== V4 · GALERÍA REAL DE INTERIORES ===== */
.photo-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:260px;
  gap:14px;
}
.gallery-item{
  position:relative;
  padding:0;
  border:0;
  border-radius:18px;
  overflow:hidden;
  cursor:zoom-in;
  background:#dce4e0;
  box-shadow:0 12px 30px rgba(18,43,39,.14);
  min-width:0;
}
.gallery-item-wide{grid-column:span 2;grid-row:span 2}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,filter .4s ease}
.gallery-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(5,20,18,.72) 100%);pointer-events:none}
.gallery-item span{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;color:#fff;font-weight:800;font-size:.95rem;text-align:left;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.035);filter:saturate(1.04)}
.gallery-item:focus-visible{outline:3px solid rgba(255,255,255,.95);outline-offset:3px}
.gallery-lightbox{position:fixed;inset:0;z-index:200;background:rgba(3,12,11,.88);display:grid;place-items:center;padding:28px;backdrop-filter:blur(8px)}
.gallery-lightbox[hidden]{display:none}
.gallery-lightbox img{max-width:min(94vw,1500px);max-height:88vh;object-fit:contain;border-radius:16px;box-shadow:0 28px 90px rgba(0,0,0,.5)}
.lightbox-close{position:fixed;top:20px;right:24px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.36);color:#fff;font-size:2rem;line-height:1;cursor:pointer}
@media(max-width:900px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:235px}.gallery-item-wide{grid-column:span 2;grid-row:span 1}}
@media(max-width:600px){.photo-gallery{grid-template-columns:1fr;grid-auto-rows:230px}.gallery-item-wide{grid-column:auto;grid-row:auto}.gallery-lightbox{padding:16px}.lightbox-close{top:12px;right:12px}}

/* V5: grupos de galería interior/exterior */
.gallery-group-heading{margin:8px 0 18px;padding:16px 20px;border-radius:16px;background:rgba(255,253,249,.80);backdrop-filter:blur(5px);display:inline-block}
.gallery-group-heading h3{margin:0;font-size:clamp(1.45rem,2.5vw,2.15rem);letter-spacing:-.03em}
.gallery-group-heading .eyebrow{margin-bottom:6px}
.gallery-group-heading-exterior{margin-top:48px}
.photo-gallery-exterior{margin-bottom:6px}

/* ===== V6 · PROMOCIONES ===== */
.bg-promociones{
  background-image:url('promociones/fondo-promociones-atardecer.jpg');
  background-position:center;
  background-size:cover;
  background-attachment:scroll;
}
.promo-section{position:relative;overflow:hidden;isolation:isolate;min-height:760px;display:flex;align-items:center}
.promo-overlay{position:absolute;inset:0;background:rgba(15,20,22,.50);z-index:0}
.promo-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(28px,5vw,70px);align-items:center}
.promo-copy{background:rgba(255,255,255,.50);color:#101817;border:1px solid rgba(255,255,255,.56);border-radius:26px;padding:clamp(24px,4vw,42px);box-shadow:0 24px 70px rgba(0,0,0,.24);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.promo-copy h2{color:#101817;margin-top:4px;margin-bottom:24px;font-size:clamp(2rem,3.6vw,3.35rem);line-height:1.04;letter-spacing:-.045em}
.promo-copy p{color:#15211f;line-height:1.62}
.promo-pricing,.promo-jacuzzi{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.44);border:1px solid rgba(255,255,255,.45);margin:0 0 16px}
.promo-pricing p,.promo-jacuzzi p{margin:5px 0}
.promo-jacuzzi{background:rgba(245,239,228,.48)}
.promo-features{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:20px 0;font-weight:760}
.promo-features span{padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.34)}
.promo-conditions{font-size:.92rem}
.promo-airbnb{margin-top:8px}
.promo-carousel{min-width:0;position:relative}
.promo-stage{position:relative;width:min(100%,620px);aspect-ratio:1.15/1;margin-inline:auto;border-radius:28px;overflow:hidden;background:rgba(0,0,0,.18);box-shadow:0 30px 80px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.55)}
.promo-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .45s ease,transform .55s ease;background:rgba(0,0,0,.08)}
.promo-slide.active{opacity:1;transform:scale(1);z-index:1}
.promo-nav{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:rgba(9,22,20,.56);color:#fff;font-size:2rem;line-height:1;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(6px);transition:background .2s ease,transform .2s ease}
.promo-nav:hover{background:rgba(9,22,20,.82);transform:translateY(-50%) scale(1.05)}
.promo-prev{left:16px}.promo-next{right:16px}
.promo-dots{display:flex;justify-content:center;gap:10px;margin-top:18px}
.promo-dot{width:11px;height:11px;padding:0;border:1px solid rgba(255,255,255,.92);border-radius:50%;background:transparent;cursor:pointer}
.promo-dot.active{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.14)}
.promo-counter{text-align:center;color:#fff!important;margin:9px 0 0;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.45)}
@media(max-width:980px){.promo-grid{grid-template-columns:1fr}.promo-stage{width:min(100%,560px)}.promo-section{min-height:auto}.promo-copy{order:1}.promo-carousel{order:2}}
@media(max-width:680px){.promo-copy{padding:22px;border-radius:20px}.promo-features{grid-template-columns:1fr}.promo-stage{width:100%;aspect-ratio:4/5;border-radius:20px}.promo-nav{width:42px;height:42px}.promo-prev{left:10px}.promo-next{right:10px}}

.bg-promociones::before{background:transparent}

/* ===== V7 AUDITADA · AJUSTES REALES ===== */
/* 1) INICIO: el contenido ocupa exactamente 80vw en escritorio, por lo que deja 10vw libres a cada lado.
   Se anula el max-width de .container solamente en el hero. */
@media (min-width: 981px){
  #inicio .hero-content{
    width:80vw;
    max-width:none;
    margin-left:auto;
    margin-right:auto;
  }
  #inicio .hero-copy{justify-self:start;}
  #inicio .hero-collage{justify-self:end;}
}

/* 2) PROMOCIONES: ancho útil de 80vw; panel de texto más compacto y carrusel más grande.
   Ambos bloques comparten una altura visual equivalente. */
@media (min-width: 981px){
  #promociones .promo-grid{
    width:80vw;
    max-width:none;
    margin-left:auto;
    margin-right:auto;
    grid-template-columns:minmax(300px,.66fr) minmax(560px,1.34fr);
    gap:clamp(28px,3.5vw,54px);
    align-items:stretch;
  }
  #promociones .promo-copy{
    height:700px;
    padding:22px 26px;
    font-size:.82rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:auto;
  }
  #promociones .promo-copy .eyebrow{font-size:.65rem;margin-bottom:7px}
  #promociones .promo-copy h2{
    font-size:clamp(1.5rem,1.85vw,2.05rem);
    line-height:1.08;
    margin:0 0 12px;
  }
  #promociones .promo-copy p{line-height:1.38;margin-top:7px;margin-bottom:7px}
  #promociones .promo-pricing,
  #promociones .promo-jacuzzi{
    padding:9px 12px;
    margin-bottom:8px;
    border-radius:14px;
  }
  #promociones .promo-pricing p,
  #promociones .promo-jacuzzi p{margin:2px 0}
  #promociones .promo-features{
    gap:5px 8px;
    margin:9px 0;
  }
  #promociones .promo-features span{
    padding:5px 8px;
    border-radius:9px;
    font-size:.79rem;
  }
  #promociones .promo-conditions{font-size:.75rem;line-height:1.34}
  #promociones .promo-airbnb{margin-top:3px;min-height:40px;font-size:.83rem}
  #promociones .promo-carousel{
    height:700px;
    min-height:700px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  #promociones .promo-stage{
    width:100%;
    max-width:none;
    height:660px;
    min-height:660px;
    aspect-ratio:auto;
    margin:auto;
  }
  #promociones .promo-slide{
    object-fit:contain;
  }
  #promociones .promo-dots{margin-top:10px}
  #promociones .promo-counter{margin-top:5px}
}
@media (min-width: 1400px){
  #promociones .promo-copy,
  #promociones .promo-carousel{height:740px;min-height:740px}
  #promociones .promo-stage{height:700px;min-height:700px}
}
