/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 5.15.2.1
Updated: 2026-10-14 17:27:12

*/

/* ==========================================================
   cnbg.media - Tipografias propias (alojadas en Medios)
   Coolvetica: 300 light / 400 regular / 700 bold
   Playfair Display: cursiva para las palabras destacadas
   ========================================================== */
@font-face{font-family:"Coolvetica";font-weight:300;font-style:normal;font-display:swap;src:url("/wp-content/uploads/2026/10/coolvetica-light.woff2") format("woff2");}
@font-face{font-family:"Coolvetica";font-weight:400;font-style:normal;font-display:swap;src:url("/wp-content/uploads/2026/10/coolvetica-regular.woff2") format("woff2");}
@font-face{font-family:"Coolvetica";font-weight:700;font-style:normal;font-display:swap;src:url("/wp-content/uploads/2026/10/coolvetica-bold.woff2") format("woff2");}
@font-face{font-family:"Playfair Italic";font-weight:400;font-style:italic;font-display:swap;src:url("/wp-content/uploads/2026/10/playfair-italic.woff2") format("woff2");}
@font-face{font-family:"Playfair Italic";font-weight:400;font-style:normal;font-display:swap;src:url("/wp-content/uploads/2026/10/playfair-italic.woff2") format("woff2");}

/* Palabras destacadas: cualquier texto en cursiva (em) usa Playfair.
   En el builder basta con poner la palabra en cursiva. */
#page-container em{font-family:"Playfair Italic",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;}

/* Numeros de "Los numeros": el signo + va en <sup>, pequeno y en Playfair */
.cnbg-stat sup{font-family:"Playfair Italic",Georgia,serif;font-style:italic;font-weight:400;font-size:.42em;letter-spacing:0;vertical-align:top;position:relative;top:.1em;margin-right:.04em;line-height:1;}


/* Portfolio: boton de play sobre las miniaturas con enlace (modulo Imagen con clase cnbg-video) */
.cnbg-video a .et_pb_image_wrap{position:relative;display:block;}
.cnbg-video a .et_pb_image_wrap::after{content:"";position:absolute;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M8 5v14l11-7z'/%3E%3C/svg%3E") no-repeat 56% 50%/24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .35s cubic-bezier(.16,1,.3,1);pointer-events:none;}
.cnbg-video a:hover .et_pb_image_wrap::after{transform:translate(-50%,-50%) scale(1.08);}
.cnbg-video iframe{display:block;width:100%;border:0;border-radius:16px;}

/* Servicios: etiquetas en pildora */
#page-container ul.cnbg-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0 !important;list-style:none;}
#page-container ul.cnbg-tags li{margin:0;padding:6px 14px;border:1px solid #e3e3e3;border-radius:999px;font-family:"Coolvetica",sans-serif;font-weight:300;font-size:13px;line-height:1.2;color:#555;background:#fff;list-style:none;}

/* Ultimos proyectos: tiras expandibles (escritorio) y carrusel deslizable (movil) */
#page-container .cnbg-strips{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:10px!important;height:clamp(440px,64vh,640px);width:100%;}
#page-container .cnbg-strips>.cnbg-strip{position:relative;display:block!important;flex:1 1 0!important;min-width:0;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border-radius:13px;overflow:hidden;background:#111;color:#fff;cursor:pointer;transition:flex-grow .8s cubic-bezier(.16,1,.3,1);}
#page-container .cnbg-strips>.cnbg-strip.is-open{flex-grow:3.2!important;cursor:default;}
#page-container .cnbg-strip::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0) 35%,rgba(0,0,0,0) 60%,rgba(0,0,0,.55));pointer-events:none;}
#page-container .cnbg-strip .cnbg-strip__img{position:absolute!important;inset:0;z-index:0;width:100%!important;max-width:none!important;height:100%;margin:0!important;}
#page-container .cnbg-strip .cnbg-strip__img .et_pb_image_wrap,#page-container .cnbg-strip .cnbg-strip__img img{display:block;width:100%!important;height:100%!important;max-width:none!important;}
#page-container .cnbg-strip .cnbg-strip__img img{object-fit:cover;filter:grayscale(1) brightness(.7);transform:scale(1.04);transition:filter .8s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1),opacity .35s ease;}
#page-container .cnbg-strip.is-open .cnbg-strip__img img{filter:none;transform:none;}
#page-container .cnbg-strip .cnbg-strip__n{position:absolute!important;z-index:2;left:clamp(12px,1.4vw,20px);bottom:clamp(6px,1vw,14px);margin:0!important;width:auto!important;}
#page-container .cnbg-strip .cnbg-strip__n p{margin:0;padding:0;font-family:"Coolvetica",sans-serif;font-weight:300;font-size:clamp(1.6rem,1rem + 1.6vw,2.6rem);letter-spacing:-.06em;line-height:1;color:#fff!important;transition:font-size .6s cubic-bezier(.16,1,.3,1);}
#page-container .cnbg-strip.is-open .cnbg-strip__n p{font-size:clamp(3rem,2rem + 3.4vw,6rem);}
#page-container .cnbg-strip .cnbg-strip__info{position:absolute!important;z-index:2;left:clamp(18px,2.4vw,34px);top:clamp(18px,2.4vw,34px);right:18px;margin:0!important;width:auto!important;opacity:0;transform:translateY(10px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none;}
#page-container .cnbg-strip .cnbg-strip__info h3{margin:0;padding:0;font-family:"Coolvetica",sans-serif;font-weight:700;font-size:clamp(1.5rem,1rem + 2vw,2.8rem);letter-spacing:-.03em;line-height:1;text-transform:uppercase;color:#fff!important;}
#page-container .cnbg-strip .cnbg-strip__info p{margin:.5rem 0 0;padding:0;font-size:.75rem;letter-spacing:.14em;line-height:1.3;text-transform:uppercase;color:#fff!important;opacity:.85;}
#page-container .cnbg-strip .cnbg-strip__thumbs{position:absolute!important;z-index:3;right:clamp(14px,1.8vw,24px);bottom:clamp(14px,1.8vw,24px);display:flex!important;flex-direction:row!important;gap:8px!important;width:auto!important;margin:0!important;opacity:0;transform:translateY(10px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none;}
#page-container .cnbg-strip .cnbg-strip__thumbs .et_pb_image{flex:0 0 auto;width:clamp(34px,2.8vw,50px)!important;aspect-ratio:1;margin:0!important;border:2px solid rgba(255,255,255,.35);border-radius:10px;overflow:hidden;background:#000;cursor:pointer;transition:border-color .25s ease,transform .25s ease;}
#page-container .cnbg-strip .cnbg-strip__thumbs .et_pb_image:hover{transform:translateY(-2px);}
#page-container .cnbg-strip .cnbg-strip__thumbs .et_pb_image.is-on{border-color:#fff;}
#page-container .cnbg-strip .cnbg-strip__thumbs .et_pb_image_wrap,#page-container .cnbg-strip .cnbg-strip__thumbs img{display:block;width:100%!important;height:100%!important;object-fit:cover;}
#page-container .cnbg-strip.is-open .cnbg-strip__info,#page-container .cnbg-strip.is-open .cnbg-strip__thumbs{opacity:1;transform:none;pointer-events:auto;}
#page-container .cnbg-strips>.cnbg-strip--next{flex:.9 1 0!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;background:#f2f2f2;color:#0a0a0a;padding:clamp(16px,1.6vw,22px)!important;cursor:pointer;}
#page-container .cnbg-strips>.cnbg-strip--next:hover{flex-grow:1.3!important;}
#page-container .cnbg-strip--next::after{display:none;}
#page-container .cnbg-strip--next .cnbg-strip__next{margin:0!important;}
#page-container .cnbg-strip--next .cnbg-strip__next p{margin:0;padding:0;font-family:"Coolvetica",sans-serif;font-weight:300;font-size:clamp(.95rem,.85rem + .4vw,1.3rem);line-height:1.15;letter-spacing:-.02em;color:#0a0a0a!important;}
@media (max-width:767px){
#page-container .cnbg-strips{height:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-4.4vw;padding-right:4.4vw;}
#page-container .cnbg-strips::-webkit-scrollbar{display:none;}
#page-container .cnbg-strips>.cnbg-strip,#page-container .cnbg-strips>.cnbg-strip.is-open{flex:0 0 78%!important;height:min(118vw,480px);scroll-snap-align:start;cursor:default;}
#page-container .cnbg-strips>.cnbg-strip--next,#page-container .cnbg-strips>.cnbg-strip--next:hover{flex:0 0 44%!important;}
#page-container .cnbg-strip .cnbg-strip__img img{filter:none;transform:none;}
#page-container .cnbg-strip .cnbg-strip__info,#page-container .cnbg-strip .cnbg-strip__thumbs{opacity:1;transform:none;pointer-events:auto;}
#page-container .cnbg-strip .cnbg-strip__n p,#page-container .cnbg-strip.is-open .cnbg-strip__n p{font-size:2.6rem;}
#page-container .cnbg-strip .cnbg-strip__thumbs{gap:6px!important;right:12px;bottom:14px;}#page-container .cnbg-strip .cnbg-strip__thumbs .et_pb_image{width:34px!important;border-radius:8px;}
}


/* Founder */
#page-container .cnbg-founder-media{position:relative;display:block!important;}
#page-container .cnbg-founder-media .et_pb_image{margin:0!important;width:100%!important;max-width:100%!important;}
#page-container .cnbg-founder-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;}
#page-container .cnbg-founder-cap{position:absolute!important;left:12px;bottom:12px;margin:0!important;width:auto!important;background:rgba(10,10,10,.72);padding:6px 10px!important;}
#page-container .cnbg-founder-cap p{margin:0;padding:0;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;color:#fff!important;}
#page-container .cnbg-social{margin:0!important;width:auto!important;}
#page-container .cnbg-social p{margin:0;padding:0;}
#page-container .cnbg-social a{display:flex;flex-direction:column;gap:3px;padding:10px 16px 11px;border:1px solid #e3e3e3;border-radius:12px;color:#0a0a0a;text-decoration:none;transition:border-color .25s ease;}
#page-container .cnbg-social a:hover{border-color:#0a0a0a;}
#page-container .cnbg-social em{font-size:16px;line-height:1.2;}
#page-container .cnbg-social span{font-size:11px;line-height:1.2;color:#777;}
/* Pie */
#page-container .cnbg-foot-links h4{margin:0 0 12px;padding:0;font-family:"Coolvetica",sans-serif;font-weight:700;font-size:14px;color:#0a0a0a;}
#page-container .cnbg-foot-links ul{margin:0;padding:0!important;list-style:none;}
#page-container .cnbg-foot-links li{margin:0 0 6px;list-style:none;font-size:14px;line-height:1.5;}
#page-container .cnbg-foot-links a{color:#4a4a4a;text-decoration:none;transition:color .2s;}
#page-container .cnbg-foot-links a:hover{color:#0a0a0a;}
#page-container .cnbg-foot-logo p{margin:0;padding:0;font-family:"Coolvetica",sans-serif;font-weight:700;font-size:clamp(3.4rem,16.4vw,15.4rem);line-height:.9;letter-spacing:-.045em;color:#0a0a0a!important;white-space:nowrap;}
#page-container .cnbg-foot-logo em{font-size:1.06em;letter-spacing:-.03em;}
#page-container .cnbg-foot-credits p{margin:0;padding:0;font-size:12px;line-height:1.5;color:#777!important;}
#page-container .cnbg-foot-credits a{color:#0a0a0a;text-decoration:none;border-bottom:1px solid currentColor;}
#page-container .cnbg-foot-right p{text-align:right;}
@media (max-width:767px){#page-container .cnbg-foot-right p{text-align:left;}}

#page-container .cnbg-foot-logo{margin:0!important;width:100%!important;max-width:100%!important;}
#page-container .cnbg-foot-logo .et_pb_image_wrap,#page-container .cnbg-foot-logo img{display:block;width:100%!important;max-width:100%!important;height:auto;}
/* CTA final: foto de fondo en blanco y negro */
#page-container #contacto{position:relative;isolation:isolate;}
#page-container #contacto::before{content:"";position:absolute;inset:0;z-index:-1;background:inherit;filter:grayscale(1);pointer-events:none;}

/* Pie: icono Instagram */
#page-container .cnbg-foot-ig{margin:14px 0 0!important;}
#page-container .cnbg-foot-ig p{margin:0;padding:0;line-height:0;}
#page-container .cnbg-foot-ig a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e3e3e3;border-radius:50%;color:#0a0a0a;transition:border-color .25s ease,background-color .25s ease,color .25s ease;}
#page-container .cnbg-foot-ig a:hover{background:#0a0a0a;border-color:#0a0a0a;color:#fff;}
#page-container .cnbg-foot-ig svg{display:block;width:20px;height:20px;}