/* CloudLiveOn · área de cliente alineada con la landing (11/10/2026). Va DESPUÉS de custom.css; solo presentación. */
@font-face{font-family:'Geologica';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/geologica-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geologica';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/geologica-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Geologica';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/geologica-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geologica';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/geologica-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Geologica';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/geologica-cyrillic-400-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Geologica';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/geologica-cyrillic-ext-400-normal.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Geologica';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/geologica-cyrillic-600-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Geologica';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/geologica-cyrillic-ext-600-normal.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}

:root{
  --co-bg:#09090C; --co-bg-deep:#09090C; --co-surface:#0F0F13; --co-surface-2:#0F0F13;
  --co-border:#1E1E25; --co-text:#F1F1F1; --co-muted:#B4B4BF;
  --co-accent:#00ADFF; --co-accent-hover:#5CCBFF; --co-on-accent:#04121C;
  --clo-strong:#2A2A33; --clo-ink2:#DADAE0; --clo-subtle:#8E8E99; --clo-amber:#FFBD69; --clo-on-amber:#211506;
  --clo-ease:cubic-bezier(.32,.72,0,1);
}
html,body,input,button,select,textarea,.btn,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.navbar-main,.panel,.form-control{font-family:'Geologica',Arial,sans-serif}
body{font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3{font-weight:600;letter-spacing:-.01em;text-wrap:balance}
p,li{text-wrap:pretty}
.header-lined h1{font-weight:600;font-size:30px}
.header-lined h1 small{font-weight:400;font-size:15px;color:var(--co-muted)}
a{transition:color .3s var(--clo-ease)}

/* Cabecera y menú, como la de la landing */
section#header{background:var(--co-bg);border-bottom:1px solid var(--co-border);padding:12px 0}
section#header .top-nav{margin-top:6px}
section#header .top-nav>li>a{font-size:14px;font-weight:400;color:var(--clo-ink2)}
section#header .top-nav>li>a:hover{color:#fff}
section#header .top-nav>li.primary-action{border-left:0}
section#header .top-nav>li>a.btn,section#header .top-nav .btn-action{background:#F1F1F1;border:1px solid #F1F1F1;color:#09090C;border-radius:6px;font-size:14px;font-weight:600;padding:8px 14px}
section#header .top-nav>li>a.btn:hover{background:#fff;color:#09090C;transform:translateY(-1px)}
.navbar-main{background:var(--co-bg);border:0;border-bottom:1px solid var(--co-border);box-shadow:none}
.navbar-main .navbar-nav>li>a{font-size:14px;font-weight:400;color:var(--co-muted);border-radius:999px;margin:6px 2px;padding:8px 14px;transition:color .3s var(--clo-ease),background-color .3s var(--clo-ease)}
.navbar-main .navbar-nav>li>a:hover,.navbar-main .navbar-nav>li>a:focus,.navbar-main .navbar-nav>.active>a,.navbar-main .navbar-nav>.open>a,.navbar-main .navbar-nav>.open>a:hover,.navbar-main .navbar-nav>.open>a:focus{background:var(--co-surface);color:var(--co-text)}
.navbar-main li.account{background:transparent}
.dropdown-menu{border-radius:12px;box-shadow:none;border:1px solid var(--clo-strong);padding:6px}
.dropdown-menu>li>a{border-radius:8px;font-size:14px;padding:8px 12px}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background:#16161C;color:var(--co-text)}

/* Bloques: tarjeta plana, borde fino, sin sombras */
.panel,.well,.modal-content,.popover,.tiles .tile,.home-shortcuts,.announcement-single,.list-group-item,.thumbnail{border-radius:14px;box-shadow:none;border:1px solid var(--co-border);background:var(--co-surface)}
.panel>.panel-heading,.panel-footer{border-color:var(--co-border);background:var(--co-surface);border-radius:14px 14px 0 0}
.panel-footer{border-radius:0 0 14px 14px}
.panel-sidebar .panel-heading{background:var(--co-surface)}
.list-group-item{border-radius:0}
.list-group .list-group-item:first-child{border-radius:14px 14px 0 0}
.list-group .list-group-item:last-child{border-radius:0 0 14px 14px}
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{background:#16161C;border-color:var(--clo-strong);color:#fff}
a.list-group-item:hover,a.list-group-item:focus{background:#16161C;color:#fff}
.tiles .tile:hover{background:#16161C;border-color:var(--clo-strong)}
.tiles .tile{transition:background-color .4s var(--clo-ease),border-color .4s var(--clo-ease)}
.table-list>thead>tr>th{background:var(--co-surface);color:var(--co-muted);font-weight:600;font-size:13px}
.table-list>tbody>tr>td{background:transparent}
.table-list>tbody>tr:hover>td{background:#16161C}
.table-container,.table-list{border-radius:14px;border:1px solid var(--co-border)}
.label{border-radius:999px;font-weight:600;padding:.3em .8em}
.label-info{background:#0F0F13;border:1px solid var(--co-accent);color:var(--co-accent)}
.label-success{background:#0F0F13;border:1px solid #2ECC71;color:#2ECC71}
.label-warning{background:#0F0F13;border:1px solid var(--clo-amber);color:var(--clo-amber)}
.label-danger{background:#0F0F13;border:1px solid #E5534B;color:#FF8A84}
.label-default{background:#0F0F13;border:1px solid var(--clo-strong);color:var(--co-muted)}

/* Formularios */
.form-control,.input-group-addon,select.form-control,textarea.form-control{background:var(--co-surface);border:1px solid var(--clo-strong);border-radius:8px;box-shadow:none;height:42px;color:var(--co-text)}
textarea.form-control,select[multiple].form-control,.input-sm,.form-control.input-sm{height:auto}
.input-sm{min-height:34px}
select.form-control option,select option{background:#0F0F13;color:#F1F1F1}
.form-control:focus{border-color:var(--co-accent);box-shadow:0 0 0 3px rgba(0,173,255,.22)}
.form-control::placeholder{color:var(--clo-subtle)}
.input-group-addon{color:var(--co-muted)}
label,.control-label{font-weight:600;font-size:14px;color:var(--clo-ink2)}
.nav-tabs>li>a{border-radius:999px;border:1px solid transparent}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{background:var(--co-surface);border:1px solid var(--clo-strong)}

/* Botones: pastilla blanca como la landing; el azul queda para enlaces y foco */
.btn{border-radius:999px;font-weight:600;padding:9px 20px;box-shadow:none;text-shadow:none;transition:transform .5s var(--clo-ease),background-color .3s var(--clo-ease),border-color .3s var(--clo-ease)}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:scale(.98)}
.btn-sm,.btn-xs{padding:6px 14px}
.btn-primary,.btn-success,.btn-info,.btn-order-now,.btn-checkout{background:#F1F1F1;border:1px solid #F1F1F1;color:#09090C}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-success:hover,.btn-success:focus,.btn-info:hover,.btn-info:focus{background:#fff;border-color:#fff;color:#09090C}
.btn-default{background:var(--co-surface);border:1px solid var(--clo-strong);color:var(--co-text)}
.btn-default:hover,.btn-default:focus,.btn-default:active{background:var(--co-surface);border-color:var(--clo-subtle);color:var(--co-text)}
.btn-danger{background:transparent;border:1px solid #E5534B;color:#FF8A84}
.btn-danger:hover{background:#E5534B;color:#09090C;border-color:#E5534B}
.btn:focus-visible,a:focus-visible{outline:2px solid var(--co-accent);outline-offset:2px}
.form-control:focus-visible{outline:0}
.alert{border-radius:12px;border:1px solid var(--co-border)}
.modal-content{border-radius:16px}

/* Tienda: tarjetas de plan como en la landing (borde grueso; el de 60 FPS en ámbar) */
body #order-premium_comparison .price-table-container .price-table{border:3px solid var(--clo-strong);border-radius:16px;background:var(--co-surface);overflow:hidden;transition:border-color .5s var(--clo-ease),transform .7s var(--clo-ease)}
body #order-premium_comparison .price-table-container .price-table:hover{transform:translateY(-8px)}
body #order-premium_comparison .price-table-container .price-table .top-head{background:var(--co-surface);border-bottom:1px solid var(--co-border)}
body #order-premium_comparison .price-table-container .price-table .top-head .top-area h3,
body #order-premium_comparison .price-table-container .price-table .top-head .top-area{font-weight:600;letter-spacing:-.01em}
body #order-premium_comparison .price-table-container .price-table .top-head .price-area{font-weight:600}
body #order-premium_comparison .price-table-container .order-button,
body #order-premium_comparison .price-table-container .order-button:hover{background:#F1F1F1;color:#09090C;border-radius:999px;font-weight:600}
body #order-premium_comparison .price-table-container .order-button:hover{background:#fff}
body #order-premium_comparison .price-table-container .price-table ul li a{color:var(--co-accent)}
body #order-premium_comparison .price-table-container .price-table.clo-hl,
body #order-premium_comparison .price-table-container .price-table:has(a[href*="pid=2"]){border-color:var(--clo-amber)}
body #order-premium_comparison .price-table-container .price-table:has(a[href*="pid=2"]) .order-button,
body #order-premium_comparison .price-table-container .price-table:has(a[href*="pid=2"]) .order-button:hover{background:var(--clo-amber);color:var(--clo-on-amber)}
body #order-premium_comparison .price-table-container .price-table ul li:has(.clo-instant),
body #order-premium_comparison .price-table-container .price-table ul li.clo-instant{color:var(--clo-amber)}

/* Carrito */
body #order-standard_cart .products .product,body #order-standard_cart .product-info,body #order-standard_cart .view-cart-items,body #order-standard_cart .order-summary,body #order-standard_cart .summary-container{border-radius:14px;border:1px solid var(--co-border);background:var(--co-surface);box-shadow:none}
body #order-standard_cart .products .product header,body #order-standard_cart .order-summary h2{background:var(--co-surface);border-radius:14px 14px 0 0}
body #order-standard_cart .products .product div.product-pricing span.price{color:#fff;font-weight:600}
body #order-standard_cart .btn-checkout,body #order-standard_cart .btn-order-now,body #order-standard_cart .btn-primary{background:#F1F1F1;border-color:#F1F1F1;color:#09090C;border-radius:999px}
body #order-standard_cart .btn-checkout:hover,body #order-standard_cart .btn-primary:hover{background:#fff;color:#09090C}
body #order-standard_cart .field,body #order-standard_cart .form-control{background:var(--co-surface);border:1px solid var(--clo-strong);border-radius:8px}
body #order-standard_cart .cloudobs-product-info{border-left:0;border:1px solid var(--co-border);border-radius:14px}
body #order-standard_cart .sub-heading span,body #order-standard_cart .sub-heading-borderless span{color:var(--co-muted);font-weight:600;background:var(--co-bg)}
body #order-standard_cart .cloudobs-optional-fields{background:var(--co-surface);border-color:var(--co-border);border-radius:12px}
body #order-standard_cart .cloudobs-optional-fields summary{color:var(--co-accent)}

/* Pie */
section#footer{background:var(--co-bg);border-top:1px solid var(--co-border);font-size:13px}
section#footer .back-to-top i{background:var(--co-surface);border:1px solid var(--clo-strong);border-radius:999px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.btn:hover,.tiles .tile:hover{transform:none}}
@media (max-width:767px){.navbar-main .navbar-nav>li>a{margin:2px 0}body{font-size:16px}}
.breadcrumb>li,.breadcrumb>li a,.breadcrumb>.active,.breadcrumb>.active a{color:var(--co-muted);font-size:13px}
.breadcrumb>li a:hover{color:var(--co-text)}
.progress{background:#16161C;border-radius:999px;box-shadow:none;height:10px}
.progress-bar{box-shadow:none}