@charset "UTF-8";
/* CSS Document */

body{
    font-family: Arial, Helvetica, sans-serif;
    background:#f4f9f4;
    padding:40px;
}

h2{
    text-align:center;
    color:#2f6b3c;
    margin-bottom:30px;
}

.table-container{
    overflow-x:auto;
}

table{
    width:100%;
    border-collapse: collapse;
    background:white;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

thead{
    background:#2f6b3c;
    color:white;
}

th, td{
    padding:18px;
    text-align:center;
}

img{
    width:120px;
    height:90px;
    object-fit:cover;
    border-radius:12px;
    transition: transform .3s ease;
}

img:hover{
    transform: scale(1.1);
}
/* BOTON CYP */
.boton-flotante {
  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 70px;
  height: 70px;
  z-index: 999;
  transition: 0.3s;
}

.boton-flotante img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}


.boton-flotante:hover {
  transform: scale(1.1);
}