/*
Theme Name: Canary Ocean Photos Custom
Theme URI: https://canaryoceanphotos.com/
Description: Homepage personalizada de Canary Ocean Photos basada en Extendable.
Author: Canary Ocean Photos
Template: extendable
Version: 1.6.0
*/

:root{--cop-ink:#17232c;--cop-blue:#147be8;--cop-sand:#f6f2eb;--cop-line:#e8e3db;--cop-muted:#68727a;--cop-max:1180px}
.cop-site{font-family:Arial,Helvetica,sans-serif;color:var(--cop-ink);line-height:1.6}
.cop-site *{box-sizing:border-box}
.cop-site img{display:block;width:100%;height:auto}
.cop-wrap{width:min(var(--cop-max),calc(100% - 36px));margin:0 auto}
.cop-site h1,.cop-site h2,.cop-site h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.08}
.cop-site h1{font-size:clamp(3rem,7vw,6.3rem);margin:0}
.cop-site h2{font-size:clamp(2.2rem,4.7vw,4.1rem);margin:0}
.cop-site h3{font-size:1.55rem;margin:.1em 0}
.cop-kicker{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:0 0 14px}
.cop-lead{font-size:1.12rem}
.cop-actions{display:flex;gap:12px;flex-wrap:wrap}
.cop-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-decoration:none;transition:transform .2s ease,opacity .2s ease}
.cop-btn:hover{transform:translateY(-2px);opacity:.92}
.cop-btn-dark{background:var(--cop-ink);color:#fff!important}
.cop-btn-light{background:#fff;color:var(--cop-ink)!important}
.cop-btn-blue{background:var(--cop-blue);color:#fff!important}

.cop-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e6e6e6}
.cop-header-inner{min-height:82px;display:flex;align-items:center;gap:28px}
.cop-brand{display:flex;align-items:center;min-width:150px;text-decoration:none}
.cop-brand img{width:150px!important;height:auto}
.cop-nav{display:flex;align-items:center;gap:23px;overflow-x:auto;white-space:nowrap;flex:1;scrollbar-width:none}
.cop-nav::-webkit-scrollbar{display:none}
.cop-nav a{color:#4e5860;text-decoration:none;font-size:.88rem}
.cop-nav a:hover{color:var(--cop-blue)}
.cop-header-book{white-space:nowrap}

.cop-hero{min-height:82vh;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(0deg,rgba(10,16,20,.72),rgba(10,16,20,.04) 64%),url("assets/images/IMG_8268_HERO_EXACT.webp") center 24%/cover no-repeat}
.cop-hero-inner{padding:150px 0 74px;max-width:820px}
.cop-hero .cop-lead{max-width:710px;margin:20px 0 28px}
.cop-hero-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:.83rem}

.cop-section{padding:92px 0}
.cop-intro{background:#fff}
.cop-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.cop-copy p{color:var(--cop-muted);max-width:680px}
.cop-copy .cop-lead{color:var(--cop-ink)}
.cop-tall{aspect-ratio:4/5;object-fit:cover}
.cop-heading{max-width:790px;margin-bottom:42px}
.cop-heading p{color:var(--cop-muted);font-size:1.05rem;margin:16px 0 0}

.cop-services{background:var(--cop-sand)}
.cop-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cop-card{background:#fff}
.cop-card img{aspect-ratio:4/5;object-fit:cover}
.cop-card-body{padding:24px}
.cop-card-body p{color:var(--cop-muted);margin:10px 0 20px}

.cop-portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.cop-portfolio-grid a{display:block;overflow:hidden}
.cop-portfolio-grid img{aspect-ratio:1;object-fit:cover;transition:transform .5s ease}
.cop-portfolio-grid a:hover img{transform:scale(1.04)}

.cop-about{background:#1d2328;color:#fff}
.cop-about .cop-copy p{color:#c9ced2}
.cop-about img{aspect-ratio:4/5;object-fit:cover}

.cop-locations{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cop-location{position:relative;min-height:320px;overflow:hidden}
.cop-location img{height:100%;object-fit:cover;transition:transform .5s ease}
.cop-location:hover img{transform:scale(1.05)}
.cop-location span{position:absolute;left:0;right:0;bottom:0;padding:52px 16px 16px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.76));font:1.2rem Georgia,"Times New Roman",serif}

.cop-price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px;margin:0 auto}
.cop-price{border:1px solid var(--cop-line);padding:36px;background:#fff}
.cop-price-highlight{border:2px solid var(--cop-ink)}
.cop-price-value{font:3rem Georgia,"Times New Roman",serif;margin:8px 0 18px}
.cop-price ul{list-style:none;padding:0;margin:0 0 24px}
.cop-price li{padding:8px 0;border-bottom:1px solid #eee;color:var(--cop-muted)}

.cop-process{background:var(--cop-sand)}
.cop-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cop-step-number{font-size:.75rem;letter-spacing:.18em;font-weight:700}
.cop-step p{color:var(--cop-muted);margin:8px 0 0}

.cop-business{color:#fff;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.62)),url("https://canaryoceanphotos.com/wp-content/uploads/2024/09/IMG_9847-768x512-2.jpg") center/cover no-repeat}
.cop-business p{max-width:720px;color:#e4e5e6}
.cop-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 25px}
.cop-tags span{border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:7px 13px;font-size:.78rem}

.cop-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cop-quote{background:var(--cop-sand);padding:28px}
.cop-quote p{font:1.15rem/1.5 Georgia,"Times New Roman",serif;margin:0 0 18px}
.cop-quote small{font-weight:700}

.cop-faq{max-width:900px;margin:0 auto}
.cop-faq details{border-bottom:1px solid var(--cop-line)}
.cop-faq summary{cursor:pointer;list-style:none;padding:21px 0;font-weight:700}
.cop-faq summary::-webkit-details-marker{display:none}
.cop-faq p{color:var(--cop-muted);padding:0 0 21px;margin:0}

.cop-cta{color:#fff;text-align:center;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.64)),url("https://canaryoceanphotos.com/wp-content/uploads/2024/09/IMG_0119-2-scaled.jpg") center/cover no-repeat}
.cop-cta p{max-width:690px;margin:18px auto 25px;color:#e7e7e7}
.cop-cta .cop-actions{justify-content:center}
.cop-footer{background:#12191e;color:#d8dde0;padding:58px 0}
.cop-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.cop-footer h3{color:#fff;font-size:1.35rem}
.cop-footer a{color:#fff;text-decoration:none}
.cop-footer p{color:#aeb7bd}

@media(max-width:900px){
  .cop-header-inner{gap:14px}.cop-header-book{display:none}.cop-nav{gap:17px}
  .cop-grid-2{grid-template-columns:1fr;gap:38px}
  .cop-cards,.cop-testimonials{grid-template-columns:1fr}
  .cop-locations{grid-template-columns:repeat(2,1fr)}
  .cop-process-grid{grid-template-columns:repeat(2,1fr)}
  .cop-price-grid{grid-template-columns:1fr}
  .cop-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .cop-wrap{width:calc(100% - 28px)}
  .cop-header-inner{min-height:72px}.cop-brand img{width:125px!important}
  .cop-nav{display:none}
  .cop-header-book{display:inline-flex;margin-left:auto;padding:0 16px;min-height:44px}
  .cop-section{padding:72px 0}
  .cop-hero{min-height:78vh;background-position:center center}
  .cop-hero-inner{padding:120px 0 48px}
  .cop-actions{flex-direction:column}.cop-actions .cop-btn{width:100%}
  .cop-portfolio-grid{grid-template-columns:repeat(2,1fr)}
  .cop-locations{grid-template-columns:1fr}
  .cop-process-grid{grid-template-columns:1fr}
  .cop-footer-grid{grid-template-columns:1fr}
}