/* Patrón: shadcn Stats Area Chart With Pill Tabs (dato + área + contexto).

   Mobbin web/discover consultado: acceso público al catálogo, sin pantallas Pro disponibles.

   Curvas nativas SVG sin dependencia de JS; el componente hereda Manrope y los tokens Vecindario. */

.vec-pozo-premium{font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--vec-ink)}

.vec-pozo-now{display:flex;align-items:center;gap:18px;margin-bottom:16px}

.vec-pozo-reading{display:grid;flex:none;gap:1px}

.vec-pozo-reading>strong{font-size:64px;line-height:1.05;letter-spacing:-.055em;font-weight:800}

.vec-pozo-reading>span{font-size:16px;color:#425c59;font-weight:600}

.vec-pozo-state{display:grid;gap:5px;font-size:16px;line-height:1.5}

.vec-pozo-state>b{font-size:18px;line-height:1.35}

.vec-pozo-bearing{display:flex;align-items:center;gap:8px;font-weight:800}

.vec-pozo-compass{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #99b6b2;border-radius:50%;background:#fff9;box-shadow:inset 0 0 0 4px #e8efeb}

.vec-pozo-compass>span{display:block;transform:rotate(var(--wind-turn));font-size:26px;line-height:1}

.vec-pozo-conditions{display:flex;flex-wrap:wrap;gap:8px;margin-block:14px 10px}

.vec-pozo-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;min-height:36px;border:1px solid #b2cbc5;background:#fff9;border-radius:9px;font-size:16px;line-height:1.45}

.vec-pozo-chip .vec-icon{width:20px;height:20px;color:#42655d}

.vec-pozo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:18px 10px}

.vec-pozo-actions>.vec-action{min-height:44px;font-size:16px;flex:1 1 180px;justify-content:center;line-height:1.45;gap:8px;display:inline-flex;align-items:center}

.vec-pozo-premium .vec-live__updated,.vec-pozo-premium .vec-live__info,.vec-pozo-premium .vec-live__info p{font-size:16px;line-height:1.5}

.vec-pozo-premium .vec-live__info p{margin-top:10px}

.vec-pozo-premium .vec-live__info a{color:var(--vec-teal-text);text-decoration:underline;text-underline-offset:3px}

.vec-pozo-premium .vec-live__footer{margin-top:14px;gap:8px}

.vec-meteo-series{margin:18px 0 0;padding:16px 16px 12px;background:#ffffff91;border:1px solid #bdd3ce;border-radius:12px;font-size:16px;line-height:1.45}

.vec-meteo-series figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin:0 0 8px;font-size:16px}

.vec-meteo-series figcaption>span{font-size:16px;color:#425c59;white-space:nowrap}

.vec-meteo-series>svg{display:block;width:100%;height:92px;color:#16776d;margin:0}

.vec-meteo-axis{display:flex;justify-content:space-between;gap:6px;margin-top:3px;font-size:16px}

.vec-meteo-axis>span{display:grid;gap:3px;text-align:center;min-width:0}

.vec-meteo-axis time{font-size:16px;color:#425c59;white-space:nowrap}

.vec-meteo-axis>span:first-child time{font-weight:800;color:var(--vec-ink)}

.vec-meteo-axis b{font-size:16px;white-space:normal;line-height:1.4}

.vec-meteo-series--compact{padding:12px 10px 10px;margin-top:10px}

.vec-meteo-series--compact>svg{height:72px}

.vec-meteo-series--compact figcaption{font-size:16px}

.vec-meteo-table{margin-top:12px;border-top:1px solid #bdd3ce;padding-top:4px;font-size:16px}

.vec-meteo-table summary{min-height:44px;padding:10px 0;cursor:pointer;font-weight:700;font-size:16px}

.vec-meteo-table-scroll{overflow-x:auto;overscroll-behavior-inline:contain}

.vec-meteo-table table{border-collapse:collapse;width:100%;font-size:16px;border:1px solid #9ebcb5;margin:8px 0}

.vec-meteo-table caption{font-size:16px;text-align:left;margin:0 0 8px}

.vec-meteo-table th,.vec-meteo-table td{border:1px solid #9ebcb5;padding:10px 12px;text-align:left;font-size:16px}

.vec-meteo-table thead{background:#dcebe4}

.vec-meteo-notice{border:1px solid #b9ccc5;border-left:4px solid #088286;border-radius:10px;background:#e8efeb;padding:16px;font-size:16px;line-height:1.6}

.vec-meteo-notice a{font-weight:800;color:var(--vec-teal-text);text-decoration:underline;text-underline-offset:3px}

.vec-prose .vec-pozo-premium{margin-block:24px;padding:24px;border:1px solid #bdd3ce;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#fff9,transparent 75%),linear-gradient(145deg,#e5efeb,#dceae5)}

@media(max-width:599px){.vec-pozo-now{align-items:start;gap:16px}.vec-pozo-reading>strong{font-size:58px}.vec-pozo-state>b{font-size:17px}.vec-pozo-chip{flex:1 1 100%;gap:8px}.vec-pozo-chip .vec-icon{align-self:flex-start;margin-top:2px}.vec-meteo-series{padding:14px 10px 10px}.vec-meteo-series figcaption{display:grid;gap:4px}.vec-meteo-axis{gap:4px}.vec-meteo-axis b{letter-spacing:-.035em}.vec-meteo-series--compact{padding:12px 8px 10px}.vec-prose .vec-pozo-premium{padding:18px}.vec-pozo-actions{display:grid;grid-template-columns:1fr}.vec-pozo-actions>.vec-action{width:100%}}

@media(min-width:1024px){.vec-pozo-reading>strong{font-size:68px}.vec-pozo-premium .vec-live__footer{min-height:44px}}



/* R6, revisión del render: el dato, el estado y el contexto comparten la cabecera ancha. */

.vec-pozo-premium{container-type:inline-size}

.vec-pozo-now>.vec-pozo-conditions{margin:0;align-self:start}

@container(min-width:620px){.vec-pozo-now:has(>.vec-pozo-conditions){display:grid;grid-template-columns:minmax(110px,.65fr) minmax(190px,1fr) minmax(240px,1.5fr);align-items:start;gap:24px}.vec-pozo-now>.vec-pozo-conditions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vec-pozo-now>.vec-pozo-conditions>.vec-pozo-chip{justify-content:flex-start;align-items:center;line-height:1.5;min-height:48px}.vec-pozo-now>.vec-pozo-reading>strong{font-size:76px}}

@container(max-width:619px){.vec-pozo-now:has(>.vec-pozo-conditions){display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px}.vec-pozo-now>.vec-pozo-conditions{grid-column:1/-1;display:flex;flex-wrap:wrap}.vec-pozo-now>.vec-pozo-conditions>.vec-pozo-chip{flex:1 1 calc(50% - 8px)}}



.vec-pozo-now>.vec-pozo-conditions>.vec-pozo-chip:last-child:nth-child(odd){grid-column:1/-1}

@container(max-width:619px){.vec-pozo-now>.vec-pozo-conditions>.vec-pozo-chip:last-child:nth-child(odd){flex-basis:100%}}



@media(max-width:599px){.vec-pozo-actions>.vec-action{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.vec-pozo-actions>.vec-action>.vec-icon{align-self:flex-start}}


/* Portada con dos datos: ambas columnas de la lectura usan el ancho disponible. */
@media(min-width:1024px){.vec-data-rail.vfb-rail-two .vec-pozo-now>.vec-pozo-reading,.vec-data-rail.vfb-rail-two .vec-pozo-now>.vec-pozo-state{flex:1 1 0;min-width:0}}