:root{
  --mamitas-teal:#078b98;
  --mamitas-teal-dark:#056672;
  --mamitas-aqua:#10aab8;
  --mamitas-sky:#dff7fb;
  --mamitas-soft:#f5fcfd;
  --mamitas-ink:#13444a;
  --mamitas-muted:#678087;
  --mamitas-border:#cbe9ed;
  --mamitas-pink:#f45b83;
  --mamitas-shadow:0 22px 55px rgba(8,109,120,.16);
}

.vdm-mamitas-shell,
.vdm-mamitas-public{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mamitas-ink)}
.vdm-mamitas-shell *,.vdm-mamitas-public *{box-sizing:border-box}
.vdm-mamitas-shell{width:min(1040px,100%);margin:22px auto;padding:0 14px 30px}

.vdm-mamitas-hero{position:relative;overflow:hidden;min-height:250px;border:1px solid rgba(7,139,152,.16);border-radius:34px;padding:40px 42px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 84% 14%,rgba(255,255,255,.98),rgba(255,255,255,.36) 28%,transparent 29%),linear-gradient(122deg,#fff 0%,#f8fdfe 36%,#dff5fb 72%,#aedfeb 100%);box-shadow:var(--mamitas-shadow)}
.vdm-mamitas-hero:before{content:"";position:absolute;left:-7%;right:-7%;bottom:-82px;height:142px;background:linear-gradient(180deg,#08a7b4,#087e8d);border-radius:48% 60% 0 0/40% 46% 0 0;transform:rotate(-2deg);box-shadow:0 -8px 0 rgba(255,255,255,.88)}
.vdm-mamitas-hero:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:19%;top:-86px;background:rgba(255,255,255,.35);filter:blur(1px)}
.vdm-mamitas-hero__brand{position:relative;z-index:2;display:flex;gap:20px;align-items:flex-start;max-width:720px}
.vdm-mamitas-butterfly{width:82px;min-width:82px;height:auto;fill:none;stroke:var(--mamitas-teal);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 12px rgba(7,139,152,.14))}
.vdm-mamitas-kicker{display:block;margin:1px 0 5px;color:var(--mamitas-teal);font-size:13px;font-weight:900;letter-spacing:.25em}
.vdm-mamitas-hero h2{margin:0;color:var(--mamitas-teal-dark);font-weight:650;font-size:clamp(34px,5vw,58px);line-height:.98;letter-spacing:-.045em}
.vdm-mamitas-hero h2 em{font-weight:300;font-style:normal;color:var(--mamitas-aqua)}
.vdm-mamitas-hero p{max-width:660px;margin:17px 0 0;color:#53777d;font-size:16px;line-height:1.65}
.vdm-mamitas-hero__orb{position:relative;z-index:2;display:grid;place-items:center;width:104px;height:104px;min-width:104px;border-radius:50%;background:linear-gradient(145deg,#13bdca,#057986);box-shadow:inset 8px 8px 16px rgba(255,255,255,.25),inset -10px -10px 22px rgba(0,73,82,.22),0 18px 38px rgba(4,125,137,.27);border:2px solid rgba(255,255,255,.65)}
.vdm-mamitas-hero__orb span{font-size:42px;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.12)}

.vdm-mamitas-connection{margin:15px 4px 0;padding:11px 15px;border-radius:999px;display:inline-flex;align-items:center;gap:9px;font-size:13px;background:#f3fbfc;border:1px solid var(--mamitas-border);color:#496d73}
.vdm-mamitas-connection.on{background:#ecfbf7;border-color:#bde9dc;color:#25705d}
.vdm-mamitas-connection.warn{background:#fff9e9;border-color:#f4df9d;color:#856a20}
.vdm-mamitas-connection.off{background:#fff1f3;border-color:#f4cbd2;color:#8b4050}
.vdm-mamitas-dot{width:9px;height:9px;border-radius:50%;background:#899fa4;box-shadow:0 0 0 4px rgba(137,159,164,.12)}
.vdm-mamitas-connection.on .vdm-mamitas-dot{background:#33b68d;box-shadow:0 0 0 4px rgba(51,182,141,.13)}
.vdm-mamitas-connection.warn .vdm-mamitas-dot{background:#d1a83f}.vdm-mamitas-connection.off .vdm-mamitas-dot{background:#d45c72}

.vdm-mamitas-alert{margin:16px 0;padding:14px 16px;border-radius:15px;font-weight:700;border:1px solid transparent}
.vdm-mamitas-alert.ok{background:#eefbf7;color:#22705c;border-color:#c8eadf}.vdm-mamitas-alert.bad{background:#fff1f3;color:#8b4050;border-color:#efc7cf}

.vdm-mamitas-tabs{margin:22px 0 16px;display:flex;gap:8px;padding:6px;border-radius:17px;background:#eaf7f9;border:1px solid var(--mamitas-border);width:max-content;max-width:100%}
.vdm-mamitas-tabs a{padding:11px 18px;border-radius:12px;text-decoration:none!important;color:#56797e;font-weight:800;font-size:14px;white-space:nowrap;transition:.2s ease}
.vdm-mamitas-tabs a.active{color:#fff;background:linear-gradient(135deg,var(--mamitas-aqua),var(--mamitas-teal));box-shadow:0 8px 18px rgba(7,139,152,.19)}

.vdm-mamitas-card{position:relative;overflow:hidden;background:rgba(255,255,255,.97);border:1px solid var(--mamitas-border);border-radius:26px;padding:30px;box-shadow:0 16px 42px rgba(8,109,120,.09)}
.vdm-mamitas-card:after{content:"";position:absolute;right:-90px;top:-110px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(15,173,186,.09),transparent 68%);pointer-events:none}
.vdm-mamitas-eyebrow{display:block;color:var(--mamitas-teal);font-weight:900;font-size:12px;letter-spacing:.19em;margin-bottom:5px}
.vdm-mamitas-card h3{margin:0 0 22px;font-size:28px;letter-spacing:-.025em;color:#174b52}
.vdm-mamitas-form{display:grid;gap:17px;position:relative;z-index:1}
.vdm-mamitas-form label>span,.vdm-mamitas-type-picker legend{display:block;margin-bottom:7px;font-size:13px;font-weight:850;color:#335f65}
.vdm-mamitas-form input[type="text"],.vdm-mamitas-form input[type="url"],.vdm-mamitas-form input[type="datetime-local"],.vdm-mamitas-form textarea{width:100%;border:1px solid #c8e4e8!important;background:#fbfeff!important;border-radius:13px!important;padding:12px 14px!important;color:#183f45!important;font:inherit!important;box-shadow:none!important;outline:none;transition:border-color .2s,box-shadow .2s}
.vdm-mamitas-form textarea{resize:vertical;min-height:95px}
.vdm-mamitas-form input:focus,.vdm-mamitas-form textarea:focus{border-color:#18a5b2!important;box-shadow:0 0 0 4px rgba(16,170,184,.11)!important}
.vdm-mamitas-form small{display:block;margin-top:6px;color:#799095;font-size:12px;line-height:1.45}
.vdm-mamitas-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.vdm-mamitas-type-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;padding:0;margin:0}
.vdm-mamitas-type-picker legend{grid-column:1/-1;width:100%}
.vdm-mamitas-type-option{position:relative;cursor:pointer}
.vdm-mamitas-type-option input{position:absolute;opacity:0;pointer-events:none}
.vdm-mamitas-type-option>span{display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center;min-height:78px;padding:13px;border:1px solid #cce6ea;border-radius:16px;background:#f9fdfe;transition:.2s ease}
.vdm-mamitas-type-option b{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:20px;color:#fff;background:linear-gradient(145deg,#19b4c0,#07818f);box-shadow:0 7px 16px rgba(7,139,152,.2)}
.vdm-mamitas-type-option strong{font-size:15px;color:#2b5d64}.vdm-mamitas-type-option small{margin:1px 0 0;font-size:11px;color:#789398}
.vdm-mamitas-type-option input:checked+span{border-color:#14a9b6;background:#edfafd;box-shadow:0 0 0 3px rgba(16,170,184,.1)}

.vdm-mamitas-upload{display:block;padding:18px;border:1.5px dashed #9acfd6;border-radius:17px;background:linear-gradient(145deg,#fbfeff,#f0fafc);cursor:pointer}
.vdm-mamitas-upload input{display:block;width:100%;margin:9px 0;color:#617d82}.vdm-mamitas-upload b{display:inline-block;color:var(--mamitas-teal);font-size:14px}
.vdm-mamitas-upload-preview{border-radius:17px;overflow:hidden;border:1px solid #cde7eb;background:#f8fdfe;padding:10px}.vdm-mamitas-upload-preview img{display:block;width:100%;max-height:340px;object-fit:cover;border-radius:12px}
.vdm-mamitas-current-image{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid #cfe8eb;background:#f8fcfd;border-radius:16px}.vdm-mamitas-current-image img{width:118px;height:86px;object-fit:cover;border-radius:12px}.vdm-mamitas-current-image label{font-size:13px;font-weight:700;color:#55777d}

.vdm-mamitas-primary{border:0!important;border-radius:15px!important;min-height:52px;padding:12px 18px!important;background:linear-gradient(135deg,#12aeba,#087e8b)!important;color:#fff!important;font:inherit!important;font-weight:900!important;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 12px 24px rgba(7,139,152,.22);transition:transform .18s,box-shadow .18s}
.vdm-mamitas-primary:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(7,139,152,.26)}.vdm-mamitas-primary b{font-size:22px;font-weight:400}

.vdm-mamitas-list{display:grid;gap:13px}.vdm-mamitas-list-item{display:grid;grid-template-columns:118px 1fr;gap:16px;padding:12px;border:1px solid #d5eaed;border-radius:18px;background:#fbfeff}.vdm-mamitas-list-item__media{height:104px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#d8f4f7,#a8dde4);display:grid;place-items:center;color:#087e8b;font-size:31px}.vdm-mamitas-list-item__media img{width:100%;height:100%;object-fit:cover}.vdm-mamitas-list-item__body{min-width:0;padding:4px 4px 4px 0}.vdm-mamitas-list-item h4{margin:5px 0 4px;font-size:18px;color:#224f55;overflow-wrap:anywhere}
.vdm-mamitas-tag,.vdm-mamitas-public-card__tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e6f9fb;color:#087d89;font-size:10px;font-weight:950;letter-spacing:.11em}.vdm-mamitas-tag.evento,.vdm-mamitas-public-card__tag.evento{background:#fff0f4;color:#b74464}
.vdm-mamitas-sync{display:block;margin:5px 0 11px;color:#82979b}.vdm-mamitas-sync.ok{color:#2d8b72}.vdm-mamitas-sync.pending{color:#8b6e28}
.vdm-mamitas-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.vdm-mamitas-actions form{margin:0}.vdm-mamitas-actions a,.vdm-mamitas-actions button{appearance:none;border:1px solid #bcdfe4!important;background:#f4fbfc!important;color:#176c75!important;border-radius:10px!important;padding:8px 12px!important;font:inherit!important;font-size:12px!important;font-weight:850!important;text-decoration:none!important;cursor:pointer}.vdm-mamitas-actions .danger{border-color:#efccd4!important;background:#fff5f7!important;color:#a6435a!important}
.vdm-mamitas-empty{padding:28px;text-align:center;border:1px dashed #b9dce1;border-radius:18px;background:#f8fdfe;color:#718c91}

.vdm-mamitas-public{display:grid;grid-template-columns:repeat(var(--vdm-mamitas-cols,3),minmax(0,1fr));gap:18px;width:100%}
.vdm-mamitas-public-card{overflow:hidden;border:1px solid #cfe7ea;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(8,109,120,.1);transition:transform .2s,box-shadow .2s}.vdm-mamitas-public-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(8,109,120,.14)}
.vdm-mamitas-public-card__media{display:grid;place-items:center;height:220px;background:linear-gradient(145deg,#def7fa,#b8e5eb);text-decoration:none;color:#078b98;font-size:45px}.vdm-mamitas-public-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.vdm-mamitas-public-card__body{position:relative;padding:20px}.vdm-mamitas-public-card__body:before{content:"";position:absolute;height:5px;left:0;right:0;top:0;background:linear-gradient(90deg,#16b8c4,#087d89)}
.vdm-mamitas-public-card h3{margin:9px 0 8px;color:#174d54;font-size:21px;letter-spacing:-.02em}.vdm-mamitas-public-card p{margin:0 0 14px;color:#647f84;line-height:1.55;font-size:14px}.vdm-mamitas-public-card__details{display:grid;gap:6px;margin:0 0 15px;font-size:12px;color:#6f8b90}.vdm-mamitas-public-card__button{display:flex;align-items:center;justify-content:space-between;text-decoration:none!important;color:#fff!important;background:linear-gradient(135deg,#10aab8,#087d89);border-radius:12px;padding:11px 13px;font-weight:900;font-size:13px;box-shadow:0 8px 18px rgba(7,139,152,.17)}

@media (max-width:820px){
  .vdm-mamitas-hero{padding:32px 26px;min-height:235px}.vdm-mamitas-hero__orb{width:82px;height:82px;min-width:82px}.vdm-mamitas-butterfly{width:66px;min-width:66px}.vdm-mamitas-public{grid-template-columns:repeat(min(2,var(--vdm-mamitas-cols,3)),minmax(0,1fr))}
}
@media (max-width:620px){
  .vdm-mamitas-shell{padding:0 9px 24px}.vdm-mamitas-hero{padding:27px 20px 82px;border-radius:25px}.vdm-mamitas-hero__brand{gap:12px}.vdm-mamitas-butterfly{width:52px;min-width:52px}.vdm-mamitas-hero h2{font-size:34px}.vdm-mamitas-hero p{font-size:14px}.vdm-mamitas-hero__orb{display:none}.vdm-mamitas-card{padding:21px;border-radius:21px}.vdm-mamitas-tabs{width:100%;overflow:auto}.vdm-mamitas-tabs a{flex:1;text-align:center}.vdm-mamitas-cols,.vdm-mamitas-type-picker{grid-template-columns:1fr}.vdm-mamitas-type-picker legend{grid-column:auto}.vdm-mamitas-list-item{grid-template-columns:84px 1fr}.vdm-mamitas-list-item__media{height:84px}.vdm-mamitas-current-image{align-items:flex-start;flex-direction:column}.vdm-mamitas-current-image img{width:100%;height:auto;max-height:240px}.vdm-mamitas-public{grid-template-columns:1fr}.vdm-mamitas-public-card__media{height:210px}
}

/* Integración VDM · Notificaciones Automáticas */
.vdm-mamitas-status-row{display:flex;flex-wrap:wrap;gap:9px;margin:15px 4px 0}
.vdm-mamitas-status-row .vdm-mamitas-connection{margin:0}
.vdm-mamitas-notification-box{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:flex-start;padding:16px;border:1px solid #c7e7eb;border-radius:17px;background:linear-gradient(145deg,#f9feff,#edf9fb)}
.vdm-mamitas-notification-box__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#13b4c1,#087c89);color:#fff;font-size:0;box-shadow:0 8px 18px rgba(7,139,152,.2);position:relative}
.vdm-mamitas-notification-box__icon:before{content:"";width:17px;height:18px;border-radius:10px 10px 7px 7px;background:#fff;position:absolute;top:11px;left:14px}
.vdm-mamitas-notification-box__icon:after{content:"";width:7px;height:3px;border-radius:999px;background:#fff;position:absolute;left:19px;bottom:10px;box-shadow:0 -3px 0 2px #087f8c}
.vdm-mamitas-notification-box__body>strong{display:block;margin:0 0 8px;color:#1d5961;font-size:15px}
.vdm-mamitas-notification-toggle{display:flex!important;align-items:flex-start;gap:9px;margin:0!important;cursor:pointer}
.vdm-mamitas-notification-toggle input{margin-top:3px;accent-color:#07909d}
.vdm-mamitas-notification-toggle>span{display:block!important;margin:0!important;color:#315f65!important;font-size:13px!important;font-weight:850!important}
.vdm-mamitas-notification-box.disabled{background:#f6f8f8;border-color:#d8e2e3;opacity:.82}
.vdm-mamitas-notification-box.disabled .vdm-mamitas-notification-box__icon{filter:grayscale(.65);opacity:.7}
.vdm-mamitas-notification-warning{color:#966c1f!important;font-weight:750}
.vdm-mamitas-actions .notify{border-color:#bfe8df!important;background:#effbf8!important;color:#25735e!important}
.vdm-mamitas-actions button:disabled{opacity:.48!important;cursor:not-allowed!important;transform:none!important}

@media (max-width:620px){
  .vdm-mamitas-status-row{display:grid;grid-template-columns:1fr;margin-left:0;margin-right:0}
  .vdm-mamitas-status-row .vdm-mamitas-connection{width:100%;border-radius:15px;align-items:flex-start}
  .vdm-mamitas-notification-box{grid-template-columns:40px 1fr;padding:14px}
  .vdm-mamitas-notification-box__icon{width:40px;height:40px}
  .vdm-mamitas-notification-box__icon:before{left:11px;top:8px}
  .vdm-mamitas-notification-box__icon:after{left:16px;bottom:7px}
}