/*
Theme Name: emprendeCTM
Theme URI: https://emprendectm.cl
Author: emprendeCTM
Author URI: https://emprendectm.cl
Description: Tema oscuro premium con glassmorphism para emprendeCTM — estudio creativo de diseño y web para emprendedores chilenos. Incluye páginas de Inicio, Servicios, Trabajos, Precios, Contacto y Blog.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: emprendectm
*/

/* ---------- Reset ---------- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#0A0908;overflow-x:hidden;font-family:'Space Grotesk',sans-serif;color:#F5F2EC}
img{max-width:100%;display:block}
a{text-decoration:none}
button{font-family:inherit}
::selection{background:rgba(233,196,106,0.3);color:#fff}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#0A0908}
::-webkit-scrollbar-thumb{background:rgba(233,196,106,0.3);border-radius:10px}

/* ---------- Keyframes ---------- */
@keyframes blobA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(80px,-60px) scale(1.2)}}
@keyframes blobB{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-70px,50px) scale(1.15)}}
@keyframes blobC{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,60px) scale(1.25)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes floaty2{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-22px) rotate(2deg)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@keyframes incandesce{0%,100%{opacity:1;filter:brightness(1)}45%{opacity:0.85;filter:brightness(0.88)}50%{opacity:1;filter:brightness(1.15)}75%{opacity:0.92;filter:brightness(0.95)}}
@keyframes revUp{from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion: no-preference){
  [data-reveal]{opacity:0;animation:revUp .9s cubic-bezier(.2,.8,.2,1) both;animation-timeline:view();animation-range:entry 0% entry 65%;}
}
@supports not (animation-timeline: view()){[data-reveal]{opacity:1 !important;animation:none !important;}}
@media (prefers-reduced-motion: reduce){[data-reveal]{opacity:1 !important;animation:none !important;}}

/* ---------- Hover / focus states (converted from prototype's per-element hover styles) ---------- */
.ectm-nav-link{transition:color .3s}
.ectm-nav-link:hover{color:#F5F2EC !important}

.ectm-nav-cta{transition:transform .3s,box-shadow .3s}
.ectm-nav-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(0,174,239,0.5),0 14px 30px -10px rgba(236,0,140,0.4),0 8px 20px -8px rgba(233,196,106,0.9)}

.ectm-hero-cta-primary{transition:transform .3s,box-shadow .3s}
.ectm-hero-cta-primary:hover{transform:translateY(-3px);box-shadow:0 20px 46px -14px rgba(0,174,239,0.55),0 20px 46px -14px rgba(236,0,140,0.45),0 12px 30px -10px rgba(233,196,106,0.9)}

.ectm-btn-ghost{transition:background .3s,border-color .3s}
.ectm-btn-ghost:hover{background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.3)}

.ectm-link-pill{transition:background .3s}
.ectm-link-pill:hover{background:rgba(255,255,255,0.07)}

.ectm-service-card{transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .5s,box-shadow .5s;cursor:default}
.ectm-service-card:hover{transform:translateY(-8px);border-color:rgba(233,196,106,0.45);box-shadow:0 40px 70px -35px rgba(233,196,106,0.35)}
.ectm-service-arrow{transition:transform .4s;display:inline-block}
.ectm-service-arrow:hover{transform:translateX(4px)}

.ectm-work-card{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ectm-work-card:hover{transform:translateY(-6px)}

.ectm-wa-cta{transition:transform .3s}
.ectm-wa-cta:hover{transform:translateY(-3px)}

.ectm-ghost-btn2{transition:background .3s}
.ectm-ghost-btn2:hover{background:rgba(255,255,255,0.1)}

.ectm-plan-cta{transition:transform .3s}
.ectm-plan-cta:hover{transform:translateY(-2px)}

.ectm-subplan-cta{transition:transform .3s,background .3s}
.ectm-subplan-cta:hover{transform:translateY(-2px);background:rgba(255,255,255,0.1)}

.ectm-contact-wa{transition:transform .3s}
.ectm-contact-wa:hover{transform:translateX(4px)}

.ectm-input,.ectm-textarea{transition:border-color .3s}
.ectm-input:focus,.ectm-textarea:focus{border-color:rgba(233,196,106,0.5);outline:none}

.ectm-submit-btn{transition:transform .3s;border:none;cursor:pointer}
.ectm-submit-btn:hover{transform:translateY(-2px)}

.ectm-footer-link{transition:color .3s}
.ectm-footer-link:hover{color:#E9C46A}
.ectm-footer-legal{transition:color .3s}
.ectm-footer-legal:hover{color:#A8A39B}

.ectm-social{transition:color .3s,border-color .3s}
.ectm-social:hover{color:#F5F2EC;border-color:rgba(233,196,106,0.4)}

.ectm-footer-cta-wa,.ectm-footer-cta-primary{transition:transform .3s}
.ectm-footer-cta-wa:hover,.ectm-footer-cta-primary:hover{transform:translateY(-2px)}
.ectm-footer-cta-ghost{transition:background .3s,border-color .3s}
.ectm-footer-cta-ghost:hover{background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.3)}

.ectm-blog-card{transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .5s}
.ectm-blog-card:hover{transform:translateY(-6px);border-color:rgba(233,196,106,0.35)}

/* ---------- WP core alignment helpers ---------- */
.alignwide{max-width:1160px;margin-left:auto;margin-right:auto}
.alignfull{width:100%}
.screen-reader-text{position:absolute;left:-9999px}