/*
Theme Name: Constanza Isola
Theme URI: https://www.constanzaisola.com.ar/
Author: Infinita Marketing on + offline
Author URI: https://www.infinitamkt.com/
Description: Sitio de Constanza Isola (Coti): consultora, capacitadora y speaker de marketing. Home de una sola página en español e inglés (?lang=en), con hero, sobre mí, servicios, speaker, ecosistema, prensa, speaker kit y contacto por WhatsApp. Incluye la página La No Influ en /la-no-influ/.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: All rights reserved
Text Domain: constanza-isola
*/

/* ---- fonts ---- */
@font-face{font-family:'Lato';font-weight:300;font-style:normal;font-display:swap;src:url('assets/fonts/Lato-Light.woff2') format('woff2');}
@font-face{font-family:'Lato';font-weight:400;font-style:normal;font-display:swap;src:url('assets/fonts/Lato-Regular.woff2') format('woff2');}
@font-face{font-family:'Lato';font-weight:400;font-style:italic;font-display:swap;src:url('assets/fonts/Lato-Italic.woff2') format('woff2');}
@font-face{font-family:'Lato';font-weight:700;font-style:normal;font-display:swap;src:url('assets/fonts/Lato-Bold.woff2') format('woff2');}
@font-face{font-family:'Lato';font-weight:700;font-style:italic;font-display:swap;src:url('assets/fonts/Lato-BoldItalic.woff2') format('woff2');}
@font-face{font-family:'Lato';font-weight:900;font-style:normal;font-display:swap;src:url('assets/fonts/Lato-Black.woff2') format('woff2');}
@font-face{font-family:'Playfair Display';font-weight:400;font-style:normal;font-display:swap;src:url('assets/fonts/PlayfairDisplay-Regular.woff2') format('woff2');}
@font-face{font-family:'Playfair Display';font-weight:400;font-style:italic;font-display:swap;src:url('assets/fonts/PlayfairDisplay-Italic.woff2') format('woff2');}
@font-face{font-family:'Playfair Display';font-weight:600;font-style:normal;font-display:swap;src:url('assets/fonts/PlayfairDisplay-SemiBold.woff2') format('woff2');}
@font-face{font-family:'Playfair Display';font-weight:600;font-style:italic;font-display:swap;src:url('assets/fonts/PlayfairDisplay-SemiBoldItalic.woff2') format('woff2');}
@font-face{font-family:'Playfair Display';font-weight:700;font-style:normal;font-display:swap;src:url('assets/fonts/PlayfairDisplay-Bold.woff2') format('woff2');}
@font-face{font-family:'Playfair Display';font-weight:700;font-style:italic;font-display:swap;src:url('assets/fonts/PlayfairDisplay-BoldItalic.woff2') format('woff2');}
@font-face{font-family:'Comfortaa';font-weight:400;font-style:normal;font-display:swap;src:url('assets/fonts/comfortaa-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Comfortaa';font-weight:400;font-style:normal;font-display:swap;src:url('assets/fonts/comfortaa-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Comfortaa';font-weight:700;font-style:normal;font-display:swap;src:url('assets/fonts/comfortaa-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Comfortaa';font-weight:700;font-style:normal;font-display:swap;src:url('assets/fonts/comfortaa-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Anton';font-weight:400;font-style:normal;font-display:swap;src:url('assets/fonts/anton-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Anton';font-weight:400;font-style:normal;font-display:swap;src:url('assets/fonts/anton-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* ---- design base ---- */
html { scroll-behavior: smooth; }
body { margin: 0px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: Lato, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: rgb(18, 28, 120); text-decoration: none; }
a:hover { color: rgb(242, 23, 143); }
::selection { background: rgb(255, 220, 242); }
input, select, textarea, button { font-family: inherit; }
@keyframes ci-twinkle { 
  0%, 100% { opacity: 0; transform: scale(0.4) rotate(0deg); }
  50% { opacity: 1; transform: scale(1) rotate(45deg); }
}
@keyframes ci-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes ci-dawn { 
  0% { opacity: 1; }
  100% { opacity: 0; visibility: hidden; }
}
@keyframes ci-burst { 
  0% { transform: scale(0); opacity: 0; }
  25% { opacity: 1; }
  100% { transform: scale(70); opacity: 1; }
}
@keyframes ci-bulb { 
  0%, 30% { filter: drop-shadow(rgba(242, 23, 143, 0) 0px 0px 0px); }
  55% { filter: drop-shadow(rgba(242, 23, 143, 0.9) 0px 0px 10px) drop-shadow(rgba(255, 133, 145, 0.7) 0px 0px 22px); }
  100% { filter: drop-shadow(rgba(242, 23, 143, 0) 0px 0px 0px); }
}
@keyframes ci-bulb-fill { 
  0%, 30% { background: rgb(18, 28, 120); }
  50% { background: rgb(242, 23, 143); }
  100% { background: rgb(18, 28, 120); }
}
@media (prefers-reduced-motion: reduce) {
  [data-intro] { display: none !important; }
}
.ci-ph { position: relative; }
.ci-ph-cap { opacity: 0; transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1); }
.ci-ph:hover .ci-ph-cap, .ci-ph:focus-within .ci-ph-cap { opacity: 1; }
@media (hover: none) {
  .ci-ph-cap { opacity: 1; }
}
@media (max-width: 900px) {
  .ci-hero-photo { width: 100% !important; height: 62% !important; object-position: 62% 20% !important; }
  .ci-hero-fade { mask-image: linear-gradient(transparent 0%, transparent 34%, rgba(0, 0, 0, 0.9) 52%, rgb(0, 0, 0) 60%) !important; }
  .ci-hero-top-white { display: none !important; }
  .ci-hero-grid { padding-top: 46vh !important; }
  .ci-hero-spacer { display: none !important; }
}
@keyframes ci-pop { 
  0% { opacity: 0; transform: translateY(6px) scaleY(0.4); }
  100% { opacity: 1; transform: none; }
}
@keyframes ci-inf { 
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.2); }
  60% { opacity: 1; transform: translate(-50%, -50%) scale(1.15); }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); text-shadow: rgba(242, 23, 143, 0.8) 0px 0px 12px, rgba(255, 133, 145, 0.6) 0px 0px 28px; }
}
@keyframes ci-breathe { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.04); }
}

/* ---- hover states ---- */
.scp0:hover { color: rgb(242, 23, 143) !important; }
.scp1:hover { transform: translateY(-2px) !important; color: rgb(255, 255, 255) !important; }
.scp2:hover { background: rgb(18, 28, 120) !important; color: rgb(255, 255, 255) !important; }
.scp3:hover { border-color: rgb(242, 23, 143) !important; color: rgb(242, 23, 143) !important; }
.scp4:hover { background: rgb(255, 220, 242) !important; color: rgb(18, 28, 120) !important; }
.scp5:hover { transform: translateY(-4px) !important; color: rgb(255, 255, 255) !important; }
.scp6:hover { transform: translateY(-4px) !important; color: rgb(18, 28, 120) !important; }
.scp7:hover { transform: translateY(-4px) !important; color: rgb(243, 237, 227) !important; }
.scp8:hover { transform: translateY(-4px) !important; color: rgb(176, 20, 90) !important; }
.scp9:hover { transform: translateY(-3px) !important; box-shadow: rgba(18, 28, 120, 0.12) 0px 16px 36px !important; }
.scpa:hover { background: rgb(35, 52, 194) !important; color: rgb(255, 255, 255) !important; }
.scpb:hover { color: rgb(250, 189, 199) !important; }
.scpc:focus { border-color: rgb(250, 189, 199) !important; }
.scpd:active { transform: scale(0.98) !important; }
.scpe:hover { opacity: 0.8 !important; }
.scpf:hover { background: rgb(242, 23, 143) !important; color: rgb(255, 255, 255) !important; }

/* ---- responsive switches (the design swaps these with screen width) ---- */
.ci-mobile-menu{display:none!important}
.ci-burger{display:none!important}
@media (max-width:979.98px){
  .ci-nav-links{display:none!important}
  .ci-flags{margin-left:auto!important}
  .ci-burger{display:block!important}
  .ci-menu-open .ci-mobile-menu{display:flex!important}
}
@media (min-width:1080px){.ci-orbit-narrow{display:none!important}}
@media (max-width:1079.98px){.ci-orbit-wide{display:none!important}}
@media (max-width:1179.98px){.ci-eco-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:599.98px){.ci-eco-grid{grid-template-columns:minmax(0,1fr)!important}}
/* ---- services orbit: open card on hover / focus / tap ---- */
.ci-orb:hover,.ci-orb:focus,.ci-orb.is-open{z-index:5!important;width:300px!important;transform:translate(-50%,-50%) scale(1.04)!important;background:rgba(255,255,255,0.72)!important;box-shadow:0 24px 60px rgba(18,28,120,0.18),0 0 0 4px rgba(242,23,143,0.12)!important}
.ci-orb:hover .ci-orb-desc,.ci-orb:focus .ci-orb-desc,.ci-orb.is-open .ci-orb-desc{max-height:160px!important;opacity:1!important}
.ci-lang{text-decoration:none}
/* ---- speaker kit download form ---- */
.ci-kit-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:460px}
.ci-kit-lead{margin:0 0 2px;font-size:15px;line-height:1.5;color:#121C78}
.ci-kit-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:479.98px){.ci-kit-row{grid-template-columns:1fr}}
.ci-kit-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#121C78}
.ci-kit-form input{padding:13px 16px;border-radius:10px;border:1px solid rgba(18,28,120,.22);background:rgba(255,255,255,.85);color:#121C78;font-size:16px;letter-spacing:0;text-transform:none;outline:none;font-family:inherit}
.ci-kit-form input:focus{border-color:#F2178F;background:#FFFFFF}
.ci-kit-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.ci-kit-btn{align-self:flex-start;margin-top:4px;display:inline-flex;padding:16px 28px;border:0;border-radius:999px;background:#121C78;color:#FFFFFF;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;font-family:inherit}
.ci-kit-btn{white-space:nowrap;justify-content:center}
@media (max-width:479.98px){.ci-kit-btn{align-self:stretch;padding:16px 20px;letter-spacing:.1em}}
.ci-kit-btn[disabled]{opacity:.6;cursor:wait}
.ci-kit-msg{margin:0;min-height:1.2em;font-size:14px;font-weight:700;color:#121C78}
.ci-kit-msg.is-error{color:#CC1A4D}
.ci-lang:hover{color:#121C78}

/* ---- inner pages (blog posts, pages) ---- */
.ci-inner-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(18,28,120,0.12)}
.ci-inner-header nav{max-width:1240px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ci-inner-logo{display:block;width:44px;height:42px;background:#121C78;-webkit-mask:url(assets/coti-isotipo.svg) center/contain no-repeat;mask:url(assets/coti-isotipo.svg) center/contain no-repeat}
.ci-inner-back{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#121C78}
.ci-inner-main{max-width:760px;margin:0 auto;padding:72px 28px 112px}
.ci-inner-main h1{margin:0 0 24px;font-weight:900;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.025em;color:#121C78}
.ci-inner-main .ci-meta{margin:0 0 32px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#F2178F}
.ci-entry{font-size:18px;line-height:1.75;color:#000}
.ci-entry img{max-width:100%;height:auto;border-radius:14px}
.ci-entry a{color:#F2178F;text-decoration:underline}
.ci-entry h2,.ci-entry h3{color:#121C78;font-weight:900;line-height:1.15}
.ci-list article{padding:28px 0;border-bottom:1px solid rgba(18,28,120,0.12)}
.ci-list h2{margin:0 0 8px;font-size:1.6rem;font-weight:900}
.ci-list h2 a{color:#121C78}
.ci-pagination{display:flex;gap:16px;padding-top:32px;font-weight:700}
.ci-inner-footer{background:#0C1454;color:#B9C2F2;font-size:13px}
.ci-inner-footer div{max-width:1240px;margin:0 auto;padding:32px 28px}
.ci-inner-footer a{color:#FFFFFF}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}