/* CPC Publimail · refinamiento visual 2026 */
:root{
  --display-font:"Segoe UI Variable Display","Aptos Display","Trebuchet MS",sans-serif;
  --ui-font:"Segoe UI Variable","Aptos","Segoe UI",sans-serif;
  --ink:#19342f;--muted:#687b73;--line:#dfe8e2;--paper:#f4f7f4;
  --green:#19725e;--green-dark:#125544;--mint:#e9f4ee;
  --shadow-soft:0 10px 28px rgba(22,61,48,.07);--shadow-hover:0 14px 34px rgba(22,61,48,.12);
}
html{scroll-behavior:smooth}
body{font-family:var(--ui-font);font-size:14px;line-height:1.5;color:var(--ink);background:linear-gradient(180deg,#f8faf8 0,#f3f6f3 100%);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font-family:var(--ui-font)}
:where(h1,h2,h3,.brand,.brand-mark .brand-name,.breadcrumbs span:first-child,.stat-number){font-family:var(--display-font)}
:where(p,small,.stat-foot,.settings-intro,.notice-box p){line-height:1.6}

/* Marca compartida: mismo símbolo y misma voz visual en cada vista */
.brand,.brand-mark{gap:8px}
.brand{align-items:center;padding-left:7px;padding-right:7px;font-size:18px;letter-spacing:-.55px;line-height:1.05}
.brand-logo{width:43px;height:43px;flex:0 0 43px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.12))}
.brand b,.brand-mark .brand-name b{color:#75d4b5}
.brand small{margin-top:6px;font-size:8px;letter-spacing:1.65px;color:#a8c5b7}
.brand-mark{gap:9px;margin-bottom:34px}
.brand-mark .login-logo{width:48px;height:48px;flex:0 0 48px;object-fit:contain}
.brand-mark .brand-name{font-size:24px;font-weight:750;letter-spacing:-.85px;line-height:1.08;color:#19483e;white-space:nowrap}
.brand-mark .brand-name b{color:#22745f;font-weight:800}
.brand-mark .brand-mail{font-size:17px;color:#24816a}
.breadcrumbs span:first-child{font-size:14px;letter-spacing:-.3px;color:#245747}
@media(max-width:720px){.brand-logo{width:40px;height:40px;flex-basis:40px}.brand-mark{gap:8px;margin-bottom:30px}.brand-mark .login-logo{width:46px;height:46px;flex-basis:46px}.brand-mark .brand-name{font-size:22px}}

/* Acceso y marco de navegación */
.login-screen{background:#f7f9f7}
.login-card{width:min(100% - 56px,460px)}
.login-card h1{font-family:var(--display-font);font-size:38px;letter-spacing:-1.5px;line-height:1.1;color:#193a32;margin:8px 0 10px}
.login-card>p{font-size:14px;color:#718078;margin:0 0 24px}
.login-card label{display:grid;gap:7px;margin:0 0 13px;font-size:12px;font-weight:650;color:#40564d}
.login-card input{height:45px;padding:0 13px;border-radius:11px;background:#fff;border-color:#dbe5de;font-size:14px;transition:border-color .18s,box-shadow .18s}
.login-card input:focus{border-color:#55a78b;box-shadow:0 0 0 4px rgba(69,157,125,.13)}
.login-card .btn-wide{min-height:48px;border-radius:11px;margin-top:5px;font-size:13px}
.login-foot{margin-top:40px;padding-top:16px;border-top:1px solid #e3eae5;font-size:11px;color:#8b9891}
.login-art{background:radial-gradient(ellipse at 55% 46%,#2b7965 0,#1b5548 46%,#123c34 100%)}
.login-art:after{border-color:#ffffff12}
.art-caption{font-family:var(--display-font);font-size:27px;line-height:1.22;letter-spacing:-.7px}
.sidebar{background:linear-gradient(180deg,#153c34 0%,#12372f 100%);padding-top:23px}
.nav-item{height:45px;border-radius:10px;gap:11px}
.nav-item span{font-size:13px;letter-spacing:-.1px}
.nav-item.active{background:linear-gradient(90deg,#ffffff1a,#ffffff0b);box-shadow:inset 3px 0 #79d5b2}
.nav-item:hover{background:#ffffff12}
.sidebar-tip{border-radius:14px;background:linear-gradient(145deg,#205347,#1c493f);padding:16px;border-color:#ffffff20}
.main{background:transparent}
.topbar{position:sticky;top:0;z-index:5;height:66px;padding:0 clamp(20px,3vw,42px);background:#ffffffed;backdrop-filter:blur(16px);border-bottom-color:#e6ece7}
.breadcrumbs{font-size:12px;gap:11px}
.topbar-right{gap:14px}
.page-wrap{max-width:1480px;padding:34px clamp(20px,3vw,42px) 60px}

/* Jerarquía común de títulos, tarjetas y acciones */
.eyebrow{font-size:10px;letter-spacing:1.7px;color:#71877c}
.welcome-row,.page-heading{gap:24px;margin-bottom:27px}
.welcome-row h1,.page-heading h1{font-family:var(--display-font);font-size:32px;line-height:1.15;letter-spacing:-1.2px;color:#183b32;margin:7px 0 8px}
.welcome-row p,.page-heading p{font-size:14px;line-height:1.55;color:#73837b}
.btn{min-height:41px;padding:0 16px;border-radius:10px;font-size:12px;letter-spacing:.05px}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,#258267,#155744);box-shadow:0 5px 13px rgba(27,93,72,.18)}
.btn-primary:hover{background:linear-gradient(135deg,#2d9276,#17654e);box-shadow:0 8px 18px rgba(27,93,72,.23)}
.btn-outline,.btn-soft,.btn-light{border-radius:10px}
.btn-sm{min-height:34px;font-size:11px}
.text-link{font-size:11px}
.panel-card,.stat-card,.template-card,.campaign-safety,.selection-bar,.contact-options-panel,.template-copy-fields{border-radius:15px;box-shadow:var(--shadow-soft)}
.panel-card{padding:22px 23px;border-color:#e4ebe5}
.panel-heading{gap:14px;margin-bottom:17px}
.panel-heading h2{font-family:var(--display-font);font-size:18px;line-height:1.25;letter-spacing:-.35px;color:#203e34}
.stats-grid{gap:15px;margin-bottom:20px}
.stat-card{min-height:132px;padding:18px 19px;transition:transform .18s,box-shadow .18s,border-color .18s}
.stat-card:hover,.template-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#d3e4d8}
.stat-icon{width:34px;height:34px;top:16px;right:16px;border-radius:11px;font-size:16px}
.stat-label{font-size:12px;color:#66786f;max-width:calc(100% - 40px)}
.stat-number{font-size:29px;letter-spacing:-.8px;color:#1f4c3d;margin-top:11px;line-height:1.1}
.stat-foot{font-size:10px;color:#89978f;margin-top:6px}
.dashboard-grid{gap:18px}
.campaign-list{min-height:205px}
.campaign-row{padding:15px 0;gap:5px 14px}
.campaign-row b{font-size:12px;color:#2c463b}
.campaign-row small{font-size:10px}
.feature-card{min-height:260px;background:radial-gradient(circle at 98% 5%,#d5e9dc 0,transparent 38%),linear-gradient(135deg,#edf6ef,#deeee3);border-color:#d8e8dc;box-shadow:none}
.feature-card h2{font-family:var(--display-font);font-size:24px;line-height:1.25;letter-spacing:-.8px;color:#214b3b}
.feature-card p{max-width:310px;font-size:12px;line-height:1.65;color:#62796c}
.feature-badge{font-size:9px;letter-spacing:1px;padding:8px 11px}
.info-strip{gap:14px;border-radius:12px;padding:15px 17px;margin-top:19px;background:#edf5ef}
.info-strip b{font-size:12px;color:#2d5141}
.info-strip div span{font-size:11px;line-height:1.55;color:#6e7f75}
.info-strip>button{font-size:11px;white-space:nowrap}

/* Formularios, filtros y búsqueda */
.page-heading>div:first-child{max-width:760px}
.toolbar{gap:9px;flex-wrap:wrap;margin-bottom:13px}
.searchbox,.toolbar select,.field select{min-height:41px;border-radius:10px;border-color:#dce6df;font-size:12px}
.toolbar select{padding:0 12px}
.searchbox{padding:0 13px}
.searchbox input{font-size:12px}
.field{margin-bottom:16px}
.field label,.login-card label{font-size:12px;color:#455b50}
.field input,.field textarea,.field select,.contact-option>input,.contact-benefit textarea,.template-copy-grid input,.template-copy-grid textarea{border-color:#dce6df;border-radius:10px;font-size:12px;transition:border-color .18s,box-shadow .18s}
.field input,.field select{min-height:41px;padding-left:12px;padding-right:12px}
.field input:focus,.field textarea:focus,.field select:focus,.template-copy-grid input:focus,.template-copy-grid textarea:focus{outline:none;border-color:#58a384;box-shadow:0 0 0 4px rgba(69,157,125,.12)}
.field textarea{padding:11px 12px;line-height:1.6}
.settings-intro{font-size:12px;color:#718078}
.settings-card,.settings-side,.ai-settings-card,.ai-usage-card{padding:23px}
.security-hint,.notice-box{border-radius:11px}
.form-two{gap:4px 16px}
.research-layout{gap:19px;align-items:start}
.research-card{padding:24px}
.research-step{gap:12px;margin:2px 0 14px}
.research-step>span{width:31px;height:31px;border-radius:10px;font-size:11px}
.research-step b{font-size:13px;color:#2a483b}
.research-step small{font-size:10px;color:#78877f;line-height:1.5}
.research-card>textarea{min-height:92px;border-radius:11px;padding:13px;font-size:13px;line-height:1.55}
.research-actions{gap:12px;margin-top:10px;flex-wrap:wrap}
.research-actions>span{font-size:10px;line-height:1.5}
.research-divider{margin:22px 0}
.url-entry{gap:10px;margin-bottom:9px}
.url-number{width:29px;height:29px;border-radius:9px;font-size:10px}
.url-entry input{height:40px;border-radius:9px;padding:0 12px;font-size:12px}
.add-url{margin:1px 0 14px 35px}
.research-footer{gap:15px;padding-top:16px;flex-wrap:wrap}
.research-footer>span{font-size:10px;line-height:1.8}
.research-aside{padding:23px;border-radius:15px;box-shadow:var(--shadow-soft)}
.research-aside h3{font-family:var(--display-font);font-size:23px;line-height:1.25;letter-spacing:-.6px;color:#24483a}
.research-aside>p{font-size:12px;line-height:1.75;color:#687b70}
.ai-chip{padding:9px 13px;font-size:10px}
.suggestion-chip{font-size:11px;padding:7px 11px}
.scan-row{padding:13px;border-radius:10px;font-size:11px;line-height:1.55}
.suggestion-list:has(.discovery-card){gap:10px}
.discovery-card{padding:14px;border-radius:12px;box-shadow:0 5px 15px rgba(23,60,45,.06)}
.discovery-info{gap:11px}
.discovery-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}
.discovery-info b{font-size:12px;line-height:1.4}
.discovery-info small,.discovery-info a{font-size:10px;line-height:1.5}

/* Contactos: columnas legibles y selección ordenada */
.selection-bar{gap:13px;padding:12px 14px;border-radius:12px 12px 0 0;box-shadow:none}
.check-label{font-size:11px;line-height:1.4}
.selection-bar>span{font-size:10px}
.selection-actions{gap:8px;flex-wrap:wrap}
.table-wrap{border-color:#e3eae5;border-radius:0 0 13px 13px}
table{min-width:780px}
th{padding:14px 13px;background:#f8faf8;font-size:9px;letter-spacing:.9px}
td{padding:14px 13px;font-size:11px;line-height:1.5}
td b{font-size:12px;line-height:1.4}
td small{font-size:10px;line-height:1.45}
.source-link{font-size:10px}
.row-action{border-radius:8px;padding:8px 10px;font-size:10px;transition:background .15s,transform .15s}
.row-action:hover{background:#dfefe4;transform:translateY(-1px)}
.empty-state{min-height:250px;align-content:center;padding:42px 20px}
.empty-state b{font-size:14px}.empty-state p{font-size:12px;line-height:1.6}
.pagination{font-size:11px}

/* Plantillas y campañas */
.templates-grid{gap:17px}
.template-card{border-color:#e3ebe5;transition:transform .18s,box-shadow .18s,border-color .18s}
.template-thumb{height:158px;background:radial-gradient(ellipse at 50% 110%,#d4e7d9 0,transparent 60%),linear-gradient(145deg,#f0f7f1,#e5efe7)}
.template-info{padding:16px}
.template-info h3{font-family:var(--display-font);font-size:15px;line-height:1.35;color:#29473a;margin:7px 0}
.template-info p{font-size:11px;line-height:1.5;color:#75847b}
.template-actions{gap:8px;flex-wrap:wrap}
.template-actions .btn{min-height:35px;font-size:10px;padding:0 11px}
.empty-template{padding:62px 22px;border-radius:15px;line-height:1.6}
.campaign-safety{display:flex;align-items:flex-start;gap:13px;padding:15px 18px;margin:0 0 18px;background:linear-gradient(120deg,#edf7ef,#e4f1e8);border:1px solid #dceadf;box-shadow:none}
.campaign-safety>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:10px;background:#d9eddf;color:#33785e}
.campaign-safety b{font-size:12px;color:#315744}.campaign-safety p{font-size:11px;line-height:1.6;color:#6d7c73;margin:4px 0 0}
.campaign-panel{padding:22px}
.campaign-table-row{padding:15px 16px;border-color:#e4ebe5;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(24,62,45,.045);margin:0 0 10px}
.campaign-row-head strong{font-size:13px;line-height:1.4}
.campaign-row-head strong small{font-size:10px;line-height:1.5}
.campaign-row-metrics{font-size:10px;line-height:1.45}
.campaign-row-metrics b{font-size:11px}
.campaign-buttons{gap:8px}
.campaign-buttons .row-action-test{min-height:37px;border-radius:9px}
.campaign-buttons .row-action{min-height:35px;border-radius:8px}

/* Ajustes, modales y contenido asistido */
.settings-layout{gap:18px;align-items:start}
.settings-side h3{font-family:var(--display-font);font-size:23px;line-height:1.25;letter-spacing:-.5px;color:#28503e}
.setting-row{font-size:11px;padding:12px 0}
.status-badge{border-radius:999px}
.modal{padding:20px;background:rgba(18,39,31,.58);backdrop-filter:blur(6px)}
.modal-sheet{border:1px solid #e2eae4;border-radius:18px;padding:25px;box-shadow:0 24px 70px rgba(13,39,29,.24)}
.modal-top{gap:15px;margin-bottom:19px}
.modal-top h2{font-family:var(--display-font);font-size:22px;letter-spacing:-.55px;line-height:1.25;color:#1c3c32}
.icon-button{width:37px;height:37px;border-radius:11px}
.modal-actions{gap:9px;flex-wrap:wrap}
.contact-options-panel{box-shadow:none;padding:18px 19px}
.contact-options-heading b,.template-copy-heading b{font-size:13px}
.contact-options-heading small,.template-copy-heading small{font-size:10px;line-height:1.55}
.contact-options-grid{gap:13px 16px}
.contact-option>input,.template-copy-grid input{height:40px}
.template-benefit-card{min-height:100%;padding:13px;border-radius:11px}
.template-benefit-card>b{font-size:11px}
.template-benefit-card label{font-size:10px}
.template-benefit-card input,.template-benefit-card textarea{font-size:11px}
.template-preview-wrap iframe{border-radius:12px;box-shadow:0 8px 22px rgba(22,56,44,.08)}

/* Movimiento breve, con respeto a reducción de movimiento */
@media(hover:hover) and (prefers-reduced-motion:no-preference){.btn,.nav-item,.panel-card,.stat-card,.template-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.nav-item,.panel-card,.stat-card,.template-card{transition:none!important}}

/* Ajuste de densidad para tablet y móvil */
@media(max-width:1050px){
  .page-wrap{padding:27px 24px 46px}
  .topbar{padding:0 24px}
  .panel-card{padding:19px}
  .templates-grid{gap:13px}
}
@media(max-width:720px){
  .sidebar{width:66px;padding:18px 8px 14px}
  .brand{justify-content:center;padding:3px 0 23px}
  .brand-logo{width:42px;height:42px;flex-basis:42px}
  .main{margin-left:66px}
  .topbar{height:58px;padding:0 13px}
  .topbar-right{gap:8px}
  .top-avatar{display:none}
  .page-wrap{padding:23px 13px 40px}
  .welcome-row,.page-heading{gap:15px;margin-bottom:20px}
  .welcome-row h1,.page-heading h1{font-size:26px;letter-spacing:-.75px}
  .welcome-row p,.page-heading p{font-size:12px}
  .welcome-row>.btn,.page-heading-actions,.contacts-heading-actions{width:100%}
  .welcome-row>.btn{justify-content:center}
  .stats-grid{gap:9px}
  .stat-card{padding:13px;min-height:116px;border-radius:12px}
  .stat-label{font-size:10px}.stat-number{font-size:24px}.stat-foot{font-size:9px}
  .stat-icon{width:29px;height:29px;right:11px;top:11px}
  .panel-card{padding:16px;border-radius:13px}
  .panel-heading h2{font-size:16px}
  .dashboard-grid,.research-layout,.settings-layout{grid-template-columns:minmax(0,1fr);gap:13px}
  .research-aside{order:0}
  .aside-illustration{height:112px}
  .selection-bar{align-items:flex-start;flex-wrap:wrap}
  .selection-actions{width:100%;margin:0;justify-content:flex-start}
  .selection-actions .btn{flex:1 1 auto}
  .toolbar{gap:7px}
  .toolbar select{flex:1 1 42%;min-width:0}
  .searchbox{flex-basis:100%;min-width:0}
  .templates-grid{grid-template-columns:minmax(0,1fr)}
  .template-form-grid,.form-two{grid-template-columns:minmax(0,1fr)}
  .field.full,.template-preview-wrap{grid-column:1}
  .page-heading-actions .btn{flex:1}
  .contacts-heading-actions .btn{flex:1}
  .campaign-table-row{grid-template-columns:minmax(0,1fr);padding:13px}
  .campaign-row-head,.campaign-row-metrics,.campaign-buttons{grid-column:1;grid-row:auto}
  .campaign-row-metrics{gap:8px 13px}
  .campaign-buttons{justify-content:flex-start}
  .modal{padding:8px}
  .modal-sheet,.modal-sheet.wide{width:min(100%,700px);max-height:96vh;padding:17px;border-radius:15px}
  .modal-sheet.email-preview-sheet{width:calc(100vw - 16px);padding:12px}
  .modal-sheet.email-preview-sheet .modal-top{top:-12px}
  .modal-sheet.email-preview-sheet .email-preview-frame{height:68vh;min-height:340px}
  .template-preview-wrap iframe{height:56vh;min-height:350px}
  .login-screen{grid-template-columns:minmax(0,1fr)}
  .login-art{display:none}
  .login-card{width:min(100% - 46px,460px);padding:27px 0}
  .login-card h1{font-size:33px}
  .brand-mark{margin-bottom:31px}
  .info-strip{align-items:flex-start;flex-wrap:wrap}
  .info-strip>button{margin-left:35px}
  .ai-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
  .logout-btn{padding:6px 7px;font-size:9px}
  .breadcrumbs strong{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .welcome-row h1,.page-heading h1{font-size:24px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .selection-actions .btn{font-size:10px;padding:0 9px}
  .research-footer>.btn{width:100%}
  .contact-options-heading{align-items:flex-start;flex-direction:column}
  .contact-options-grid,.template-copy-grid{grid-template-columns:minmax(0,1fr)}
}
/* Configuración: reparación de columnas y alineación de campos */
.settings-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:20px;align-items:start}
.settings-card,.settings-side,.ai-settings-card,.ai-usage-card{min-width:0}
.settings-card .panel-heading{align-items:flex-start}
.settings-card .panel-heading>div{min-width:0}
.settings-card form,.settings-card .form-two{min-width:0}
.settings-card .form-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;align-items:start}
.settings-card .form-two>.field{min-width:0;margin:0}
.settings-card .form-two>.field label{min-height:2.7em;display:flex;align-items:flex-end;line-height:1.35}
.settings-card .form-two>.field input,.settings-card .form-two>.field select{width:100%;min-width:0}
.settings-card .settings-intro,.settings-side>p,.ai-settings-card .settings-intro,.ai-usage-card .settings-intro{max-width:78ch;font-size:12px;line-height:1.65}
.settings-card .security-hint{font-size:11px;line-height:1.6;padding:12px 13px}
.settings-side{height:fit-content}
.settings-side .setting-row{gap:14px;font-size:11px;line-height:1.45}
.settings-side .setting-row span{min-width:0}
.settings-side .setting-row b{text-align:right}
.ai-settings-card .groq-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px}
.ai-settings-card .groq-form .field{min-width:0;margin:0}
@media(max-width:1080px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-side{order:1}.settings-side>p{max-width:72ch}}
@media(max-width:720px){
  .settings-card,.settings-side,.ai-settings-card,.ai-usage-card{padding:16px}
  .settings-card .form-two{grid-template-columns:minmax(0,1fr);gap:13px}
  .settings-card .form-two>.field label{min-height:0}
  .settings-card .smtp-actions{display:grid;grid-template-columns:minmax(0,1fr)}
  .ai-settings-card .groq-form{grid-template-columns:minmax(0,1fr)}
  .ai-settings-card .groq-form>.btn{width:100%}
  .settings-side .setting-row{font-size:10px}
}
/* Ajuste a partir de la captura de Configuración */
html,body{max-width:100%;overflow-x:hidden}
.main{width:calc(100% - 246px);min-width:0}
.sidebar{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff3b transparent}
.brand,.workspace-label,.sidebar nav,.sidebar-bottom{flex-shrink:0}
.sidebar-bottom{margin-top:auto;padding-top:17px;border-top:1px solid #ffffff1d}
.sidebar-tip{margin-top:12px;margin-bottom:15px}
.settings-layout{grid-template-columns:minmax(0,1.7fr) minmax(270px,.75fr);gap:20px;align-items:start}
.settings-layout>*{min-width:0}
.settings-side{align-self:start}
@container publimail-main (max-width:1120px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-side{max-width:none}}
@media(max-width:1050px){.main{width:calc(100% - 215px)}}
@media(max-width:720px){.main{width:calc(100% - 66px)}.sidebar-bottom{padding-top:12px}.sidebar-tip{margin-top:9px}}

/* Configuración SMTP: formulario a todo el ancho y filas compactas */
.main{width:auto}
.settings-layout{grid-template-columns:minmax(0,1fr);gap:16px}
.settings-card .form-two{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:10px}
.settings-card .form-two>.field label{display:block;min-height:0;line-height:1.4}
.settings-card .form-two>.field input,.settings-card .form-two>.field select{height:42px}
.settings-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 22px;align-items:center;padding:18px 22px}
.settings-side .setting-symbol{display:none}
.settings-side h3{grid-column:1;grid-row:1;margin:0;font-size:18px}
.settings-side>p{grid-column:2/4;grid-row:1;margin:0;max-width:none}
.settings-side .setting-row{margin:0;padding:10px 0}
@media(max-width:720px){
  .settings-card .form-two{grid-template-columns:minmax(0,1fr);row-gap:12px}
  .settings-side{grid-template-columns:minmax(0,1fr);gap:8px;padding:16px}
  .settings-side h3,.settings-side>p{grid-column:1;grid-row:auto}
}
.discovery-summary{margin:10px 0 12px;padding:12px 14px;border:1px solid #dce9df;border-radius:10px;background:#eff6f1;color:#526c5c;font-size:11px;line-height:1.55}
.discovery-info{min-width:0}
.discovery-info>div{min-width:0}
.discovery-info a{overflow-wrap:anywhere}
.discovery-status{display:block;margin-top:4px;font-size:10px;line-height:1.45}
.discovery-status.is-accessible{color:#39745b}
.discovery-status.needs-review{color:#9a7135}

/* Plantillas prediseñadas y alineación de beneficios */
.template-presets-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:12px 0 8px}
.template-presets-label b{font-size:10px;color:#42594f}
.template-presets-label small{font-size:8px;color:#85928b}
.template-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.preset-option{min-width:0;min-height:76px;display:grid;grid-template-columns:27px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:8px;row-gap:3px;padding:9px 10px;border:1px solid #e1e9e3;border-radius:10px;background:#fff;text-align:left;transition:border-color .18s,transform .18s,box-shadow .18s}
.preset-option:hover{transform:translateY(-1px);border-color:#aacbb8;box-shadow:0 5px 12px #173a2c10}
.preset-option>span{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;font-size:14px;font-weight:800}
.preset-option>b{font-size:9px;color:#31473d}
.preset-option>small{font-size:8px;line-height:1.3;color:#819087}
.preset-colorful>span{background:#e7f3ed;color:#27735c}.preset-editorial>span{background:#e5f0e6;color:#387454}.preset-tech>span{background:#e8efff;color:#4e6fc3}.preset-event>span{background:#fbefdd;color:#bd7540}
.template-justify-note{display:block;margin:7px 0 11px;font-size:8px;line-height:1.5;color:#809087}
@media(max-width:720px){.template-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.template-presets-label{align-items:flex-start;flex-direction:column;gap:3px}}