.ecp-wrap{display:flex;min-height:650px;background:#f5f7fb;color:#172033;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px rgba(20,30,55,.08)}
.ecp-sidebar{width:240px;background:#fff;border-right:1px solid #e7eaf0;padding:24px 16px;display:flex;flex-direction:column}.ecp-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 28px}.ecp-brand img{max-width:42px;max-height:42px}.ecp-brand strong{font-size:15px}.ecp-sidebar nav{display:flex;flex-direction:column;gap:5px}.ecp-sidebar nav a,.ecp-logout{padding:12px 13px;border-radius:10px;text-decoration:none;color:#596273;font-size:14px}.ecp-sidebar nav a.active,.ecp-sidebar nav a:hover{background:color-mix(in srgb,var(--ecp-primary) 10%,white);color:var(--ecp-primary);font-weight:600}.ecp-logout{margin-top:auto;color:#a23b3b}.ecp-main{flex:1;padding:28px;min-width:0}.ecp-main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.ecp-main header span,.ecp-editor-head span{font-size:12px;color:#7b8494;text-transform:uppercase;letter-spacing:.08em}.ecp-main h1{font-size:27px;margin:5px 0 0}.ecp-main header>a,.ecp-editor-head>a{color:var(--ecp-primary);text-decoration:none;font-weight:600}.ecp-section{margin:0 0 24px}.ecp-section>h2{font-size:19px;margin:0 0 14px}.ecp-hero{background:linear-gradient(135deg,var(--ecp-primary),#1d293d);color:#fff;border-radius:16px;padding:26px}.ecp-hero h2{margin:0 0 7px;font-size:21px}.ecp-hero p{margin:0;opacity:.88}.ecp-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.ecp-page-card{background:#fff;border:1px solid #e6e9ef;border-radius:14px;padding:18px;text-decoration:none;color:#172033;display:flex;flex-direction:column;gap:7px;transition:.15s}.ecp-page-card:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(20,30,55,.08);border-color:var(--ecp-primary)}.ecp-page-card span{font-size:24px}.ecp-page-card small{color:#7b8494}.ecp-config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ecp-config-grid>div{background:#fff;border:1px solid #e6e9ef;border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:8px}.ecp-config-grid span{color:#687284}.ecp-color{width:28px;height:28px;border-radius:50%;display:block;border:1px solid #ddd}.ecp-note{font-size:13px;color:#778092}.ecp-editor{background:#fff;border:1px solid #e5e8ef;border-radius:16px;padding:22px}.ecp-editor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ecp-editor-head h2{margin:5px 0 0}.ecp-editor form{display:grid;gap:17px}.ecp-editor label{display:flex;flex-direction:column;gap:6px}.ecp-editor label strong{font-size:14px}.ecp-editor label small{font-size:11px;color:#8a93a3}.ecp-editor input,.ecp-editor textarea{border:1px solid #dce1e9;border-radius:9px;padding:11px;font:inherit;width:100%;box-sizing:border-box}.ecp-editor .ecp-color-picker{width:100px;max-width:100%;}.ecp-save{justify-self:start;border:0;background:var(--ecp-primary);color:#fff;padding:11px 20px;border-radius:9px;font-weight:700;cursor:pointer}.ecp-login-shell{min-height:650px;display:flex;align-items:center;justify-content:center;padding:40px 20px;box-sizing:border-box;background:linear-gradient(135deg,#f5f7fb 0%,#eef2f8 100%);border-radius:18px}.ecp-login{width:100%;max-width:430px;margin:0;padding:38px 38px 30px;background:#fff;border:1px solid #e2e7ef;border-radius:20px;box-shadow:0 22px 55px rgba(20,30,55,.12);box-sizing:border-box;text-align:center}.ecp-login-brand{height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.ecp-login-logo{display:block;max-width:64px;max-height:64px;width:auto;height:auto;border-radius:14px}.ecp-login-logo-fallback{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#172033;color:#fff;font-size:28px;font-weight:800}.ecp-login-company{font-size:14px;font-weight:700;color:#687284;margin-bottom:20px}.ecp-login-error{margin:0 0 18px;padding:11px 13px;border:1px solid #f1caca;border-radius:10px;background:#fff5f5;color:#a33a3a;font-size:13px;text-align:left}.ecp-login h2{font-size:27px;line-height:1.2;margin:0 0 8px;color:#172033}.ecp-login>p{margin:0 0 26px;color:#7b8494;font-size:14px}.ecp-login form{text-align:left}.ecp-login form p{margin:0 0 17px}.ecp-login form label{display:block;font-size:13px;font-weight:700;color:#354052;margin-bottom:7px}.ecp-login form input[type=text],.ecp-login form input[type=password]{width:100%;height:46px;padding:10px 13px;border:1px solid #d9e0e9;border-radius:10px;background:#fff;color:#172033;font:inherit;box-sizing:border-box;outline:none;transition:border-color .15s,box-shadow .15s}.ecp-login form input[type=text]:focus,.ecp-login form input[type=password]:focus{border-color:var(--ecp-primary,#2271b1);box-shadow:0 0 0 3px color-mix(in srgb,var(--ecp-primary,#2271b1) 14%,transparent)}.ecp-login form .login-remember{display:flex;align-items:center;gap:8px;margin:3px 0 18px}.ecp-login form .login-remember label{margin:0;font-weight:500;color:#687284}.ecp-login form input[type=checkbox]{accent-color:var(--ecp-primary,#2271b1)}.ecp-login form .login-submit{margin:0}.ecp-login form input[type=submit]{width:100%;height:47px;border:0;border-radius:10px;background:var(--ecp-primary,#2271b1);color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:transform .15s,filter .15s}.ecp-login form input[type=submit]:hover{filter:brightness(.94);transform:translateY(-1px)}.ecp-login-footer{margin-top:24px;padding-top:18px;border-top:1px solid #edf0f4;color:#98a1af;font-size:12px}.ecp-denied{padding:25px;background:#fff3f3;border:1px solid #ffd4d4}.edroz-field-image{max-width:100%;height:auto}
@media(max-width:700px){.ecp-wrap{display:block}.ecp-sidebar{width:auto;border-right:0;border-bottom:1px solid #e7eaf0}.ecp-sidebar nav{flex-direction:row;overflow:auto}.ecp-logout{margin-top:12px}.ecp-main{padding:18px}.ecp-config-grid{grid-template-columns:1fr}.ecp-main>header{align-items:flex-start;gap:10px}.ecp-main h1{font-size:22px}}
.ecp-client-colors{margin-top:28px;padding-top:24px;border-top:1px solid #e5e7eb}.ecp-client-colors h3{margin:4px 0 0;font-size:20px}

.ecp-media-field{display:flex;flex-direction:column;gap:10px}.ecp-media-preview{min-height:20px}.ecp-media-preview img{display:block;max-width:180px;max-height:140px;width:auto;height:auto;border-radius:10px;border:1px solid #e5e7eb}.ecp-media-actions{display:flex;gap:8px;flex-wrap:wrap}.ecp-media-select,.ecp-media-remove{border:1px solid #d8dee8;background:#fff;color:#243047;padding:9px 13px;border-radius:8px;font-weight:600;cursor:pointer}.ecp-media-select{background:var(--ecp-primary);border-color:var(--ecp-primary);color:#fff}.ecp-media-remove{color:#a23b3b}

/* Edroz 0.5.13: mostrar el selector visual de WordPress, no solo el hexadecimal */
.ecp-editor .wp-picker-container{display:inline-block;width:auto;max-width:100%}
.ecp-editor .wp-picker-container .wp-color-result.button{display:inline-block;width:48px!important;min-width:48px;height:30px;padding:0 0 0 30px!important;vertical-align:middle}
.ecp-editor .wp-picker-container .wp-color-result-text{display:none}
.ecp-editor .wp-picker-container .wp-picker-input-wrap{display:inline-block;vertical-align:top}
.ecp-editor .wp-picker-container.wp-picker-active .wp-picker-input-wrap{display:inline-block}
.ecp-editor .wp-picker-container .wp-picker-input-wrap input[type=text]{width:90px!important;padding:4px 6px!important}
.ecp-editor .wp-picker-container .wp-picker-holder{position:relative;z-index:50}

/* WordPress Color Picker en el frontend: mantener el botón visual y su popup sin deformarlo por los estilos del panel. */
.ecp-editor .wp-picker-container,.ecp-company-list .wp-picker-container{width:auto;display:inline-block;}
.ecp-editor .wp-color-result,.ecp-company-list .wp-color-result{width:50px;height:30px;min-height:30px;margin:0 8px 0 0;padding:0 0 0 30px;box-sizing:border-box;}
.ecp-editor .wp-picker-container .wp-color-picker,.ecp-company-list .wp-picker-container .wp-color-picker{width:90px!important;box-sizing:border-box;}
.ecp-editor .wp-picker-input-wrap,.ecp-company-list .wp-picker-input-wrap{display:inline-flex;align-items:center;gap:6px;}
.ecp-editor .wp-picker-container .button,.ecp-company-list .wp-picker-container .button{margin-left:4px;}
.ecp-editor .ecp-color-picker,.ecp-company-list .ecp-color-picker{width:90px;max-width:none;}

/* 0.5.18 - Color Picker oficial de WordPress en el dashboard frontend */
.ecp-wrap .wp-picker-container { display:inline-block; position:relative; width:auto; max-width:100%; }
.ecp-wrap .wp-picker-container .wp-color-result { width:50px !important; min-width:50px !important; height:30px !important; min-height:30px !important; margin:0 8px 0 0 !important; padding:0 !important; vertical-align:middle; box-sizing:border-box; }
.ecp-wrap .wp-picker-container .wp-color-result-text { display:none !important; }
.ecp-wrap .wp-picker-container .wp-picker-input-wrap { display:inline-flex; align-items:center; gap:6px; vertical-align:middle; }
.ecp-wrap .wp-picker-container .wp-picker-input-wrap input.wp-color-picker { width:90px !important; max-width:90px !important; box-sizing:border-box; padding:4px 6px !important; }
.ecp-wrap .wp-picker-container .wp-picker-holder { position:absolute; left:0; top:36px; z-index:9999; }
.ecp-wrap .wp-picker-container .wp-picker-default { margin-left:4px; }
.ecp-editor label > .wp-picker-container { width:auto; }

/* v0.5.21 — Dashboard frontend: formulario Empresa independiente de Elementor */
/* desde aqui lo comente para que los colores esten debajo no dentro del cuadro color */
/*.ecp-wrap .ecp-main,
.ecp-wrap .ecp-main *{box-sizing:border-box;} */
/* hasta qui, osea estas 2 lineas */
.ecp-wrap .ecp-main .ecp-section{margin-bottom:0;}
.ecp-wrap .ecp-company-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
}
.ecp-wrap .ecp-company-field{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:9px!important;
  margin:0!important;
  padding:18px!important;
  background:#fff!important;
  border:1px solid #e3e8f0!important;
  border-radius:14px!important;
  box-shadow:0 5px 18px rgba(20,30,55,.045)!important;
  min-width:0!important;
}
.ecp-wrap .ecp-company-field-image,
.ecp-wrap .ecp-company-field-textarea{grid-column:1 / -1;}
.ecp-wrap .ecp-company-field .ecp-field-label{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:3px!important;
  margin:0!important;
  padding:0!important;
}
.ecp-wrap .ecp-company-field .ecp-field-label strong{
  display:block!important;
  margin:0!important;
  color:#172033!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:700!important;
}
.ecp-wrap .ecp-company-field .ecp-field-label small{
  display:block!important;
  margin:0!important;
  color:#8791a2!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;
}
.ecp-wrap .ecp-company-field input:not(.ecp-color-picker),
.ecp-wrap .ecp-company-field textarea{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:12px 13px!important;
  border:1px solid #d8dee8!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#172033!important;
  font:inherit!important;
  font-size:14px!important;
  line-height:1.45!important;
  outline:none!important;
  box-shadow:none!important;
}
.ecp-wrap .ecp-company-field input:not(.ecp-color-picker):focus,
.ecp-wrap .ecp-company-field textarea:focus{
  border-color:var(--ecp-primary)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ecp-primary) 12%,transparent)!important;
}
.ecp-wrap .ecp-company-field textarea{resize:vertical;min-height:110px;}
.ecp-wrap .ecp-company-field-color .wp-picker-container{align-self:flex-start!important;}
.ecp-wrap .ecp-company-field-image .ecp-media-field{gap:13px;}
.ecp-wrap .ecp-company-field-image .ecp-media-preview{
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:12px;
  background:#f8fafc;
  border:1px dashed #d5dce7;
  border-radius:12px;
}
.ecp-wrap .ecp-company-field-image .ecp-media-preview:empty::before{
  content:'No hay imagen seleccionada';
  color:#8a94a5;
  font-size:13px;
}
.ecp-wrap .ecp-company-field-image .ecp-media-preview img{
  max-width:220px!important;
  max-height:160px!important;
  border-radius:10px!important;
  border:1px solid #e0e5ed!important;
  background:#fff!important;
  padding:6px!important;
}
.ecp-wrap .ecp-media-actions{display:flex;gap:10px;flex-wrap:wrap;}
.ecp-wrap .ecp-media-actions button,
.ecp-wrap .ecp-media-select,
.ecp-wrap .ecp-media-remove,
.ecp-wrap .ecp-save,
.ecp-wrap button.ecp-save{
  appearance:none!important;
  -webkit-appearance:none!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-decoration:none!important;
  cursor:pointer!important;
  border-radius:9px!important;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease!important;
}
.ecp-wrap .ecp-media-select{
  padding:11px 16px!important;
  color:#fff!important;
  background:var(--ecp-primary)!important;
  border:1px solid var(--ecp-primary)!important;
  box-shadow:0 5px 12px color-mix(in srgb,var(--ecp-primary) 22%,transparent)!important;
}
.ecp-wrap .ecp-media-remove{
  padding:11px 16px!important;
  color:#667085!important;
  background:#fff!important;
  border:1px solid #d7dde7!important;
}
.ecp-wrap .ecp-save{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  margin-top:18px!important;
  padding:0 22px!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--ecp-primary),color-mix(in srgb,var(--ecp-primary) 72%,#172033))!important;
  border:1px solid var(--ecp-primary)!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--ecp-primary) 22%,transparent)!important;
}
.ecp-wrap .ecp-media-select:hover,.ecp-wrap .ecp-save:hover{transform:translateY(-1px)!important;box-shadow:0 10px 22px color-mix(in srgb,var(--ecp-primary) 28%,transparent)!important;}
.ecp-wrap .ecp-media-remove:hover{background:#f8fafc!important;border-color:#bfc7d4!important;transform:translateY(-1px)!important;}
.ecp-wrap .ecp-notice{margin-top:18px;padding:12px 14px;border-radius:10px;background:#ecfdf3;border:1px solid #b7ebcd;color:#176b42;font-size:13px;font-weight:600;}
@media(max-width:760px){
  .ecp-wrap .ecp-company-list{grid-template-columns:1fr;}
  .ecp-wrap .ecp-company-field-image,.ecp-wrap .ecp-company-field-textarea{grid-column:auto;}
}

/* v0.5.22 — Menú & Pie de página */
.ecp-wrap .ecp-menu-footer-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
}
.ecp-wrap .ecp-menu-footer-field{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:9px!important;
  margin:0!important;
  padding:18px!important;
  background:#fff!important;
  border:1px solid #e3e8f0!important;
  border-radius:14px!important;
  box-shadow:0 5px 18px rgba(20,30,55,.045)!important;
  min-width:0!important;
}
.ecp-wrap .ecp-menu-footer-field-textarea,
.ecp-wrap .ecp-menu-footer-field-image{grid-column:1 / -1;}
.ecp-wrap .ecp-menu-footer-field .ecp-field-label{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:3px!important;
  margin:0!important;
  padding:0!important;
}
.ecp-wrap .ecp-menu-footer-field .ecp-field-label strong{
  display:block!important;
  margin:0!important;
  color:#172033!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:700!important;
}
.ecp-wrap .ecp-menu-footer-field .ecp-field-label small{
  display:block!important;
  margin:0!important;
  color:#8791a2!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;
}
.ecp-wrap .ecp-menu-footer-field input:not(.ecp-color-picker),
.ecp-wrap .ecp-menu-footer-field textarea{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:12px 13px!important;
  border:1px solid #d8dee8!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#172033!important;
  font:inherit!important;
  font-size:14px!important;
  line-height:1.45!important;
  outline:none!important;
  box-shadow:none!important;
}
.ecp-wrap .ecp-menu-footer-field input:not(.ecp-color-picker):focus,
.ecp-wrap .ecp-menu-footer-field textarea:focus{
  border-color:var(--ecp-primary)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ecp-primary) 12%,transparent)!important;
}
.ecp-wrap .ecp-menu-footer-field textarea{resize:vertical;min-height:110px;}
.ecp-wrap .ecp-menu-footer-field-color .wp-picker-container{align-self:flex-start!important;}
.ecp-wrap .ecp-menu-footer-field-image .ecp-media-field{gap:13px;}
.ecp-wrap .ecp-menu-footer-field-image .ecp-media-preview{
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:12px;
  background:#f8fafc;
  border:1px dashed #d5dce7;
  border-radius:12px;
}
.ecp-wrap .ecp-menu-footer-field-image .ecp-media-preview:empty::before{
  content:'No hay imagen seleccionada';
  color:#8a94a5;
  font-size:13px;
}
.ecp-wrap .ecp-menu-footer-field-image .ecp-media-preview img{
  max-width:220px!important;
  max-height:160px!important;
  border-radius:10px!important;
  border:1px solid #e0e5ed!important;
  background:#fff!important;
  padding:6px!important;
}
@media(max-width:760px){
  .ecp-wrap .ecp-menu-footer-list{grid-template-columns:1fr;}
  .ecp-wrap .ecp-menu-footer-field-textarea,
  .ecp-wrap .ecp-menu-footer-field-image{grid-column:auto;}
}

/* v0.5.23 — Menú & Pie de página: diseño visual premium e independiente de Elementor */
.ecp-wrap .ecp-menu-footer-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  margin:24px 0 0!important;
  padding:0!important;
}
.ecp-wrap .ecp-menu-footer-list > label.ecp-menu-footer-field{
  position:relative!important;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:12px!important;
  margin:0!important;
  padding:20px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;
  border:1px solid #e2e7ef!important;
  border-radius:16px!important;
  box-shadow:0 8px 24px rgba(20,30,55,.06)!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.ecp-wrap .ecp-menu-footer-list > label.ecp-menu-footer-field:hover{
  transform:translateY(-2px)!important;
  border-color:color-mix(in srgb,var(--ecp-primary) 28%,#e2e7ef)!important;
  box-shadow:0 12px 28px rgba(20,30,55,.09)!important;
}
.ecp-wrap .ecp-menu-footer-list > label.ecp-menu-footer-field-textarea,
.ecp-wrap .ecp-menu-footer-list > label.ecp-menu-footer-field-image{
  grid-column:1 / -1!important;
}
.ecp-wrap .ecp-menu-footer-field .ecp-field-label{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.ecp-wrap .ecp-menu-footer-field .ecp-field-label strong{
  color:#172033!important;
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:750!important;
}
.ecp-wrap .ecp-menu-footer-field .ecp-field-label small{
  color:#8791a2!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;
}
.ecp-wrap .ecp-menu-footer-field input:not(.ecp-color-picker),
.ecp-wrap .ecp-menu-footer-field textarea{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid #d7dee9!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#172033!important;
  font:inherit!important;
  font-size:14px!important;
  line-height:1.45!important;
  box-sizing:border-box!important;
  outline:none!important;
  box-shadow:inset 0 1px 2px rgba(20,30,55,.025)!important;
}
.ecp-wrap .ecp-menu-footer-field input:not(.ecp-color-picker):focus,
.ecp-wrap .ecp-menu-footer-field textarea:focus{
  border-color:var(--ecp-primary)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ecp-primary) 12%,transparent)!important;
}
.ecp-wrap .ecp-menu-footer-field textarea{min-height:120px!important;resize:vertical!important;}

/* Color: tarjeta completa, selector grande y limpio */
.ecp-wrap .ecp-menu-footer-field-color{
  min-height:145px!important;
}
.ecp-wrap .ecp-menu-footer-field-color .wp-picker-container{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  width:100%!important;
  margin:0!important;
}
.ecp-wrap .ecp-menu-footer-field-color .wp-picker-container .wp-color-result{
  flex:0 0 56px!important;
  width:56px!important;
  min-width:56px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #c8d0dc!important;
  border-radius:9px!important;
  box-shadow:0 2px 5px rgba(20,30,55,.10)!important;
}
.ecp-wrap .ecp-menu-footer-field-color .wp-picker-container .wp-color-result:after{
  display:none!important;
}
.ecp-wrap .ecp-menu-footer-field-color .wp-picker-input-wrap{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
}
.ecp-wrap .ecp-menu-footer-field-color .wp-picker-input-wrap .wp-color-picker{
  width:105px!important;
  max-width:105px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:7px 9px!important;
  border:1px solid #c8d0dc!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#172033!important;
  font-size:13px!important;
  box-sizing:border-box!important;
}
.ecp-wrap .ecp-menu-footer-field-color .wp-picker-input-wrap .button{
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #d4dae4!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#5f6b7c!important;
  line-height:36px!important;
  font-weight:600!important;
}
.ecp-wrap .ecp-menu-footer-field-color .wp-picker-input-wrap .button:hover{
  border-color:var(--ecp-primary)!important;
  color:var(--ecp-primary)!important;
  background:#f8fbff!important;
}
.ecp-wrap .ecp-menu-footer-field-color .wp-picker-holder{
  position:absolute!important;
  left:20px!important;
  top:118px!important;
  z-index:100000!important;
}

/* Imagen: que ocupe una tarjeta ancha y tenga presencia */
.ecp-wrap .ecp-menu-footer-field-image .ecp-media-preview{
  min-height:170px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:16px!important;
  background:linear-gradient(135deg,#f8fafc,#f3f6fa)!important;
  border:1px dashed #ccd5e2!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
}
.ecp-wrap .ecp-menu-footer-field-image .ecp-media-preview img{
  max-width:260px!important;
  max-height:180px!important;
  width:auto!important;
  height:auto!important;
  border-radius:12px!important;
  border:1px solid #e0e5ed!important;
  background:#fff!important;
  padding:7px!important;
  box-shadow:0 5px 15px rgba(20,30,55,.07)!important;
}
.ecp-wrap .ecp-menu-footer-field-image .ecp-media-actions{margin-top:2px!important;}

.ecp-wrap .ecp-menu-footer-list + .ecp-save{margin-top:22px!important;}

@media(max-width:760px){
  .ecp-wrap .ecp-menu-footer-list{grid-template-columns:1fr!important;}
  .ecp-wrap .ecp-menu-footer-list > label.ecp-menu-footer-field-textarea,
  .ecp-wrap .ecp-menu-footer-list > label.ecp-menu-footer-field-image{grid-column:auto!important;}
  .ecp-wrap .ecp-menu-footer-field-color .wp-picker-holder{left:20px!important;}
}

/* v0.5.24 — Menú & Pie de página: filas limpias, como el selector de Configuración */
.ecp-wrap .ecp-menu-footer-list{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  width:100%!important;
  margin:24px 0 0!important;
}
.ecp-wrap .ecp-menu-footer-list > label.ecp-menu-footer-field{
  display:grid!important;
  grid-template-columns:minmax(190px,260px) minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:28px!important;
  row-gap:12px!important;
  width:100%!important;
  min-height:76px!important;
  margin:0!important;
  padding:16px 18px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #e3e7ee!important;
  border-radius:14px!important;
  box-shadow:0 4px 14px rgba(20,30,55,.045)!important;
}
.ecp-wrap .ecp-menu-footer-list > label.ecp-menu-footer-field:hover{
  transform:none!important;
  border-color:#d6dde8!important;
  box-shadow:0 6px 18px rgba(20,30,55,.065)!important;
}
.ecp-wrap .ecp-menu-footer-field .ecp-field-label{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.ecp-wrap .ecp-menu-footer-field .ecp-field-label strong{
  font-size:14px!important;
  line-height:1.3!important;
  color:#172033!important;
  font-weight:700!important;
}
.ecp-wrap .ecp-menu-footer-field .ecp-field-label small{
  font-size:11px!important;
  line-height:1.3!important;
  color:#7b8494!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;
}
.ecp-wrap .ecp-menu-footer-field > input:not(.ecp-color-picker),
.ecp-wrap .ecp-menu-footer-field > textarea,
.ecp-wrap .ecp-menu-footer-field > .ecp-media-field{
  grid-column:2!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
.ecp-wrap .ecp-menu-footer-field-color{
  min-height:78px!important;
}
.ecp-wrap .ecp-menu-footer-field-color > .wp-picker-container{
  grid-column:2!important;
  justify-self:start!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  position:relative!important;
}
.ecp-wrap .ecp-menu-footer-field-color > .wp-picker-container .wp-color-result,
.ecp-wrap .ecp-menu-footer-field-color > .wp-picker-container .wp-color-result.button{
  display:block!important;
  flex:0 0 54px!important;
  width:54px!important;
  min-width:54px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #c8ced8!important;
  border-radius:6px!important;
  box-sizing:border-box!important;
  box-shadow:0 1px 3px rgba(20,30,55,.10)!important;
}
.ecp-wrap .ecp-menu-footer-field-color > .wp-picker-container .wp-color-result:after,
.ecp-wrap .ecp-menu-footer-field-color > .wp-picker-container .wp-color-result .wp-color-result-text{
  display:none!important;
}
.ecp-wrap .ecp-menu-footer-field-color > .wp-picker-container .wp-picker-input-wrap{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
}
.ecp-wrap .ecp-menu-footer-field-color > .wp-picker-container .wp-picker-input-wrap .wp-color-picker{
  width:105px!important;
  max-width:105px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:6px 8px!important;
  border:1px solid #c8ced8!important;
  border-radius:6px!important;
  background:#fff!important;
  box-sizing:border-box!important;
  font-size:13px!important;
}
.ecp-wrap .ecp-menu-footer-field-color > .wp-picker-container .wp-picker-input-wrap .wp-picker-default{
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #c8ced8!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#5f6b7c!important;
  font-weight:600!important;
  line-height:32px!important;
}
.ecp-wrap .ecp-menu-footer-field-color > .wp-picker-container .wp-picker-holder{
  position:absolute!important;
  left:0!important;
  top:42px!important;
  z-index:100000!important;
}
@media(max-width:760px){
  .ecp-wrap .ecp-menu-footer-list > label.ecp-menu-footer-field{
    grid-template-columns:1fr!important;
    gap:10px!important;
    min-height:0!important;
  }
  .ecp-wrap .ecp-menu-footer-field > input:not(.ecp-color-picker),
  .ecp-wrap .ecp-menu-footer-field > textarea,
  .ecp-wrap .ecp-menu-footer-field > .ecp-media-field,
  .ecp-wrap .ecp-menu-footer-field-color > .wp-picker-container{grid-column:1!important;}
}


/* v0.5.25 — Menú & Pie: control de color amplio y alineado */
.ecp-wrap .ecp-menu-footer-field-color{
  grid-template-columns:260px minmax(0,1fr)!important;
  min-height:92px!important;
}
.ecp-wrap .ecp-menu-footer-field-color .ecp-color-field-control{
  grid-column:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.ecp-wrap .ecp-menu-footer-field-color .ecp-color-field-control .wp-picker-container{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  position:relative!important;
}
.ecp-wrap .ecp-menu-footer-field-color .ecp-color-field-control .wp-color-result,
.ecp-wrap .ecp-menu-footer-field-color .ecp-color-field-control .wp-color-result.button{
  flex:0 0 58px!important;
  width:58px!important;
  min-width:58px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #c9d1dc!important;
  border-radius:8px!important;
  box-shadow:0 2px 5px rgba(20,30,55,.10)!important;
}
.ecp-wrap .ecp-menu-footer-field-color .ecp-color-field-control .wp-color-result:after,
.ecp-wrap .ecp-menu-footer-field-color .ecp-color-field-control .wp-color-result .wp-color-result-text{
  display:none!important;
}
.ecp-wrap .ecp-menu-footer-field-color .ecp-color-field-control .wp-picker-input-wrap{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
}
.ecp-wrap .ecp-menu-footer-field-color .ecp-color-field-control .wp-picker-input-wrap .wp-color-picker{
  width:120px!important;
  max-width:120px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:7px 10px!important;
  border:1px solid #c9d1dc!important;
  border-radius:8px!important;
  background:#fff!important;
  box-sizing:border-box!important;
  font-size:14px!important;
}
.ecp-wrap .ecp-menu-footer-field-color .ecp-color-field-control .wp-picker-input-wrap .wp-picker-default{
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid #d4dae3!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#5f6b7c!important;
  font-weight:600!important;
  line-height:36px!important;
  white-space:nowrap!important;
}
.ecp-wrap .ecp-menu-footer-field-color .ecp-color-field-control .wp-picker-holder{
  position:absolute!important;
  left:1!important; /* era 0 le puse para que no este pegado a la derecha i deja espacio y se pueda ver el cuadrado e color */
  top:-46px!important; /* era 46 puse negativo y ya no se corta en la parte inefrior */
  z-index:100001!important;
}
@media(max-width:760px){
  .ecp-wrap .ecp-menu-footer-field-color{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .ecp-wrap .ecp-menu-footer-field-color .ecp-color-field-control{
    grid-column:1!important;
  }
}


/* Color Picker frontend: posición inteligente y un solo picker abierto.
   El panel (.wp-picker-holder) se traslada con JS a <body> mientras está
   abierto (clase .ecp-picker-holder-portal) para que "position:fixed" se
   calcule siempre respecto a la ventana y no respecto a algún contenedor
   del tema/Elementor con transform, que es lo que provocaba que apareciera
   en la esquina superior izquierda de la página. 
.ecp-wrap .ecp-menu-footer-field-color,
.ecp-wrap .ecp-company-field-color { overflow:visible!important; }
.ecp-wrap .wp-picker-container.wp-picker-active { position:relative!important; z-index:100000!important; }
.ecp-picker-holder-portal {
  position:fixed!important;
  margin:0!important;
  z-index:999999!important;
} */


/* Configuración: las tarjetas de colores reutilizan las clases .ecp-menu-footer-field / .ecp-menu-footer-field-color, por lo que heredan exactamente el mismo estilo que Menú & Pie de página (ver bloque más arriba). */


/* v0.5.32 — Configuración → Colores del sitio:
   los elementos son <div>, mientras que Menú & Pie usa <label>.
   Aplicamos exactamente la misma estructura visual al listado de configuración. */
.ecp-wrap .ecp-color-list > div.ecp-menu-footer-field{
  display:grid!important;
  grid-template-columns:minmax(190px,260px) minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:28px!important;
  row-gap:12px!important;
  width:100%!important;
  min-height:76px!important;
  margin:0!important;
  padding:16px 18px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #e3e7ee!important;
  border-radius:14px!important;
  box-shadow:0 4px 14px rgba(20,30,55,.045)!important;
}
.ecp-wrap .ecp-color-list > div.ecp-menu-footer-field:hover{
  transform:none!important;
  border-color:#d6dde8!important;
  box-shadow:0 6px 18px rgba(20,30,55,.065)!important;
}
.ecp-wrap .ecp-color-list > div.ecp-menu-footer-field .ecp-field-label{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.ecp-wrap .ecp-color-list > div.ecp-menu-footer-field .ecp-color-field-control{
  grid-column:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.ecp-wrap .ecp-color-list > div.ecp-menu-footer-field-color{
  min-height:92px!important;
}
@media(max-width:760px){
  .ecp-wrap .ecp-color-list > div.ecp-menu-footer-field{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .ecp-wrap .ecp-color-list > div.ecp-menu-footer-field .ecp-color-field-control{
    grid-column:1!important;
  }
}


/* v0.5.33 — WordPress/Iris: mantener la barra de transparencia al costado derecho
   del cuadro de selección. Algunos estilos globales del tema/Elementor pueden
   anular el float original de Iris y hacer que el slider caiga debajo. */
.ecp-wrap .wp-picker-holder .iris-picker .iris-square{
  float:left!important;
  margin-right:5px!important;
}
.ecp-wrap .wp-picker-holder .iris-picker .iris-slider{
  float:left!important;
  display:block!important;
  margin-left:5px!important;
  margin-right:0!important;
}
.ecp-wrap .wp-picker-holder .iris-picker .iris-palette-container{
  clear:both!important;
}

/* v0.6.1 — Módulos y WooCommerce */
.ecp-wrap .ecp-nav-group{
  margin:18px 12px 6px!important;
  color:#98a2b3!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.ecp-wrap .ecp-woo-section .ecp-editor-head .ecp-inline-action{
  text-decoration:none!important;
  color:#fff!important;
}
.ecp-wrap .ecp-product-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px!important;
  margin-top:22px!important;
}
.ecp-wrap .ecp-product-card{
  display:flex!important;
  gap:16px!important;
  min-width:0!important;
  padding:16px!important;
  background:#fff!important;
  border:1px solid #e3e8f0!important;
  border-radius:14px!important;
  box-shadow:0 5px 18px rgba(20,30,55,.045)!important;
}
.ecp-wrap .ecp-product-thumb{
  flex:0 0 86px!important;
  width:86px!important;
  height:86px!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:#f4f6f9!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#8791a2!important;
  font-size:11px!important;
}
.ecp-wrap .ecp-product-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;}
.ecp-wrap .ecp-product-info{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;min-width:0!important;}
.ecp-wrap .ecp-product-info strong{font-size:15px!important;color:#172033!important;line-height:1.35!important;}
.ecp-wrap .ecp-product-info span{font-size:14px!important;font-weight:700!important;color:var(--ecp-primary)!important;}
.ecp-wrap .ecp-product-info small{font-size:11px!important;color:#8791a2!important;}
.ecp-wrap .ecp-product-info a{margin-top:5px!important;color:var(--ecp-primary)!important;font-weight:700!important;text-decoration:none!important;}
.ecp-wrap .ecp-woo-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;margin-top:22px!important;}
.ecp-wrap .ecp-product-form label,.ecp-wrap .ecp-product-form>div{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;}
.ecp-wrap .ecp-product-form label strong,.ecp-wrap .ecp-product-form>div>strong{font-size:13px!important;color:#172033!important;}
.ecp-wrap .ecp-product-form input,.ecp-wrap .ecp-product-form select,.ecp-wrap .ecp-product-form textarea{width:100%!important;box-sizing:border-box!important;padding:11px 12px!important;border:1px solid #d8dee8!important;border-radius:9px!important;background:#fff!important;color:#172033!important;font:inherit!important;}
.ecp-wrap .ecp-product-form select[multiple]{min-height:130px!important;}
.ecp-wrap .ecp-woo-full{grid-column:1 / -1!important;}
.ecp-wrap .ecp-tax-layout{display:grid!important;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr)!important;gap:22px!important;margin-top:22px!important;align-items:start!important;}
.ecp-wrap .ecp-tax-form{display:flex!important;flex-direction:column!important;gap:14px!important;padding:18px!important;background:#fff!important;border:1px solid #e3e8f0!important;border-radius:14px!important;box-shadow:0 5px 18px rgba(20,30,55,.045)!important;}
.ecp-wrap .ecp-tax-form label{display:flex!important;flex-direction:column!important;gap:7px!important;}
.ecp-wrap .ecp-tax-form label strong{font-size:13px!important;color:#172033!important;}
.ecp-wrap .ecp-tax-form input,.ecp-wrap .ecp-tax-form textarea{width:100%!important;box-sizing:border-box!important;padding:11px 12px!important;border:1px solid #d8dee8!important;border-radius:9px!important;background:#fff!important;font:inherit!important;}
.ecp-wrap .ecp-tax-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
.ecp-wrap .ecp-tax-card{display:flex!important;flex-direction:column!important;gap:4px!important;padding:15px!important;background:#fff!important;border:1px solid #e3e8f0!important;border-radius:12px!important;}
.ecp-wrap .ecp-tax-card strong{color:#172033!important;font-size:14px!important;}
.ecp-wrap .ecp-tax-card small{color:#8791a2!important;font-size:11px!important;}
.ecp-wrap .ecp-orders-list{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:22px!important;}
.ecp-wrap .ecp-order-card{display:grid!important;grid-template-columns:1fr 1fr 1.2fr!important;gap:15px!important;align-items:center!important;padding:15px 18px!important;background:#fff!important;border:1px solid #e3e8f0!important;border-radius:12px!important;}
.ecp-wrap .ecp-order-card>div{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;}
.ecp-wrap .ecp-order-card strong{font-size:14px!important;color:#172033!important;}
.ecp-wrap .ecp-order-card small{font-size:11px!important;color:#8791a2!important;}
@media(max-width:760px){
  .ecp-wrap .ecp-product-grid,.ecp-wrap .ecp-woo-form-grid,.ecp-wrap .ecp-tax-layout{grid-template-columns:1fr!important;}
  .ecp-wrap .ecp-tax-list{grid-template-columns:1fr!important;}
  .ecp-wrap .ecp-order-card{grid-template-columns:1fr!important;gap:9px!important;}
}

/* v0.6.2 — Buscador y paginación de productos */
.ecp-wrap .ecp-product-search{display:flex!important;align-items:center!important;gap:10px!important;margin-top:20px!important;max-width:760px!important;}
.ecp-wrap .ecp-product-search input{flex:1 1 auto!important;min-width:0!important;width:auto!important;box-sizing:border-box!important;padding:11px 13px!important;border:1px solid #d8dee8!important;border-radius:9px!important;background:#fff!important;color:#172033!important;font:inherit!important;}
.ecp-wrap .ecp-product-search .ecp-save{border:0!important;cursor:pointer!important;white-space:nowrap!important;}
.ecp-wrap .ecp-search-clear{font-size:13px!important;color:var(--ecp-primary)!important;text-decoration:none!important;font-weight:700!important;white-space:nowrap!important;}
.ecp-wrap .ecp-search-result-note{margin-top:12px!important;}
.ecp-wrap .ecp-pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex-wrap:wrap!important;margin:28px 0 4px!important;}
.ecp-wrap .ecp-page-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:38px!important;height:38px!important;padding:0 11px!important;box-sizing:border-box!important;border:1px solid #dce2ea!important;border-radius:9px!important;background:#fff!important;color:#172033!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important;}
.ecp-wrap .ecp-page-link:hover,.ecp-wrap .ecp-page-link.active{background:var(--ecp-primary)!important;border-color:var(--ecp-primary)!important;color:#fff!important;}
.ecp-wrap .ecp-page-prev,.ecp-wrap .ecp-page-next{padding:0 13px!important;}
.ecp-wrap .ecp-page-dots{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:38px!important;padding:0 3px!important;color:#8791a2!important;}
@media(max-width:600px){
  .ecp-wrap .ecp-product-search{align-items:stretch!important;flex-wrap:wrap!important;}
  .ecp-wrap .ecp-product-search input{flex:1 1 100%!important;width:100%!important;}
  .ecp-wrap .ecp-product-search .ecp-save{flex:0 0 auto!important;}
}


/* 0.6.3 — Branding premium del panel frontend.
   Usa el logo y nombre configurados por el administrador sin exponer WordPress/Elementor. */
.ecp-brand{padding:6px 10px 24px!important;gap:12px!important;align-items:center!important;}
.ecp-brand-logo{width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,var(--ecp-primary),#1d293d);display:flex;align-items:center;justify-content:center;flex:0 0 46px;overflow:hidden;box-shadow:0 8px 20px rgba(20,30,55,.14);}
.ecp-brand-logo img{max-width:34px!important;max-height:34px!important;width:auto!important;height:auto!important;border-radius:8px;display:block;}
.ecp-brand-copy{min-width:0;display:flex;flex-direction:column;gap:3px;}
.ecp-brand-copy strong{font-size:14px!important;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ecp-brand-copy span{font-size:10px;color:#8a93a3;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;}
.ecp-main>header{gap:18px;}
.ecp-welcome span{font-size:11px!important;color:var(--ecp-primary)!important;font-weight:700;text-transform:uppercase;letter-spacing:.12em;}
.ecp-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
.ecp-secure-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e3e7ee;background:#fff;border-radius:999px;font-size:11px;font-weight:700;color:#596273;box-shadow:0 3px 10px rgba(20,30,55,.04);}
.ecp-header-actions>a{padding:9px 13px;border:1px solid #e1e5ec;border-radius:9px;background:#fff;}
.ecp-sidebar{position:relative;}
.ecp-sidebar:after{content:"";position:absolute;left:16px;right:16px;top:84px;height:1px;background:#eef0f4;}
.ecp-nav-group{margin:14px 12px 4px;font-size:10px;font-weight:800;color:#8a93a3;text-transform:uppercase;letter-spacing:.1em;}
@media(max-width:700px){.ecp-sidebar:after{display:none}.ecp-main>header{flex-direction:column;align-items:stretch}.ecp-header-actions{justify-content:space-between}.ecp-brand-copy strong{max-width:220px}}


/* 0.6.8 — Pantalla de bienvenida posterior al login.
   Independiente del diseño del panel para evitar interferencias con Elementor.
   Duración controlada por data-ecp-welcome-duration en el markup. */
.ecp-welcome-screen{
  position:relative!important;
  min-height:650px!important;
  width:100%!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  background:#0f172a!important;
  color:#fff!important;
  border-radius:18px!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.ecp-welcome-glow{
  position:absolute!important;
  width:520px!important;
  height:520px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(34,113,177,.28) 0%,rgba(34,113,177,0) 68%)!important;
  animation:ecpWelcomeGlow 3s ease-in-out infinite!important;
}
.ecp-welcome-content{
  position:relative!important;
  z-index:2!important;
  width:min(90%,520px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  animation:ecpWelcomeIn .8s ease-out both!important;
}
.ecp-welcome-logo-wrap{
  width:108px!important;
  height:108px!important;
  border-radius:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.24)!important;
  overflow:hidden!important;
  animation:ecpWelcomeLogo 1.2s cubic-bezier(.2,.8,.2,1) .15s both!important;
}
.ecp-welcome-logo-wrap img{max-width:78px!important;max-height:78px!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:16px!important;display:block!important;}
.ecp-welcome-logo-fallback{font-size:52px!important;font-weight:800!important;line-height:1!important;}
.ecp-welcome-brand{margin-top:22px!important;font-size:13px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important;opacity:.72!important;animation:ecpWelcomeText .7s ease-out .45s both!important;}
.ecp-welcome-title{margin-top:9px!important;font-size:42px!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.1!important;animation:ecpWelcomeText .7s ease-out .65s both!important;}
.ecp-welcome-subtitle{margin-top:12px!important;font-size:15px!important;opacity:.72!important;animation:ecpWelcomeText .7s ease-out .85s both!important;}
.ecp-welcome-loader{width:min(280px,70%)!important;height:4px!important;margin-top:28px!important;background:rgba(255,255,255,.12)!important;border-radius:99px!important;overflow:hidden!important;animation:ecpWelcomeText .7s ease-out 1s both!important;}
.ecp-welcome-loader span{display:block!important;width:0!important;height:100%!important;border-radius:inherit!important;background:#fff!important;animation:ecpWelcomeProgress 8s linear forwards!important;}
.ecp-welcome-status{margin-top:12px!important;font-size:11px!important;opacity:.5!important;animation:ecpWelcomeText .7s ease-out 1.1s both!important;}
.ecp-welcome-skip{position:absolute!important;right:20px!important;bottom:18px!important;z-index:3!important;color:rgba(255,255,255,.62)!important;text-decoration:none!important;font-size:12px!important;padding:7px 10px!important;border-radius:8px!important;transition:.15s!important;}
.ecp-welcome-skip:hover{color:#fff!important;background:rgba(255,255,255,.08)!important;}
@keyframes ecpWelcomeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes ecpWelcomeLogo{0%{opacity:0;transform:scale(.72) rotate(-7deg)}65%{opacity:1;transform:scale(1.04) rotate(1deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes ecpWelcomeText{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes ecpWelcomeGlow{0%,100%{transform:scale(.9);opacity:.7}50%{transform:scale(1.08);opacity:1}}
@keyframes ecpWelcomeProgress{from{width:0}to{width:100%}}
@media(max-width:700px){
  .ecp-welcome-screen{min-height:620px!important;border-radius:14px!important;}
  .ecp-welcome-logo-wrap{width:92px!important;height:92px!important;border-radius:24px!important;}
  .ecp-welcome-logo-wrap img{max-width:66px!important;max-height:66px!important;}
  .ecp-welcome-title{font-size:34px!important;}
}
@media(prefers-reduced-motion:reduce){
  .ecp-welcome-glow,.ecp-welcome-content,.ecp-welcome-logo-wrap,.ecp-welcome-brand,.ecp-welcome-title,.ecp-welcome-subtitle,.ecp-welcome-loader,.ecp-welcome-status,.ecp-welcome-loader span{animation:none!important;}
  .ecp-welcome-loader span{width:100%!important;}
}

/* Configuración editable de marca para clientes */
.ecp-wrap .ecp-settings-section{display:flex;flex-direction:column;gap:22px}
.ecp-wrap .ecp-front-settings-form{display:flex;flex-direction:column;gap:18px}
.ecp-wrap .ecp-settings-card{background:#fff;border:1px solid #e0e7ef;border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(15,35,65,.045)}
.ecp-wrap .ecp-settings-card h3{margin:0 0 18px;font-size:18px;font-weight:750;color:#12243a}
.ecp-wrap .ecp-settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ecp-wrap .ecp-settings-field{display:flex;flex-direction:column;gap:8px;color:#172b45}
.ecp-wrap .ecp-settings-field strong,.ecp-wrap .ecp-settings-color strong,.ecp-wrap .ecp-settings-media>strong{font-size:14px;font-weight:700}
.ecp-wrap .ecp-settings-field small,.ecp-wrap .ecp-settings-media>small{color:#738197;font-size:12px;line-height:1.5}
.ecp-wrap .ecp-settings-field input{width:100%;min-height:46px;border:1px solid #d4deea;border-radius:10px;padding:10px 13px;background:#fbfcfe;color:#14243a;font:inherit;box-sizing:border-box}
.ecp-wrap .ecp-settings-field input:focus{outline:0;border-color:#00a6ad;box-shadow:0 0 0 3px rgba(0,166,173,.12)}
.ecp-wrap .ecp-settings-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ecp-wrap .ecp-settings-color{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;border:1px solid #e4eaf2;border-radius:13px;background:#fbfcfe}
.ecp-wrap .ecp-settings-color .wp-picker-container{max-width:100%}
.ecp-wrap .ecp-settings-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ecp-wrap .ecp-settings-media{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid #e4eaf2;border-radius:14px;padding:18px;min-width:0}
.ecp-wrap .ecp-settings-media .ecp-media-preview{display:flex;align-items:center;justify-content:center;min-height:100px;width:100%;border:1px dashed #d6e0eb;border-radius:12px;background:#f8fafc;padding:12px;box-sizing:border-box}
.ecp-wrap .ecp-settings-media .ecp-media-preview img{display:block;max-width:100%;max-height:130px;width:auto;height:auto;object-fit:contain;border-radius:8px}
.ecp-wrap .ecp-settings-media .ecp-media-actions{display:flex;flex-wrap:wrap;gap:8px}
.ecp-wrap .ecp-settings-media .ecp-media-actions button{border:1px solid #d3deeb;background:#fff;color:#087e88;border-radius:9px;padding:9px 12px;cursor:pointer;font-weight:650}
.ecp-wrap .ecp-settings-media .ecp-media-actions button:hover{border-color:#00a6ad;background:#effcfc}
.ecp-wrap .ecp-settings-save{align-self:flex-start;min-height:48px;padding:13px 24px;border:0;border-radius:11px;background:linear-gradient(135deg,#00a9ad,#00838c);color:#fff;font-weight:750;box-shadow:0 8px 18px rgba(0,153,160,.2);cursor:pointer}
.ecp-wrap .ecp-settings-save:hover{filter:brightness(.96);transform:translateY(-1px)}
@media(max-width:760px){.ecp-wrap .ecp-settings-fields,.ecp-wrap .ecp-settings-color-grid,.ecp-wrap .ecp-settings-media-grid{grid-template-columns:1fr}.ecp-wrap .ecp-settings-card{padding:17px}.ecp-wrap .ecp-settings-save{width:100%}}

/* Mi negocio: panel visual para emprendimientos */
.ecp-business-section .ecp-settings-card{background:#fff;border:1px solid #e0e7f0;border-radius:18px;padding:22px;margin:18px 0;box-shadow:0 5px 18px rgba(20,40,70,.04)}
.ecp-business-section .ecp-settings-card h3{margin:0 0 10px;font-size:18px;color:#13233c}
.ecp-business-section .ecp-settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ecp-business-section textarea,.ecp-business-section input[type=url]{width:100%;max-width:100%;border:1px solid #ccd6e4;border-radius:10px;padding:12px;background:#fff;color:#14243c;box-sizing:border-box}
.ecp-business-section textarea{resize:vertical;line-height:1.6}
.ecp-business-section .ecp-save{border:0;border-radius:12px;padding:13px 22px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(0,166,173,.18)}
.ecp-business-preview h4{font-size:16px;margin:22px 0 12px;color:#13233c}
.ecp-business-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ecp-business-photo-grid img{width:100%;height:190px;object-fit:cover;border-radius:14px;display:block}
.ecp-business-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ecp-business-links a,.ecp-business-links>div{display:flex;align-items:center;gap:12px;min-height:50px;padding:12px 16px;border:1px solid #e0e7f0;border-radius:13px;background:#fff;color:#14243c;text-decoration:none;box-shadow:0 3px 10px rgba(20,40,70,.035)}
@media(max-width:760px){.ecp-business-section .ecp-settings-fields,.ecp-business-links{grid-template-columns:1fr}.ecp-business-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ecp-business-photo-grid img{height:160px}}

/* Public sections for Mi negocio (v0.6.18): compact gallery and responsive cards */
.ecp-public-business{display:block!important;width:100%;max-width:100%;margin:clamp(1.5rem,3vw,2.5rem) 0;font-family:inherit;min-width:0;clear:both;box-sizing:border-box}
.ecp-public-business h2{margin:0 0 1.1rem;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.25;font-weight:750;letter-spacing:-.02em}
.ecp-public-business-grid{display:grid!important;width:100%;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px;align-items:stretch;box-sizing:border-box}
.ecp-public-business-photo{overflow:hidden;position:relative;aspect-ratio:4/3!important;height:auto!important;min-height:0!important;border-radius:13px;background:#f1f5f9;box-shadow:0 3px 12px rgba(15,23,42,.08);padding:0!important;margin:0!important;box-sizing:border-box}
.ecp-public-business-photo img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;object-position:center;transition:transform .25s ease;margin:0!important;padding:0!important}
.ecp-public-business-photo:hover img{transform:scale(1.035)}
.ecp-public-business-links,.ecp-public-business-cards{display:grid!important;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch;box-sizing:border-box}
.ecp-public-business-link,.ecp-public-business-card{display:block!important;width:100%;min-width:0;max-width:100%;padding:17px 18px;border:1px solid #e1e8f0;border-radius:15px;background:#fff;text-decoration:none;box-shadow:0 4px 14px rgba(15,23,42,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-sizing:border-box;float:none!important}
.ecp-public-business-link:hover,.ecp-public-business-card:hover{transform:translateY(-2px);border-color:#cbd8e6;box-shadow:0 8px 22px rgba(15,23,42,.08)}
.ecp-public-business-link{font-weight:650;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ecp-public-business-card h3{margin:0 0 8px;font-size:1.05rem;line-height:1.35;font-weight:700}
.ecp-public-business-card p{margin:0 0 12px;line-height:1.55;color:#64748b}
.ecp-public-business-card a{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:9px 13px!important;border:1px solid #f2b8c8!important;border-radius:9px!important;background:#fff5f8!important;color:#d62959!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;box-sizing:border-box;transition:background .2s ease,color .2s ease,border-color .2s ease}.ecp-public-business-card a:hover{background:#d62959!important;border-color:#d62959!important;color:#fff!important}.ecp-public-business-card a:focus{outline:2px solid #d62959!important;outline-offset:2px}
@media(min-width:1100px){.ecp-public-business-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.ecp-public-business-links,.ecp-public-business-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ecp-public-business-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ecp-public-business-photo{border-radius:10px}.ecp-public-business-links,.ecp-public-business-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:480px){.ecp-public-business-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ecp-public-business-links,.ecp-public-business-cards{grid-template-columns:1fr}.ecp-public-business-link,.ecp-public-business-card{padding:14px}}
@media(prefers-reduced-motion:reduce){.ecp-public-business-photo img,.ecp-public-business-link,.ecp-public-business-card{transition:none}}

/* Edroz Client Panel 0.6.21 — marcas visuales de Mi negocio */
.ecp-public-business .ecp-business-logo{display:block!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;object-fit:contain!important;border-radius:10px!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.ecp-public-business .ecp-public-business-link{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;min-height:76px!important;padding:13px 16px!important;color:#172033!important;background:#fff!important}
.ecp-public-business .ecp-business-link-label{flex:1;min-width:0;font-weight:700}
.ecp-public-business .ecp-business-external{margin-left:auto;color:#64748b;font-size:20px}
.ecp-public-business .ecp-business-logo-fallback{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;border-radius:10px;background:#f1f5f9;font-size:24px}
.ecp-public-business .ecp-public-delivery-card{display:flex!important;align-items:center!important;gap:14px!important;min-height:94px}
.ecp-public-business .ecp-public-delivery-card .ecp-business-card-content{flex:1;min-width:0}
.ecp-public-business .ecp-delivery-logo{width:54px!important;height:54px!important;min-width:54px!important;border-radius:11px!important;object-fit:cover!important}
.ecp-wrap .ecp-social-edit-field strong{display:flex;align-items:center;gap:10px}
.ecp-wrap .ecp-social-edit-field .ecp-business-logo{width:32px;height:32px;object-fit:contain;border-radius:7px}
@media(max-width:480px){.ecp-public-business .ecp-business-logo{width:40px!important;height:40px!important;min-width:40px!important}.ecp-public-business .ecp-public-business-link{min-height:64px!important;padding:10px!important;gap:9px!important}.ecp-public-business .ecp-delivery-logo{width:44px!important;height:44px!important;min-width:44px!important}}

/* 0.6.29 — Unificar botones de configuración con el estilo de selección de medios. */
.ecp-wrap .ecp-header-actions>a,
.ecp-wrap .ecp-settings-color button,
.ecp-wrap .ecp-settings-color .button,
.ecp-wrap .ecp-settings-card button.ecp-default,
.ecp-wrap .ecp-settings-card button[data-default],
.ecp-wrap .ecp-settings-card .wp-picker-default,
.ecp-wrap .ecp-settings-card .wp-picker-clear {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:40px!important;padding:9px 13px!important;border:1px solid transparent!important;
  border-radius:9px!important;background:linear-gradient(135deg,#00a9ad,#00838c)!important;
  color:#fff!important;font:inherit!important;font-size:13px!important;font-weight:700!important;
  line-height:1.2!important;text-decoration:none!important;box-shadow:0 5px 12px rgba(0,153,160,.16)!important;
  cursor:pointer!important;transition:filter .15s ease,transform .15s ease!important;
}
.ecp-wrap .ecp-header-actions>a:hover,
.ecp-wrap .ecp-settings-color button:hover,
.ecp-wrap .ecp-settings-color .button:hover,
.ecp-wrap .ecp-settings-card button.ecp-default:hover,
.ecp-wrap .ecp-settings-card button[data-default]:hover,
.ecp-wrap .ecp-settings-card .wp-picker-default:hover,
.ecp-wrap .ecp-settings-card .wp-picker-clear:hover {
  background:linear-gradient(135deg,#00979c,#006f78)!important;color:#fff!important;
  filter:brightness(1.02);transform:translateY(-1px);
}
.ecp-wrap .ecp-settings-color button:focus-visible,
.ecp-wrap .ecp-settings-color .button:focus-visible,
.ecp-wrap .ecp-header-actions>a:focus-visible {outline:3px solid rgba(0,169,173,.25)!important;outline-offset:2px!important;}

/* Edroz Client Panel 0.6.31: inicio renovado */
.ecp-wrap .ecp-home-dashboard{display:grid;gap:22px;min-width:0}
.ecp-wrap .ecp-home-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(190px,.7fr);align-items:center;gap:20px;min-height:240px;padding:34px 38px;border-radius:22px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.16),transparent 28%),linear-gradient(120deg,var(--ecp-primary,#00a9ad),#176071 55%,#1c2c43);box-shadow:0 18px 42px rgba(20,60,80,.15)}
.ecp-wrap .ecp-home-hero-copy{position:relative;z-index:2;max-width:650px}.ecp-wrap .ecp-home-eyebrow{display:block;font-size:10px!important;font-weight:800;letter-spacing:.16em;color:var(--ecp-primary,#00a9ad);text-transform:uppercase;margin-bottom:8px}.ecp-wrap .ecp-home-hero .ecp-home-eyebrow{color:rgba(255,255,255,.74)}
.ecp-wrap .ecp-home-hero h2{font-size:clamp(25px,3vw,36px);line-height:1.13;letter-spacing:-.035em;margin:0 0 12px;color:#fff}.ecp-wrap .ecp-home-hero p{font-size:14px;line-height:1.75;max-width:590px;color:rgba(255,255,255,.84);margin:0}.ecp-wrap .ecp-home-hero p strong{color:#fff}.ecp-wrap .ecp-home-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.ecp-wrap .ecp-home-hero-actions a{display:inline-flex;align-items:center;gap:15px;padding:12px 16px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:800;transition:transform .18s,background .18s}.ecp-wrap .ecp-home-hero-actions a:hover{transform:translateY(-2px)}.ecp-wrap .ecp-home-primary{background:#fff;color:#173748;box-shadow:0 6px 18px rgba(0,0,0,.1)}.ecp-wrap .ecp-home-secondary{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08)}
.ecp-wrap .ecp-home-hero-art{position:relative;min-height:180px;display:flex;align-items:center;justify-content:center}.ecp-wrap .ecp-home-orbit{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;transform:rotate(-22deg)}.ecp-wrap .ecp-orbit-one{width:250px;height:145px}.ecp-wrap .ecp-orbit-two{width:205px;height:185px;transform:rotate(35deg)}.ecp-wrap .ecp-home-browser{position:relative;width:190px;height:136px;border:1px solid rgba(255,255,255,.65);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(231,247,248,.88));box-shadow:0 22px 45px rgba(4,25,43,.24);transform:rotate(5deg);padding:15px;box-sizing:border-box}.ecp-wrap .ecp-home-browser-dots{display:flex;gap:4px;margin-bottom:15px}.ecp-wrap .ecp-home-browser-dots i{width:5px;height:5px;border-radius:50%;background:#9cb9c0}.ecp-wrap .ecp-home-browser-line{height:6px;width:72%;border-radius:8px;background:#c6dce0;margin-bottom:12px}.ecp-wrap .ecp-home-browser-block{float:left;width:48px;height:51px;border-radius:8px;background:linear-gradient(145deg,var(--ecp-primary,#00a9ad),#1c4357);margin-right:10px}.ecp-wrap .ecp-home-browser-lines{display:grid;gap:7px;padding-top:3px}.ecp-wrap .ecp-home-browser-lines i{height:5px;border-radius:8px;background:#d0e1e4}.ecp-wrap .ecp-home-browser-lines i:nth-child(2){width:80%}.ecp-wrap .ecp-home-browser-lines i:nth-child(3){width:55%}.ecp-wrap .ecp-home-browser-check{position:absolute;right:-12px;bottom:-12px;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#20c997;color:#fff;font-size:20px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.18)}.ecp-wrap .ecp-home-spark{position:absolute;color:#fff;font-size:27px}.ecp-wrap .ecp-spark-one{top:7px;right:22px}.ecp-wrap .ecp-spark-two{bottom:12px;left:20px;font-size:20px}
.ecp-wrap .ecp-home-section-heading{display:flex;justify-content:space-between;align-items:end;margin-top:2px}.ecp-wrap .ecp-home-section-heading h2{font-size:21px;letter-spacing:-.025em;margin:0 0 5px;color:#182638}.ecp-wrap .ecp-home-section-heading p{margin:0;color:#8490a1;font-size:12px}.ecp-wrap .ecp-home-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:13px}.ecp-wrap .ecp-home-stat{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:19px;background:#fff;border:1px solid #e7ebf2;border-radius:17px;text-decoration:none;color:#172033;box-shadow:0 5px 18px rgba(25,40,70,.035);transition:transform .18s,box-shadow .18s,border-color .18s}.ecp-wrap .ecp-home-stat:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ecp-primary) 35%,white);box-shadow:0 13px 27px rgba(25,40,70,.08)}.ecp-wrap .ecp-home-stat-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;font-size:21px;margin-bottom:15px}.ecp-wrap .ecp-stat-purple{background:#f0eaff;color:#7650cf}.ecp-wrap .ecp-stat-teal{background:#e2f8f5;color:#078e89}.ecp-wrap .ecp-stat-orange{background:#fff0df;color:#c77a22}.ecp-wrap .ecp-stat-blue{background:#e5efff;color:#3475cf}.ecp-wrap .ecp-home-stat-label{font-size:12px;color:#7b8798;font-weight:600}.ecp-wrap .ecp-home-stat>strong{font-size:25px;line-height:1.3;letter-spacing:-.03em;margin:5px 0 8px;color:#172638}.ecp-wrap .ecp-home-stat small{font-size:10px;color:#8a95a5;line-height:1.5}.ecp-wrap .ecp-home-stat small b{color:var(--ecp-primary);margin-left:4px;font-size:14px}
.ecp-wrap .ecp-home-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.ecp-wrap .ecp-home-panel{background:#fff;border:1px solid #e7ebf2;border-radius:18px;padding:22px;min-width:0;box-shadow:0 5px 18px rgba(25,40,70,.03)}.ecp-wrap .ecp-home-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.ecp-wrap .ecp-home-panel-head h3{margin:0;color:#1b293b;font-size:16px;letter-spacing:-.02em}.ecp-wrap .ecp-home-panel-emoji{font-size:23px}.ecp-wrap .ecp-home-actions-list,.ecp-wrap .ecp-home-recent-pages{display:grid}.ecp-wrap .ecp-home-actions-list>a,.ecp-wrap .ecp-home-recent-pages>a{display:flex;align-items:center;gap:12px;padding:13px 0;text-decoration:none;border-bottom:1px solid #eff1f5;color:#172033;min-width:0}.ecp-wrap .ecp-home-actions-list>a:last-child,.ecp-wrap .ecp-home-recent-pages>a:last-child{border-bottom:0;padding-bottom:0}.ecp-wrap .ecp-home-actions-list>a:first-child,.ecp-wrap .ecp-home-recent-pages>a:first-child{padding-top:2px}.ecp-wrap .ecp-home-action-icon,.ecp-wrap .ecp-home-page-icon{flex:0 0 37px;width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#eef8f8;color:var(--ecp-primary);font-size:18px}.ecp-wrap .ecp-home-actions-list>a>span:nth-child(2),.ecp-wrap .ecp-home-recent-pages>a>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.ecp-wrap .ecp-home-actions-list strong,.ecp-wrap .ecp-home-recent-pages strong{font-size:12px;font-weight:750;color:#263447}.ecp-wrap .ecp-home-actions-list small,.ecp-wrap .ecp-home-recent-pages small{font-size:10px;color:#8a95a5;white-space:normal}.ecp-wrap .ecp-home-actions-list>a>b,.ecp-wrap .ecp-home-recent-pages>a>b{color:#9aa4b2;font-size:16px;transition:transform .18s}.ecp-wrap .ecp-home-actions-list>a:hover>b,.ecp-wrap .ecp-home-recent-pages>a:hover>b{transform:translateX(3px);color:var(--ecp-primary)}.ecp-wrap .ecp-home-view-all{font-size:11px;font-weight:750;color:var(--ecp-primary);text-decoration:none;white-space:nowrap}.ecp-wrap .ecp-home-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 10px;color:#8793a3}.ecp-wrap .ecp-home-empty>span{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#eef8f8;color:var(--ecp-primary);font-size:23px;margin-bottom:9px}.ecp-wrap .ecp-home-empty strong{font-size:13px;color:#314054}.ecp-wrap .ecp-home-empty p{max-width:260px;font-size:11px;line-height:1.6;margin:6px 0 0}.ecp-wrap .ecp-home-footer-note{display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid color-mix(in srgb,var(--ecp-primary) 17%,white);border-radius:14px;background:color-mix(in srgb,var(--ecp-primary) 5%,white)}.ecp-wrap .ecp-home-footer-note>span{font-size:21px;color:var(--ecp-primary)}.ecp-wrap .ecp-home-footer-note p{margin:0;font-size:11px;line-height:1.6;color:#718093}.ecp-wrap .ecp-home-footer-note strong{color:#2b3b4f}
@media(max-width:950px){.ecp-wrap .ecp-home-hero{grid-template-columns:minmax(0,1fr) 190px;padding:28px}.ecp-wrap .ecp-home-bottom-grid{grid-template-columns:1fr}}
@media(max-width:620px){.ecp-wrap .ecp-home-hero{grid-template-columns:1fr;padding:25px 22px}.ecp-wrap .ecp-home-hero-art{display:none}.ecp-wrap .ecp-home-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ecp-wrap .ecp-home-stat{padding:14px}.ecp-wrap .ecp-home-stat>strong{font-size:21px}.ecp-wrap .ecp-home-panel{padding:17px}.ecp-wrap .ecp-home-hero h2{font-size:27px}}