.ec-area { --ec-accent:#e96012; --ec-deep:#c74600; --ec-soft:#fff1e7; }
.ec-area .portada-slider { display:flex; color:#21104d; background:#fffaf6; }
.ec-area .portada-carrusel { display:grid; flex:1; height:auto; min-width:0; }
.ec-area .portada-diapositivas { display:grid; grid-area:1 / 1; overflow:hidden; touch-action:pan-y; }
.ec-area .portada-diapositiva { grid-area:1 / 1; visibility:hidden; pointer-events:none; background:linear-gradient(120deg,#fff0e4 0 61%,#fffcf9 61%); }
.ec-area .portada-carrusel .portada-diapositiva.ec-slide-active { visibility:visible; pointer-events:auto; }
.ec-area .portada-diapositiva[data-ec-theme="connect"] { background:linear-gradient(120deg,#ffe4ce 0 61%,#fff8f0 61%); }
.ec-area .portada-diapositiva[data-ec-theme="evolve"] { background:linear-gradient(120deg,#fff0e3 0 61%,#ffe2c9 61%); }
.ec-area .portada-carrusel .portada-escena { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); grid-template-rows:1fr auto; gap:18px 22px; min-height:360px; height:100%; padding:28px clamp(36px,3.2vw,54px) 52px; align-items:center; }
.ec-area .portada-escena .portada-mensaje { display:block; min-width:0; padding:0; align-self:end; }
.ec-area .portada-antetitulo { color:#c74600; font-size:11px; margin-bottom:14px; }
.ec-area .portada-escena .portada-titulo { color:#21104d; font-size:clamp(28px,2.65vw,40px); margin-bottom:16px; }
.ec-area .portada-escena .portada-descripcion { color:#62667b; font-size:15px; line-height:1.6; margin:0; }
.ec-area .portada-ilustracion { grid-column:2; grid-row:1 / 3; width:100%; max-width:none; margin:0; }
.ec-area .portada-imagen { max-height:320px; }
.ec-area .ec-slide-action { grid-column:1; grid-row:2; align-self:end; margin-bottom:clamp(24px,5vw,72px); }
.ec-area .portada-boton { min-height:44px; padding:11px 16px; color:#fff; background:#c74600; border-color:#c74600; border-radius:8px; text-align:left; justify-content:space-between; max-width:100%; font-size:13px; line-height:1.4; }
.ec-area .portada-boton:hover { color:#fff; background:#b83e00; border-color:#b83e00; }
.ec-area .portada-boton:focus-visible { outline-color:#c74600; }
.ec-area .portada-flecha { width:28px; height:38px; color:#c74600; background:#ffffffa6; border-color:#c7460018; }
.ec-area .portada-flecha[data-slide-prev] { left:4px; }
.ec-area .portada-flecha[data-slide-next] { right:4px; }
.ec-area .portada-indicador::after { background:#f2b68c; }
.ec-area .portada-indicador[aria-current="true"]::after { background:#c74600; }
.ec-area .portada-pausa { color:#c74600; }
.ec-area .portada-controles button:focus-visible { outline-color:#c74600; } .ec-area .ec-body { padding-top:36px; padding-bottom:36px; }
.ec-body { color:#62667b; font-size:16px; line-height:1.7; }
.ec-body section { scroll-margin-top:110px; }
.ec-body h2,.ec-body h3 { color:#21104d; text-wrap:balance; }
.ec-body h2 { margin:0 0 16px; font-size:clamp(27px,2.8vw,38px); line-height:1.18; letter-spacing:-.035em; font-weight:650; }
.ec-body h2 span { color:#c74600; }
.ec-body h3 { margin:0 0 12px; line-height:1.25; font-weight:650; letter-spacing:-.025em; }
.ec-body p { margin:0 0 14px; }
.ec-body p:last-child { margin-bottom:0; }
.ec-body .ec-eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 14px; color:#c74600; font-size:11px; letter-spacing:.06em; text-transform:uppercase; font-weight:700; line-height:1.5; }
.ec-eyebrow::before { content:""; flex:0 0 22px; height:2px; background:linear-gradient(90deg,#e96012,#c74600); }
.ec-intro { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; padding-bottom:26px; }
.ec-section-head { margin-bottom:24px; max-width:850px; }
.ec-services { padding:12px 0 36px; }
.ec-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.ec-service { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); align-items:start; gap:22px; padding:26px; border:1px solid #f0ddce; border-radius:16px; background:linear-gradient(140deg,#fff,#fff9f4); min-width:0; }
.ec-service-art { display:flex; align-items:center; justify-content:center; height:160px; min-width:0; align-self:center; }
.ec-service-art img { display:block; width:100%; height:auto; max-height:170px; object-fit:contain; }
.ec-service-copy { display:flex; flex-direction:column; align-items:flex-start; height:100%; min-width:0; }
.ec-service-copy .ec-service-number { color:#c74600; font-size:14px; font-weight:700; line-height:1.5; }
.ec-service h3 { font-size:23px; }
.ec-service-copy > p { font-size:14px; line-height:1.65; }
.ec-service-copy .ec-scope { width:100%; font-size:13px; border-top:1px solid #f0ddce; padding-top:12px; }
.ec-service-copy .ec-link { margin-top:auto; }
.ec-link { display:inline-flex; align-items:center; gap:12px; color:#c74600; font-weight:650; font-size:13px; line-height:1.5; text-decoration:none; }
.ec-link span { color:inherit; }
.sitio-metaversia .ec-link:hover { color:#b83e00; text-decoration:none; }
.ec-link:focus-visible { outline:2px solid #c74600; outline-offset:4px; }
.ec-cloud-graphic { width:100%; max-width:220px; padding:16px 12px; border:1px solid #f0d4bf; border-radius:12px; background:#fff; }
.ec-cloud-label { display:block; color:#c74600; font-size:12px; font-weight:650; margin-bottom:12px; }
.ec-server { width:100%; display:grid; gap:8px; }
.ec-server span { position:relative; display:block; height:28px; background:#fff1e7; border:1px solid #f0d4bf; border-radius:6px; }
.ec-server span::before { content:""; position:absolute; left:10px; top:12px; width:45%; height:3px; border-radius:2px; background:#c74600; }
.ec-server span::after { content:""; position:absolute; right:10px; top:10px; width:6px; height:6px; border-radius:50%; background:#e96012; }
.ec-cloud-points { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px; color:#62667b; font-size:9px; margin-top:10px; } .ec-platforms { padding:32px 0; border-top:1px solid #f5dfcf; }
.ec-platform-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; }
.ec-platform { display:grid; grid-template-columns:130px minmax(0,1fr); align-items:start; gap:22px; padding:26px 0; border-top:1px solid #f5dfcf; min-width:0; }
.ec-platform-logo { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; width:130px; min-height:80px; margin:0; overflow:hidden; }
.ec-platform-logo img { display:block; width:auto; max-width:125px; max-height:54px; object-fit:contain; }
.ec-platform-logo img[src*="magento.svg"] { width:42px; height:49px; }
.ec-platform-logo img[src*="adobe.svg"] { width:92px; height:49px; }
.ec-logo-divider { display:block; width:68px; height:1px; background:#d9d2df; margin:2px 0; flex-shrink:0; }
.ec-platform-logo img[src*="prestashop.png"] { width:130px; max-width:130px; max-height:80px; }
.ec-platform-logo:has(img[src*="vtex.png"]) { height:80px; }
.ec-platform-logo img[src*="vtex.png"] { width:180px; height:99px; max-width:none; max-height:none; flex-shrink:0; }
.ec-platform-copy { min-width:0; }
.ec-platform h3 { font-size:21px; margin-bottom:10px; }
.ec-platform p { font-size:14px; line-height:1.65; }
.ec-platform .ec-platform-lead { color:#32156b; font-size:15px; font-weight:600; margin-bottom:10px; }
.ec-platform .ec-link { display:inline-flex; padding:10px 13px; border:1px solid #c74600; border-radius:8px; color:#fff; background:#c74600; font-size:12px; }
.ec-platform .ec-link:hover { color:#fff; background:#b83e00; }
.ec-platform-custom { grid-column:1 / -1; }
.ec-custom-symbol { align-self:start; justify-self:center; padding-top:6px; color:#087fce; font-family:monospace; font-size:54px; line-height:1.2; }
.ec-area .etapas-negocio { margin-top:0; }
.ec-area .etapas-contenedor { padding-top:32px; }
@media(max-width:1100px) {
.ec-service { grid-template-columns:1fr; gap:14px; padding:22px; }
.ec-service-art { height:150px; }
.ec-service-art img { max-height:150px; width:auto; max-width:100%; }
.ec-platform { grid-template-columns:110px minmax(0,1fr); gap:18px; }
.ec-platform-logo { width:110px; }
.ec-platform-logo img { max-width:105px; }
.ec-platform-logo img[src*="prestashop.png"] { max-width:110px; }
}
@media(max-width:760px) {
.ec-intro { grid-template-columns:1fr; gap:12px; }
.ec-platform-grid { grid-template-columns:1fr; }
.ec-platform-custom { grid-column:auto; }
.ec-platform { grid-template-columns:130px minmax(0,1fr); }
.ec-platform-logo { width:130px; }
.ec-platform-logo img { max-width:125px; }
}
@media(max-width:600px) {
.ec-area .portada-carrusel .portada-escena { grid-template-columns:1fr; grid-template-rows:1fr auto 150px; padding:24px 20px 42px; gap:18px; min-height:0; }
.ec-area .portada-escena .portada-titulo { font-size:30px; }
.ec-area .ec-slide-action { margin-bottom:0; }
.ec-area .portada-escena .portada-mensaje { align-self:end; }
.ec-area .portada-ilustracion { grid-column:1; grid-row:3; display:flex; align-items:center; justify-content:center; height:150px; }
.ec-area .portada-imagen { width:auto; max-height:150px; max-width:100%; }
.ec-area .ec-body { padding-top:28px; padding-bottom:24px; }
.ec-intro { padding-bottom:20px; }
.ec-body h2 { font-size:28px; }
.ec-services { padding:8px 0 28px; }
.ec-service-grid { grid-template-columns:1fr; gap:16px; }
.ec-service { grid-template-columns:90px minmax(0,1fr); padding:20px 16px; gap:16px; }
.ec-service-art { height:130px; }
.ec-service-art img { max-height:130px; }
.ec-service h3 { font-size:21px; }
.ec-service-copy > p { font-size:13px; }
.ec-service-copy .ec-service-number { font-size:13px; }
.ec-service-copy .ec-scope { font-size:12px; }
.ec-cloud-graphic { padding:12px 8px; }
.ec-cloud-label { font-size:10px; }
.ec-cloud-points { font-size:8px; }
.ec-platform { grid-template-columns:100px minmax(0,1fr); gap:18px; padding:24px 0; }
.ec-platform-logo { width:100px; }
.ec-platform-logo img { max-width:100px; }
.ec-platform-logo img[src*="prestashop.png"] { max-width:100px; }
.ec-platform h3 { font-size:19px; }
.ec-platform .ec-platform-lead { font-size:14px; }
.ec-platform p { font-size:13px; }
.ec-custom-symbol { font-size:42px; }
} .ec-service .ec-link,.ec-platform .ec-link { min-height:42px; padding:9px 12px; border:1px solid #edbc99; border-radius:8px; color:#c74600; background:#fff1e7; font-size:12px; font-weight:650; }
.sitio-metaversia .ec-service .ec-link:hover,.sitio-metaversia .ec-platform .ec-link:hover { background:#ffe5d0; color:#a83d00; border-color:#dfa67e; box-shadow:0 3px 10px #c746000b; }
.ec-service { transition:box-shadow .3s ease,border-color .3s ease; }
.ec-service:hover,.ec-service:focus-within { border-color:#e8bc99; box-shadow:0 8px 24px #c746000b; }
@media(prefers-reduced-motion:no-preference) {
.ec-service.ec-service-visible { animation:ec-card-enter .65s ease both; }
.ec-service.ec-service-visible:nth-child(even) { animation-delay:.12s; }
.ec-server span { animation:ec-server-row 2.8s ease-in-out infinite; animation-play-state:paused; }
.ec-server span::after { animation:ec-server-pulse 2.8s ease-in-out infinite; animation-play-state:paused; }
.ec-server span::before { animation:ec-server-load 2.8s ease-in-out infinite; animation-play-state:paused; }
.ec-motion-active .ec-server span,.ec-motion-active .ec-server span::before,.ec-motion-active .ec-server span::after { animation-play-state:running; }
.ec-server span:nth-child(2),.ec-server span:nth-child(2)::after,.ec-server span:nth-child(2)::before { animation-delay:.45s; }
.ec-server span:nth-child(3),.ec-server span:nth-child(3)::after,.ec-server span:nth-child(3)::before { animation-delay:.9s; }
@keyframes ec-card-enter { from { opacity:0; translate:0 14px; } to { opacity:1; translate:0 0; } }
@keyframes ec-server-row { 0%,100% { background:#fff1e7; border-color:#f0d4bf; } 50% { background:#e9dcfc; border-color:#9670ca; } }
@keyframes ec-server-pulse { 0%,100% { background:#e96012; box-shadow:0 0 0 0 #e9601200; } 50% { background:#08b9e8; box-shadow:0 0 0 4px #08b9e830; } }
@keyframes ec-server-load { 0%,100% { width:30%; background:#c74600; } 50% { width:60%; background:#7620f1; } }
}
.ec-service .ec-link,.ec-platform .ec-link { transition:background-color .55s ease,color .55s ease,border-color .55s ease,box-shadow .55s ease; }
@media(prefers-reduced-motion:reduce) { .ec-service .ec-link,.ec-platform .ec-link { transition:none; } } @media(prefers-reduced-motion:no-preference) {
.ec-service-development .ec-service-art img { animation:ec-store-build 3.6s ease-in-out infinite; animation-play-state:paused; }
.ec-service-support .ec-service-art img { animation:ec-support-evolve 3s ease-in-out infinite; animation-play-state:paused; }
.ec-service.ec-motion-active .ec-service-art img { animation-play-state:running; }
@keyframes ec-store-build { 0%,100% { transform:translateY(5px) rotate(-1deg) scale(.98); } 50% { transform:translateY(-11px) rotate(1deg) scale(1.04); } }
@keyframes ec-support-evolve { 0%,100% { transform:translateX(-7px) rotate(-2deg); } 50% { transform:translateX(7px) rotate(2deg); } }
} @media(max-width:800px) {
.ec-platforms,.ec-platform-grid,.ec-platform-copy { min-width:0; max-width:100%; }
.ec-platform-grid { grid-template-columns:minmax(0,1fr); }
.ec-platform { grid-template-columns:minmax(0,1fr); gap:14px; padding:24px 0; }
.ec-platform-custom { grid-column:auto; }
.ec-platform .ec-platform-logo { flex-direction:row; justify-content:flex-start; flex-wrap:wrap; width:100%; height:auto; min-height:42px; overflow:visible; gap:16px; }
.ec-platform-logo img,.ec-platform-logo img[src*="prestashop.png"],.ec-platform-logo img[src*="vtex.png"] { width:auto; height:auto; max-width:130px; max-height:46px; object-fit:contain; flex-shrink:1; }
.ec-platform-logo img[src*="vtex.png"] { content:url(//metaversia.cl/wp-content/themes/metaversia/assets/images/platforms/support-vtex.png); width:120px; height:44px; }
.ec-platform-logo .ec-logo-divider { width:1px; height:26px; margin:0; }
.ec-platform .ec-custom-symbol { justify-self:start; font-size:34px; padding:0; }
.ec-platform-copy { overflow-wrap:break-word; }
.ec-platform h3 { font-size:21px; line-height:1.35; margin:0 0 9px; }
.ec-platform p { font-size:15px; line-height:1.75; }
.ec-platform .ec-platform-lead { font-size:15px; line-height:1.6; }
}