/* =========================================================
TEMA CLARO CORPORATIVO - DOLCE ROMA
Compatible con Cassiopeia Joomla
Forzar fondo claro + tablas claras + botones corporativos
========================================================= */

:root{
--dr-primary:#C16C67;
--dr-dark:#2B1B1A;
--dr-bg:#F7F2F2;
--dr-card:#FFFFFF;
--dr-line:#E6E0E0;
--dr-text:#231616;
--dr-muted:#5b4a4a;
}

/* ======================================
FONDO GENERAL
====================================== */

body.site{
background:var(--dr-bg) !important;
color:var(--dr-text) !important;
}

/* ======================================
HEADER
====================================== */

.container-header,
.header,
.navbar{
background:#ffffff !important;
border-bottom:3px solid rgba(193,108,103,.35);
box-shadow:0 8px 25px rgba(0,0,0,.05);
}

/* ======================================
TITULOS
====================================== */

h1,h2,h3,h4{
color:var(--dr-dark) !important;
}

h1 span,
h2 span{
color:var(--dr-primary) !important;
}

/* ======================================
LINKS
====================================== */

a{
color:var(--dr-primary) !important;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

/* ======================================
TARJETAS
====================================== */

.card,
.moduletable,
.sidebar-left .card,
.sidebar-right .card,
.container-component .card{

background:var(--dr-card) !important;
border:1px solid var(--dr-line) !important;
border-radius:14px !important;
box-shadow:0 8px 22px rgba(0,0,0,.06);
}

/* ======================================
MENÚ LATERAL
====================================== */

.sidebar-left,
.sidebar-right{
background:transparent !important;
}

.sidebar-left .nav a,
.sidebar-right .nav a{
background:#ffffff;
border-radius:10px;
border:1px solid var(--dr-line);
margin-bottom:6px;
display:block;
padding:10px;
font-weight:600;
}

.sidebar-left .nav a:hover{
background:rgba(193,108,103,.12);
}

/* ======================================
BOTONES
====================================== */

.btn,
button,
input[type="submit"]{

border-radius:10px !important;
font-weight:700 !important;
}

.btn-primary{
background:var(--dr-primary) !important;
border-color:var(--dr-primary) !important;
color:#ffffff !important;
}

.btn-primary:hover{
filter:brightness(.95);
}

/* ======================================
INPUTS
====================================== */

input,
select,
textarea{

background:#ffffff !important;
border:1px solid var(--dr-line) !important;
border-radius:10px !important;
color:var(--dr-text) !important;
}

input:focus,
select:focus,
textarea:focus{

outline:none;
border-color:var(--dr-primary) !important;
box-shadow:0 0 0 3px rgba(193,108,103,.15);
}

/* ======================================
TABLAS
====================================== */

table{
background:#ffffff !important;
color:var(--dr-text) !important;
border:1px solid var(--dr-line) !important;
}

table th{
background:rgba(193,108,103,.15) !important;
color:var(--dr-dark) !important;
}

table td{
background:#ffffff !important;
}

table tr:nth-child(even) td{
background:#faf7f7 !important;
}

/* ======================================
VISFORMS
====================================== */

.com-visforms table,
.com-visforms .table,
.com-visforms .table-responsive{

background:#ffffff !important;
}

.com-visforms th{
background:rgba(193,108,103,.15) !important;
}

.com-visforms td{
background:#ffffff !important;
color:var(--dr-text) !important;
}

/* ======================================
ELIMINAR FONDOS NEGROS
====================================== */

.bg-dark,
.dark,
.theme-dark,
.text-bg-dark{

background:#ffffff !important;
color:var(--dr-text) !important;
}

/* ======================================
SEPARADORES
====================================== */

hr{
border-color:var(--dr-line) !important;
}

/* ======================================
FORMULARIOS
====================================== */

.form-control{
background:#ffffff !important;
border:1px solid var(--dr-line) !important;
}

/* ======================================
BUSCADOR / FILTROS
====================================== */

input[type="search"]{
background:#ffffff !important;
border:1px solid var(--dr-line) !important;
}

/* ======================================
TABLAS RESPONSIVE
====================================== */

.table-responsive{
background:#ffffff !important;
border-radius:12px;
}

/* ======================================
FOOTER
====================================== */

footer{
background:#ffffff;
border-top:1px solid var(--dr-line);
}

/* ======================================
SCROLLBAR SUAVE
====================================== */

::-webkit-scrollbar{
width:8px;
}

::-webkit-scrollbar-thumb{
background:rgba(193,108,103,.6);
border-radius:8px;
}

::-webkit-scrollbar-track{
background:#f1eeee;
}